Inter-Shuttle | Navette priv\u00e9e Rive-Sud \u2192 YUL<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --black: #0a0a0a;\n --dark: #111318;\n --card: #16191f;\n --gold: #c9a84c;\n --gold-light: #e8c96a;\n --white: #f5f3ee;\n --muted: #8a8f9a;\n --border: rgba(201,168,76,0.18);\n --radius: 14px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--black);\n color: var(--white);\n overflow-x: clip;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 18px 32px;\n background: rgba(10,10,10,0.92);\n backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n gap: 16px;\n }\n .nav-logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800; font-size: 1.3rem;\n color: var(--white); letter-spacing: -0.02em;\n text-decoration: none;\n }\n .nav-logo span { color: var(--gold); }\n .nav-links { display: flex; gap: 20px; list-style: none; }\n .nav-links a {\n font-size: 0.82rem; font-weight: 500; color: var(--muted);\n text-decoration: none; letter-spacing: 0.03em; text-transform: uppercase;\n transition: color 0.2s; white-space: nowrap;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-right { display: flex; align-items: center; gap: 12px; }\n .nav-langs { display: flex; gap: 4px; align-items: center; }\n .nav-lang {\n font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.78rem;\n color: var(--muted); text-decoration: none; padding: 4px 8px;\n border-radius: 6px; transition: all 0.2s; border: 1px solid transparent;\n }\n .nav-lang:hover { color: var(--gold); border-color: var(--border); }\n .nav-lang.active { color: var(--gold); border-color: var(--border); }\n .nav-phone {\n font-family: 'Syne', sans-serif; font-weight: 700;\n font-size: 0.85rem; color: var(--white);\n text-decoration: none; letter-spacing: 0.02em;\n transition: color 0.2s; white-space: nowrap;\n }\n .nav-phone:hover { color: var(--gold); }\n .nav-cta {\n background: var(--gold); color: var(--black);\n padding: 10px 22px; border-radius: 8px;\n font-family: 'Syne', sans-serif; font-weight: 700;\n font-size: 0.85rem; text-decoration: none; letter-spacing: 0.03em;\n transition: background 0.2s, transform 0.15s;\n white-space: nowrap;\n }\n .nav-cta:hover { background: var(--gold-light); transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid; grid-template-columns: 1fr 1fr;\n align-items: center; gap: 48px;\n padding: 100px 40px 60px;\n position: relative; overflow: visible;\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 60% 60% at 70% 50%, rgba(201,168,76,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 80% at 10% 80%, rgba(201,168,76,0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n .hero-grid-line {\n position: absolute; top: 0; bottom: 0;\n left: 50%; width: 1px;\n background: linear-gradient(to bottom, transparent, var(--border) 30%, var(--border) 70%, transparent);\n pointer-events: none;\n }\n\n .hero-left { padding-right: 40px; animation: fadeUp 0.9s ease both; }\n .hero-tag {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(201,168,76,0.1); border: 1px solid var(--border);\n border-radius: 100px; padding: 6px 14px 6px 10px;\n font-size: 0.78rem; font-weight: 500; color: var(--gold);\n letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 28px;\n }\n .hero-tag::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: var(--gold); animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%,100% { opacity:1; transform:scale(1); }\n 50% { opacity:0.4; transform:scale(1.3); }\n }\n\n h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2.4rem, 4vw, 3.6rem);\n font-weight: 800; line-height: 1.05;\n letter-spacing: -0.03em; margin-bottom: 24px;\n }\n h1 em { color: var(--gold); font-style: normal; }\n .hero-sub {\n font-size: 1rem; line-height: 1.7; color: #b0b5c0;\n max-width: 440px; margin-bottom: 40px;\n }\n .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }\n .btn-primary {\n background: var(--gold); color: var(--black);\n padding: 14px 28px; border-radius: 10px;\n font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.95rem;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all 0.2s; border: none; cursor: pointer;\n }\n .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201,168,76,0.25); }\n .btn-secondary {\n background: transparent; color: var(--white);\n padding: 14px 28px; border-radius: 10px;\n font-family: 'Syne', sans-serif; font-weight: 600; font-size: 0.95rem;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n border: 1px solid rgba(255,255,255,0.15); transition: all 0.2s;\n }\n .btn-secondary:hover { border-color: var(--gold); color: var(--gold); }\n\n .hero-stats {\n display: flex; gap: 32px; margin-top: 48px;\n padding-top: 32px; border-top: 1px solid var(--border);\n }\n .stat-num {\n font-family: 'Syne', sans-serif; font-size: 1.8rem;\n font-weight: 800; color: var(--gold); line-height: 1;\n }\n .stat-label { font-size: 0.82rem; color: var(--muted); margin-top: 4px; }\n\n \/* BOOKING CARD *\/\n .hero-right { animation: fadeUp 0.9s 0.15s ease both; overflow: hidden; min-width: 0; }\n .booking-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px; padding: 32px;\n position: relative; overflow: hidden;\n width: 100%;\n }\n .booking-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));\n }\n .booking-card h3 {\n font-family: 'Syne', sans-serif; font-size: 1.1rem;\n font-weight: 700; margin-bottom: 20px;\n }\n .form-row { margin-bottom: 14px; }\n .form-row label {\n display: block; font-size: 0.75rem; font-weight: 500;\n color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase;\n margin-bottom: 6px;\n }\n .form-row select,\n .form-row input {\n width: 100%; padding: 11px 14px;\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\n border-radius: 10px; color: var(--white); font-family: 'DM Sans', sans-serif;\n font-size: 0.9rem; outline: none; transition: border-color 0.2s;\n appearance: none;\n }\n .form-row select:focus, .form-row input:focus { border-color: var(--gold); }\n .form-row select option { background: var(--dark); }\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n .btn-book {\n width: 100%; padding: 14px; margin-top: 8px;\n background: var(--gold); color: var(--black);\n border: none; border-radius: 10px; cursor: pointer;\n font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.95rem;\n letter-spacing: 0.02em; transition: all 0.2s;\n }\n .btn-book:hover { background: var(--gold-light); transform: translateY(-1px); }\n .book-note {\n text-align: center; margin-top: 12px;\n font-size: 0.78rem; color: var(--muted);\n }\n .book-note a { color: var(--gold); text-decoration: none; }\n\n \/* \u2500\u2500 CITIES GRID \u2500\u2500 *\/\n .section { padding: 80px 40px; }\n .section-label {\n font-size: 0.78rem; font-weight: 600; color: var(--gold);\n letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 14px;\n }\n .section-title {\n font-family: 'Syne', sans-serif; font-size: clamp(1.8rem, 3vw, 2.6rem);\n font-weight: 800; letter-spacing: -0.02em; line-height: 1.1;\n margin-bottom: 48px; max-width: 600px;\n }\n .section-title em { color: var(--gold); font-style: normal; }\n\n .cities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 16px;\n }\n .city-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 24px 20px;\n text-decoration: none; color: var(--white);\n transition: all 0.25s; display: flex; flex-direction: column; gap: 10px;\n position: relative; overflow: hidden;\n }\n .city-card::after {\n content: '\u2192';\n position: absolute; right: 20px; top: 50%; transform: translateY(-50%);\n color: var(--gold); font-size: 1.1rem; opacity: 0;\n transition: opacity 0.2s, right 0.2s;\n }\n .city-card:hover { border-color: var(--gold); transform: translateY(-3px); background: #1a1d24; }\n .city-card:hover::after { opacity: 1; right: 16px; }\n .city-icon { font-size: 1.5rem; }\n .city-name { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1rem; }\n .city-dest { font-size: 0.82rem; color: var(--muted); }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n .services-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n }\n .service-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 18px; padding: 32px 28px;\n transition: border-color 0.25s;\n }\n .service-card:hover { border-color: var(--gold); }\n .service-icon {\n width: 48px; height: 48px; border-radius: 12px;\n background: rgba(201,168,76,0.12); display: flex; align-items: center;\n justify-content: center; font-size: 1.4rem; margin-bottom: 20px;\n }\n .service-card h3 {\n font-family: 'Syne', sans-serif; font-size: 1.1rem;\n font-weight: 700; margin-bottom: 10px;\n }\n .service-card p { font-size: 0.9rem; line-height: 1.6; color: #9098a9; }\n .service-contact {\n margin-top: 20px; font-family: 'Syne', sans-serif;\n font-weight: 700; color: var(--gold); font-size: 0.95rem;\n cursor: pointer; text-decoration: none; display: inline-block;\n transition: color 0.2s;\n }\n .service-contact:hover { color: var(--gold-light); }\n\n \/* \u2500\u2500 FLEET \u2500\u2500 *\/\n .fleet-section { background: var(--dark); }\n .fleet-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 600px; }\n .fleet-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 18px; overflow: hidden; transition: border-color 0.2s;\n }\n .fleet-card:hover { border-color: var(--gold); }\n .fleet-img {\n height: 180px; background: linear-gradient(135deg, #1a1d24 0%, #222730 100%);\n display: flex; align-items: center; justify-content: center;\n font-size: 5rem; border-bottom: 1px solid var(--border);\n }\n .fleet-info { padding: 24px; }\n .fleet-badge {\n display: inline-block; background: rgba(201,168,76,0.12);\n border: 1px solid var(--border); border-radius: 6px;\n padding: 3px 10px; font-size: 0.76rem; color: var(--gold);\n font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;\n margin-bottom: 12px;\n }\n .fleet-info h3 {\n font-family: 'Syne', sans-serif; font-size: 1.2rem;\n font-weight: 700; margin-bottom: 8px;\n }\n .fleet-info p { font-size: 0.88rem; color: var(--muted); line-height: 1.6; }\n .fleet-cap {\n display: flex; align-items: center; gap: 6px;\n margin-top: 16px; font-size: 0.88rem; color: var(--white);\n font-weight: 500;\n }\n\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\n .why-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;\n }\n .why-item { text-align: center; padding: 28px 16px; }\n .why-num {\n font-family: 'Syne', sans-serif; font-size: 2.5rem;\n font-weight: 800; color: var(--gold); line-height: 1;\n }\n .why-item h4 {\n font-family: 'Syne', sans-serif; font-weight: 700;\n font-size: 1rem; margin: 10px 0 8px;\n }\n .why-item p { font-size: 0.85rem; color: var(--muted); line-height: 1.6; }\n\n \/* \u2500\u2500 ROUTE CTA \u2500\u2500 *\/\n .route-cta {\n background: linear-gradient(135deg, #16191f 0%, #1e2230 100%);\n border: 1px solid var(--border); border-radius: 24px;\n padding: 60px 48px; display: grid;\n grid-template-columns: 1fr auto; gap: 40px; align-items: center;\n margin: 0 40px 80px;\n }\n .route-cta h2 {\n font-family: 'Syne', sans-serif; font-size: 2rem;\n font-weight: 800; letter-spacing: -0.02em; margin-bottom: 12px;\n }\n .route-cta h2 em { color: var(--gold); font-style: normal; }\n .route-cta p { color: #9098a9; font-size: 1rem; line-height: 1.6; }\n .route-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--dark); border-top: 1px solid var(--border);\n padding: 48px 40px 28px;\n }\n .footer-grid {\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;\n margin-bottom: 40px;\n }\n .footer-brand .nav-logo { font-size: 1.4rem; display: block; margin-bottom: 14px; }\n .footer-brand p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; max-width: 280px; }\n .footer-col h5 {\n font-family: 'Syne', sans-serif; font-size: 0.82rem;\n font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n color: var(--white); margin-bottom: 16px;\n }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n .footer-col a {\n font-size: 0.88rem; color: var(--muted); text-decoration: none;\n transition: color 0.2s;\n }\n .footer-col a:hover { color: var(--gold); }\n .footer-bottom {\n border-top: 1px solid var(--border); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-size: 0.82rem; color: var(--muted);\n }\n .footer-langs { display: flex; gap: 12px; }\n .footer-langs a {\n font-size: 0.82rem; color: var(--muted);\n text-decoration: none; transition: color 0.2s;\n }\n .footer-langs a:hover { color: var(--gold); }\n\n \/* \u2500\u2500 WHATSAPP FLOAT \u2500\u2500 *\/\n .wa-float {\n position: fixed; bottom: 28px; right: 28px; z-index: 200;\n width: 58px; height: 58px; border-radius: 50%;\n background: #25D366; display: flex; align-items: center;\n justify-content: center; text-decoration: none;\n box-shadow: 0 4px 20px rgba(37,211,102,0.4);\n animation: waIn 0.5s 1s ease both;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.5); }\n .wa-float svg { width: 28px; height: 28px; fill: white; }\n @keyframes waIn {\n from { opacity: 0; transform: scale(0.5); }\n to { opacity: 1; transform: scale(1); }\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(28px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .divider { height: 1px; background: var(--border); margin: 0 40px; }\n\n \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 14px 20px; }\n .nav-links { display: none; }\n .nav-phone { display: none; }\n .hero { grid-template-columns: 1fr; padding: 90px 20px 40px; gap: 40px; }\n .hero-left { padding-right: 0; }\n .hero-grid-line { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .fleet-grid { grid-template-columns: 1fr; }\n .why-grid { grid-template-columns: repeat(2, 1fr); }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .route-cta { grid-template-columns: 1fr; margin: 0 20px 60px; padding: 40px 24px; }\n .route-actions { align-items: flex-start; }\n .section { padding: 60px 20px; }\n .divider { margin: 0 20px; }\n h1 { font-size: 2.2rem; }\n .booking-card { padding: 24px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#\" class=\"nav-logo\">Inter<span>-Shuttle<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#villes\">Nos villes<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#flotte\">Flotte<\/a><\/li>\n <li><a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/tarifs\/\" style=\"color:var(--gold);\">Tarifs<\/a><\/li>\n <li><a href=\"#apropos\">\u00c0 propos<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <div class=\"nav-langs\">\n <a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/\" class=\"nav-lang active\">FR<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/english-version\/\" class=\"nav-lang\">EN<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/espanol\/\" class=\"nav-lang\">ES<\/a>\n <\/div>\n <a href=\"tel:4382700257\" class=\"nav-phone\">(438) 270-0257<\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"nav-cta\" target=\"_blank\">\ud83d\udcf2 R\u00e9server via WhatsApp<\/a>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-grid-line\"><\/div>\n <div class=\"hero-left\">\n <div class=\"hero-tag\">Disponible 24h\/24 \u00b7 7j\/7<\/div>\n <h1>Navette priv\u00e9e<br><em>Rive-Sud<\/em><br>vers YUL<\/h1>\n <p class=\"hero-sub\">Transport priv\u00e9 depuis toute la Rive-Sud de Montr\u00e9al. Jusqu’\u00e0 7 passagers. Prix fixe. Aucune surprise.<\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20r\u00e9server%20une%20navette\" class=\"btn-primary\" target=\"_blank\">\n \ud83d\udcf2 R\u00e9server maintenant\n <\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/tarifs\/\" class=\"btn-secondary\">\ud83d\udcb0 Voir les tarifs \u2192<\/a>\n <a href=\"#services\" class=\"btn-secondary\">Voir les services \u2192<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">7<\/div>\n <div class=\"stat-label\">Passagers max<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">24\/7<\/div>\n <div class=\"stat-label\">Disponible<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Langues \u00b7 FR EN ES<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"booking-card\">\n <h3>\ud83d\uddd3\ufe0f Obtenez votre prix<\/h3>\n <div class=\"form-row\">\n <label>Ville de d\u00e9part<\/label>\n <select id=\"sel-city\">\n <option>Candiac<\/option>\n <option>Delson<\/option>\n <option>Saint-Constant<\/option>\n <option>Sainte-Catherine<\/option>\n <option>Brossard<\/option>\n <option>Boucherville<\/option>\n <option>Saint-Bruno<\/option>\n <option>Longueuil<\/option>\n <option>Saint-Lambert<\/option>\n <option>La Prairie<\/option>\n <option>Ch\u00e2teauguay<\/option>\n <option>Autre ville Rive-Sud<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Type de trajet<\/label>\n <select id=\"sel-type\">\n <option>Aller simple<\/option>\n <option>Aller-Retour<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Destination<\/label>\n <select id=\"sel-dest\">\n <option>A\u00e9roport YUL (Montr\u00e9al-Trudeau)<\/option>\n <option>A\u00e9roport MET \u00b7 YHU (Saint-Hubert)<\/option>\n <option>Qu\u00e9bec City<\/option>\n <option>Centre-ville de Montr\u00e9al<\/option>\n <option>Autre destination<\/option>\n <\/select>\n <\/div>\n <div class=\"form-grid\">\n <div class=\"form-row\">\n <label>Date aller<\/label>\n <input type=\"date\" id=\"date-aller\">\n <\/div>\n <div class=\"form-row\">\n <label>Heure aller<\/label>\n <input type=\"time\" id=\"heure-aller\">\n <\/div>\n <\/div>\n <div class=\"form-grid\" id=\"retour-fields\" style=\"display:none;\">\n <div class=\"form-row\">\n <label>Date retour<\/label>\n <input type=\"date\" id=\"date-retour\">\n <\/div>\n <div class=\"form-row\">\n <label>Heure retour<\/label>\n <input type=\"time\" id=\"heure-retour\">\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <label>Nombre de passagers<\/label>\n <select id=\"sel-pax\">\n <option>1 passager<\/option>\n <option>2 passagers<\/option>\n <option>3 passagers<\/option>\n <option>4 passagers<\/option>\n <option>5 passagers<\/option>\n <option>6 passagers<\/option>\n <option>7 passagers<\/option>\n <option>8\u201311 passagers (nous contacter)<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Bagages<\/label>\n <select id=\"sel-bagages\">\n <option>Aucun bagage<\/option>\n <option>1 valise<\/option>\n <option>2 valises<\/option>\n <option>3 valises<\/option>\n <option>4 valises ou plus<\/option>\n <option>\u00c9quipement sportif (v\u00e9los, skis…)<\/option>\n <option>\u00c9quipement sportif + valises<\/option>\n <option>Fauteuil roulant \/ mobilit\u00e9 r\u00e9duite<\/option>\n <\/select>\n <\/div>\n <button class=\"btn-book\" onclick=\"bookWhatsApp()\">V\u00e9rifier la disponibilit\u00e9 \u2192<\/button>\n <p class=\"book-note\">Confirmation rapide par <a href=\"https:\/\/wa.me\/14382700257\" target=\"_blank\">WhatsApp<\/a> \u00b7 Tarif fixe garanti<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section\" id=\"villes\">\n <div class=\"section-label\">Zones desservies<\/div>\n <h2 class=\"section-title\">Navette depuis <em>toute la Rive-Sud<\/em><br>vers l’a\u00e9roport<\/h2>\n <div class=\"cities-grid\">\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Candiac<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Delson<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Saint-Constant<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Sainte-Catherine<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Brossard<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Longueuil<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Boucherville<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Saint-Bruno<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">La Prairie<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Ch\u00e2teauguay<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Saint-Lambert<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\u2708\ufe0f<\/div>\n <div class=\"city-name\">A\u00e9roport MET \u00b7 YHU<\/div>\n <div class=\"city-dest\">Saint-Hubert \u00b7 Ouvert 15 juin 2026<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"city-name\">Montr\u00e9al \u2192 Qu\u00e9bec<\/div>\n <div class=\"city-dest\">Navette longue distance<\/div>\n <\/a>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section\" id=\"services\">\n <div class=\"section-label\">Nos services<\/div>\n <h2 class=\"section-title\">Ce que nous <em>offrons<\/em><\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\u2708\ufe0f<\/div>\n <h3>Transfert A\u00e9roport<\/h3>\n <p>D\u00e9part depuis votre domicile \u00e0 l’heure exacte. Suivi de vol inclus. Aucune attente. Desservi: <strong>YUL<\/strong> (Trudeau) et <strong>MET \u00b7 YHU<\/strong> (Saint-Hubert, ouvert 15 juin 2026).<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20un%20transfert%20a\u00e9roport\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udc65<\/div>\n <h3>Transport de groupe<\/h3>\n <p>Kia Carnival jusqu’\u00e0 7 passagers ou v\u00e9hicule adapt\u00e9 pour les groupes plus importants. Parfait pour les \u00e9quipes, familles et excursions.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20un%20transport%20de%20groupe\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udf89<\/div>\n <h3>Navette \u00e9v\u00e9nements<\/h3>\n <p>Mariages, galas, concerts, tournois sportifs. Transport coordonn\u00e9 pour vos invit\u00e9s.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20une%20navette%20\u00e9v\u00e9nement\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfd9\ufe0f<\/div>\n <h3>Montr\u00e9al \u2194 Qu\u00e9bec<\/h3>\n <p>Trajet direct longue distance. Confort premium, climatisation, espace bagages.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20la%20navette%20Montr\u00e9al-Qu\u00e9bec\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\n <h3>Transport corporatif<\/h3>\n <p>Contrats B2B pour agences de voyage, entreprises, h\u00f4tels. Facturation mensuelle disponible.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20discuter%20dun%20partenariat%20corporatif\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udf19<\/div>\n <h3>Vols de nuit \/ t\u00f4t matin<\/h3>\n <p>Disponible 24h\/24 pour les d\u00e9parts tr\u00e8s t\u00f4t ou les arriv\u00e9es tardives. Fiable m\u00eame \u00e0 3h du matin.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20r\u00e9server%20un%20trajet%20de%20nuit\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section fleet-section\" id=\"flotte\">\n <div class=\"section-label\">Notre flotte<\/div>\n <h2 class=\"section-title\">V\u00e9hicule <em>propre<\/em> et confortable<\/h2>\n <div class=\"fleet-grid\">\n <div class=\"fleet-card\">\n <div class=\"fleet-img\">\ud83d\ude90<\/div>\n <div class=\"fleet-info\">\n <span class=\"fleet-badge\">Tous groupes<\/span>\n <h3>Kia Carnival 2026<\/h3>\n <p>Minivan haut de gamme, climatis\u00e9, int\u00e9rieur spacieux. Id\u00e9al pour les familles, petits et grands groupes de la Rive-Sud.<\/p>\n <div class=\"fleet-cap\">\ud83d\udc64 Jusqu’\u00e0 7 passagers \u00b7 Bagages inclus<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section\" id=\"apropos\">\n <div class=\"section-label\">Pourquoi Inter-Shuttle<\/div>\n <h2 class=\"section-title\">Votre avantage <em>concurrentiel<\/em><\/h2>\n <div class=\"why-grid\">\n <div class=\"why-item\">\n <div class=\"why-num\">24\/7<\/div>\n <h4>Toujours disponible<\/h4>\n <p>Vols t\u00f4t le matin, retours de nuit. Nous sommes l\u00e0 quand vous en avez besoin.<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-num\">3<\/div>\n <h4>Langues parl\u00e9es<\/h4>\n <p>Service en fran\u00e7ais, anglais et espagnol pour tous nos clients.<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-num\">7<\/div>\n <h4>Passagers max<\/h4>\n <p>Kia Carnival spacieux pour s’adapter \u00e0 votre groupe.<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-num\">$0<\/div>\n <h4>Frais cach\u00e9s<\/h4>\n <p>Prix fixe confirm\u00e9 avant le d\u00e9part. Aucune surcharge surprise.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"route-cta\">\n <div>\n <h2>Montr\u00e9al <em>\u2194<\/em> Qu\u00e9bec City<\/h2>\n <p>Navette directe entre les deux villes. Confort, rapidit\u00e9, prix fixe.<br>R\u00e9servez \u00e0 l’avance ou au dernier moment via WhatsApp.<\/p>\n <\/div>\n <div class=\"route-actions\">\n <a href=\"https:\/\/wa.me\/14382700257?text=Je%20voudrais%20r\u00e9server%20la%20navette%20Montr\u00e9al-Qu\u00e9bec\" class=\"btn-primary\" target=\"_blank\">R\u00e9server ce trajet<\/a>\n <a href=\"#services\" class=\"btn-secondary\">Voir tous les services<\/a>\n <\/div>\n<\/div>\n\n\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <span class=\"nav-logo\">Inter<span>-Shuttle<\/span><\/span>\n <p>Transport priv\u00e9 premium depuis toute la Rive-Sud de Montr\u00e9al. Service disponible 24h\/24 \u00b7 7j\/7<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Villes<\/h5>\n <ul>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Candiac \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Delson \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Brossard \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Longueuil \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Toute la Rive-Sud<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Services<\/h5>\n <ul>\n <li><a href=\"#services\">Transfert a\u00e9roport<\/a><\/li>\n <li><a href=\"#services\">Transport groupe<\/a><\/li>\n <li><a href=\"#services\">Navette \u00e9v\u00e9nements<\/a><\/li>\n <li><a href=\"#services\">Montr\u00e9al \u2194 Qu\u00e9bec<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Contact<\/h5>\n <ul>\n <li><a href=\"tel:4382700257\">\ud83d\udcde (438) 270-0257<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\" target=\"_blank\">WhatsApp<\/a><\/li>\n <li><a href=\"https:\/\/inter-shuttle.ca\" target=\"_blank\">inter-shuttle.ca<\/a><\/li>\n <li><a href=\"https:\/\/www.facebook.com\/share\/17PyLTfLY2\/\" target=\"_blank\">Facebook<\/a><\/li>\n <li><a href=\"https:\/\/www.instagram.com\/intershuttlec\" target=\"_blank\">Instagram<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Inter-Shuttle. Tous droits r\u00e9serv\u00e9s.<\/span>\n <div class=\"footer-langs\">\n <a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/\">FR<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/english-version\/\">EN<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/espanol\/\">ES<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20r\u00e9server%20une%20navette\" class=\"wa-float\" target=\"_blank\" title=\"R\u00e9server via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n<\/a>\n\n<script>\nwindow.addEventListener('DOMContentLoaded', function() {\n var selType = document.getElementById('sel-type');\n if (selType) {\n selType.addEventListener('change', function() {\n var retour = document.getElementById('retour-fields');\n if (retour) retour.style.display = this.value === 'Aller-Retour' ? 'grid' : 'none';\n });\n }\n});\n\nfunction bookWhatsApp() {\n var city = document.getElementById('sel-city') ? document.getElementById('sel-city').value : '';\n var type = document.getElementById('sel-type') ? document.getElementById('sel-type').value : '';\n var dest = document.getElementById('sel-dest') ? document.getElementById('sel-dest').value : '';\n var dateA = document.getElementById('date-aller') ? document.getElementById('date-aller').value : '';\n var timeA = document.getElementById('heure-aller') ? document.getElementById('heure-aller').value : '';\n var pax = document.getElementById('sel-pax') ? document.getElementById('sel-pax').value : '';\n var bagages = document.getElementById('sel-bagages') ? document.getElementById('sel-bagages').value : '';\n\n var msg = 'Bonjour Inter-Shuttle! Je voudrais reserver:\\n'\n + 'Depart: ' + (city||'?') + '\\n'\n + 'Trajet: ' + (type||'?') + '\\n'\n + 'Destination: ' + (dest||'?') + '\\n'\n + 'Date aller: ' + (dateA||'?') + '\\n'\n + 'Heure aller: ' + (timeA||'?');\n\n if (type === 'Aller-Retour') {\n var dateR = document.getElementById('date-retour') ? document.getElementById('date-retour').value : '';\n var timeR = document.getElementById('heure-retour') ? document.getElementById('heure-retour').value : '';\n msg += '\\nDate retour: ' + (dateR||'?') + '\\nHeure retour: ' + (timeR||'?');\n }\n\n msg += '\\nPassagers: ' + (pax||'?') + '\\nBagages: ' + (bagages||'?');\n window.open('https:\/\/wa.me\/14382700257?text=' + encodeURIComponent(msg), '_blank');\n}\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Inter-Shuttle | Navette priv\u00e9e Rive-Sud \u2192 YUL Inter-Shuttle Nos villes Services Flotte Tarifs \u00c0 propos FR EN ES (438) 270-0257 \ud83d\udcf2 R\u00e9server via WhatsApp Disponible 24h\/24 \u00b7 7j\/7 Navette priv\u00e9eRive-Sudvers YUL Transport priv\u00e9 depuis toute la Rive-Sud de Montr\u00e9al. Jusqu’\u00e0 7 passagers. Prix fixe. Aucune surprise. \ud83d\udcf2 R\u00e9server maintenant \ud83d\udcb0 Voir les tarifs \u2192 Voir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages\/2171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/comments?post=2171"}],"version-history":[{"count":8,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages\/2171\/revisions"}],"predecessor-version":[{"id":2215,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages\/2171\/revisions\/2215"}],"wp:attachment":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/media?parent=2171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2171,"date":"2026-05-06T16:26:57","date_gmt":"2026-05-06T20:26:57","guid":{"rendered":"https:\/\/inter-shuttle.ca\/?page_id=2171"},"modified":"2026-05-20T13:56:21","modified_gmt":"2026-05-20T17:56:21","slug":"inter-shuttle-2","status":"publish","type":"page","link":"https:\/\/inter-shuttle.ca\/fr_ca\/","title":{"rendered":"Inter-Shuttle"},"content":{"rendered":"\n\n\n\n\n\nInter-Shuttle | Navette priv\u00e9e Rive-Sud \u2192 YUL<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --black: #0a0a0a;\n --dark: #111318;\n --card: #16191f;\n --gold: #c9a84c;\n --gold-light: #e8c96a;\n --white: #f5f3ee;\n --muted: #8a8f9a;\n --border: rgba(201,168,76,0.18);\n --radius: 14px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body {\n font-family: 'DM Sans', sans-serif;\n background: var(--black);\n color: var(--white);\n overflow-x: clip;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n display: flex; align-items: center; justify-content: space-between;\n padding: 18px 32px;\n background: rgba(10,10,10,0.92);\n backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n gap: 16px;\n }\n .nav-logo {\n font-family: 'Syne', sans-serif;\n font-weight: 800; font-size: 1.3rem;\n color: var(--white); letter-spacing: -0.02em;\n text-decoration: none;\n }\n .nav-logo span { color: var(--gold); }\n .nav-links { display: flex; gap: 20px; list-style: none; }\n .nav-links a {\n font-size: 0.82rem; font-weight: 500; color: var(--muted);\n text-decoration: none; letter-spacing: 0.03em; text-transform: uppercase;\n transition: color 0.2s; white-space: nowrap;\n }\n .nav-links a:hover { color: var(--gold); }\n .nav-right { display: flex; align-items: center; gap: 12px; }\n .nav-langs { display: flex; gap: 4px; align-items: center; }\n .nav-lang {\n font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.78rem;\n color: var(--muted); text-decoration: none; padding: 4px 8px;\n border-radius: 6px; transition: all 0.2s; border: 1px solid transparent;\n }\n .nav-lang:hover { color: var(--gold); border-color: var(--border); }\n .nav-lang.active { color: var(--gold); border-color: var(--border); }\n .nav-phone {\n font-family: 'Syne', sans-serif; font-weight: 700;\n font-size: 0.85rem; color: var(--white);\n text-decoration: none; letter-spacing: 0.02em;\n transition: color 0.2s; white-space: nowrap;\n }\n .nav-phone:hover { color: var(--gold); }\n .nav-cta {\n background: var(--gold); color: var(--black);\n padding: 10px 22px; border-radius: 8px;\n font-family: 'Syne', sans-serif; font-weight: 700;\n font-size: 0.85rem; text-decoration: none; letter-spacing: 0.03em;\n transition: background 0.2s, transform 0.15s;\n white-space: nowrap;\n }\n .nav-cta:hover { background: var(--gold-light); transform: translateY(-1px); }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 100vh;\n display: grid; grid-template-columns: 1fr 1fr;\n align-items: center; gap: 48px;\n padding: 100px 40px 60px;\n position: relative; overflow: visible;\n }\n .hero::before {\n content: '';\n position: absolute; inset: 0;\n background:\n radial-gradient(ellipse 60% 60% at 70% 50%, rgba(201,168,76,0.07) 0%, transparent 70%),\n radial-gradient(ellipse 40% 80% at 10% 80%, rgba(201,168,76,0.04) 0%, transparent 60%);\n pointer-events: none;\n }\n .hero-grid-line {\n position: absolute; top: 0; bottom: 0;\n left: 50%; width: 1px;\n background: linear-gradient(to bottom, transparent, var(--border) 30%, var(--border) 70%, transparent);\n pointer-events: none;\n }\n\n .hero-left { padding-right: 40px; animation: fadeUp 0.9s ease both; }\n .hero-tag {\n display: inline-flex; align-items: center; gap: 8px;\n background: rgba(201,168,76,0.1); border: 1px solid var(--border);\n border-radius: 100px; padding: 6px 14px 6px 10px;\n font-size: 0.78rem; font-weight: 500; color: var(--gold);\n letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 28px;\n }\n .hero-tag::before {\n content: ''; width: 6px; height: 6px; border-radius: 50%;\n background: var(--gold); animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%,100% { opacity:1; transform:scale(1); }\n 50% { opacity:0.4; transform:scale(1.3); }\n }\n\n h1 {\n font-family: 'Syne', sans-serif;\n font-size: clamp(2.4rem, 4vw, 3.6rem);\n font-weight: 800; line-height: 1.05;\n letter-spacing: -0.03em; margin-bottom: 24px;\n }\n h1 em { color: var(--gold); font-style: normal; }\n .hero-sub {\n font-size: 1rem; line-height: 1.7; color: #b0b5c0;\n max-width: 440px; margin-bottom: 40px;\n }\n .hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }\n .btn-primary {\n background: var(--gold); color: var(--black);\n padding: 14px 28px; border-radius: 10px;\n font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.95rem;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all 0.2s; border: none; cursor: pointer;\n }\n .btn-primary:hover { background: var(--gold-light); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(201,168,76,0.25); }\n .btn-secondary {\n background: transparent; color: var(--white);\n padding: 14px 28px; border-radius: 10px;\n font-family: 'Syne', sans-serif; font-weight: 600; font-size: 0.95rem;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n border: 1px solid rgba(255,255,255,0.15); transition: all 0.2s;\n }\n .btn-secondary:hover { border-color: var(--gold); color: var(--gold); }\n\n .hero-stats {\n display: flex; gap: 32px; margin-top: 48px;\n padding-top: 32px; border-top: 1px solid var(--border);\n }\n .stat-num {\n font-family: 'Syne', sans-serif; font-size: 1.8rem;\n font-weight: 800; color: var(--gold); line-height: 1;\n }\n .stat-label { font-size: 0.82rem; color: var(--muted); margin-top: 4px; }\n\n \/* BOOKING CARD *\/\n .hero-right { animation: fadeUp 0.9s 0.15s ease both; overflow: hidden; min-width: 0; }\n .booking-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 20px; padding: 32px;\n position: relative; overflow: hidden;\n width: 100%;\n }\n .booking-card::before {\n content: '';\n position: absolute; top: 0; left: 0; right: 0; height: 3px;\n background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));\n }\n .booking-card h3 {\n font-family: 'Syne', sans-serif; font-size: 1.1rem;\n font-weight: 700; margin-bottom: 20px;\n }\n .form-row { margin-bottom: 14px; }\n .form-row label {\n display: block; font-size: 0.75rem; font-weight: 500;\n color: var(--muted); letter-spacing: 0.06em; text-transform: uppercase;\n margin-bottom: 6px;\n }\n .form-row select,\n .form-row input {\n width: 100%; padding: 11px 14px;\n background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1);\n border-radius: 10px; color: var(--white); font-family: 'DM Sans', sans-serif;\n font-size: 0.9rem; outline: none; transition: border-color 0.2s;\n appearance: none;\n }\n .form-row select:focus, .form-row input:focus { border-color: var(--gold); }\n .form-row select option { background: var(--dark); }\n .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n .btn-book {\n width: 100%; padding: 14px; margin-top: 8px;\n background: var(--gold); color: var(--black);\n border: none; border-radius: 10px; cursor: pointer;\n font-family: 'Syne', sans-serif; font-weight: 700; font-size: 0.95rem;\n letter-spacing: 0.02em; transition: all 0.2s;\n }\n .btn-book:hover { background: var(--gold-light); transform: translateY(-1px); }\n .book-note {\n text-align: center; margin-top: 12px;\n font-size: 0.78rem; color: var(--muted);\n }\n .book-note a { color: var(--gold); text-decoration: none; }\n\n \/* \u2500\u2500 CITIES GRID \u2500\u2500 *\/\n .section { padding: 80px 40px; }\n .section-label {\n font-size: 0.78rem; font-weight: 600; color: var(--gold);\n letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 14px;\n }\n .section-title {\n font-family: 'Syne', sans-serif; font-size: clamp(1.8rem, 3vw, 2.6rem);\n font-weight: 800; letter-spacing: -0.02em; line-height: 1.1;\n margin-bottom: 48px; max-width: 600px;\n }\n .section-title em { color: var(--gold); font-style: normal; }\n\n .cities-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n gap: 16px;\n }\n .city-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: var(--radius); padding: 24px 20px;\n text-decoration: none; color: var(--white);\n transition: all 0.25s; display: flex; flex-direction: column; gap: 10px;\n position: relative; overflow: hidden;\n }\n .city-card::after {\n content: '\u2192';\n position: absolute; right: 20px; top: 50%; transform: translateY(-50%);\n color: var(--gold); font-size: 1.1rem; opacity: 0;\n transition: opacity 0.2s, right 0.2s;\n }\n .city-card:hover { border-color: var(--gold); transform: translateY(-3px); background: #1a1d24; }\n .city-card:hover::after { opacity: 1; right: 16px; }\n .city-icon { font-size: 1.5rem; }\n .city-name { font-family: 'Syne', sans-serif; font-weight: 700; font-size: 1rem; }\n .city-dest { font-size: 0.82rem; color: var(--muted); }\n\n \/* \u2500\u2500 SERVICES \u2500\u2500 *\/\n .services-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;\n }\n .service-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 18px; padding: 32px 28px;\n transition: border-color 0.25s;\n }\n .service-card:hover { border-color: var(--gold); }\n .service-icon {\n width: 48px; height: 48px; border-radius: 12px;\n background: rgba(201,168,76,0.12); display: flex; align-items: center;\n justify-content: center; font-size: 1.4rem; margin-bottom: 20px;\n }\n .service-card h3 {\n font-family: 'Syne', sans-serif; font-size: 1.1rem;\n font-weight: 700; margin-bottom: 10px;\n }\n .service-card p { font-size: 0.9rem; line-height: 1.6; color: #9098a9; }\n .service-contact {\n margin-top: 20px; font-family: 'Syne', sans-serif;\n font-weight: 700; color: var(--gold); font-size: 0.95rem;\n cursor: pointer; text-decoration: none; display: inline-block;\n transition: color 0.2s;\n }\n .service-contact:hover { color: var(--gold-light); }\n\n \/* \u2500\u2500 FLEET \u2500\u2500 *\/\n .fleet-section { background: var(--dark); }\n .fleet-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 600px; }\n .fleet-card {\n background: var(--card); border: 1px solid var(--border);\n border-radius: 18px; overflow: hidden; transition: border-color 0.2s;\n }\n .fleet-card:hover { border-color: var(--gold); }\n .fleet-img {\n height: 180px; background: linear-gradient(135deg, #1a1d24 0%, #222730 100%);\n display: flex; align-items: center; justify-content: center;\n font-size: 5rem; border-bottom: 1px solid var(--border);\n }\n .fleet-info { padding: 24px; }\n .fleet-badge {\n display: inline-block; background: rgba(201,168,76,0.12);\n border: 1px solid var(--border); border-radius: 6px;\n padding: 3px 10px; font-size: 0.76rem; color: var(--gold);\n font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;\n margin-bottom: 12px;\n }\n .fleet-info h3 {\n font-family: 'Syne', sans-serif; font-size: 1.2rem;\n font-weight: 700; margin-bottom: 8px;\n }\n .fleet-info p { font-size: 0.88rem; color: var(--muted); line-height: 1.6; }\n .fleet-cap {\n display: flex; align-items: center; gap: 6px;\n margin-top: 16px; font-size: 0.88rem; color: var(--white);\n font-weight: 500;\n }\n\n \/* \u2500\u2500 WHY US \u2500\u2500 *\/\n .why-grid {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;\n }\n .why-item { text-align: center; padding: 28px 16px; }\n .why-num {\n font-family: 'Syne', sans-serif; font-size: 2.5rem;\n font-weight: 800; color: var(--gold); line-height: 1;\n }\n .why-item h4 {\n font-family: 'Syne', sans-serif; font-weight: 700;\n font-size: 1rem; margin: 10px 0 8px;\n }\n .why-item p { font-size: 0.85rem; color: var(--muted); line-height: 1.6; }\n\n \/* \u2500\u2500 ROUTE CTA \u2500\u2500 *\/\n .route-cta {\n background: linear-gradient(135deg, #16191f 0%, #1e2230 100%);\n border: 1px solid var(--border); border-radius: 24px;\n padding: 60px 48px; display: grid;\n grid-template-columns: 1fr auto; gap: 40px; align-items: center;\n margin: 0 40px 80px;\n }\n .route-cta h2 {\n font-family: 'Syne', sans-serif; font-size: 2rem;\n font-weight: 800; letter-spacing: -0.02em; margin-bottom: 12px;\n }\n .route-cta h2 em { color: var(--gold); font-style: normal; }\n .route-cta p { color: #9098a9; font-size: 1rem; line-height: 1.6; }\n .route-actions { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--dark); border-top: 1px solid var(--border);\n padding: 48px 40px 28px;\n }\n .footer-grid {\n display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px;\n margin-bottom: 40px;\n }\n .footer-brand .nav-logo { font-size: 1.4rem; display: block; margin-bottom: 14px; }\n .footer-brand p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; max-width: 280px; }\n .footer-col h5 {\n font-family: 'Syne', sans-serif; font-size: 0.82rem;\n font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n color: var(--white); margin-bottom: 16px;\n }\n .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 10px; }\n .footer-col a {\n font-size: 0.88rem; color: var(--muted); text-decoration: none;\n transition: color 0.2s;\n }\n .footer-col a:hover { color: var(--gold); }\n .footer-bottom {\n border-top: 1px solid var(--border); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-size: 0.82rem; color: var(--muted);\n }\n .footer-langs { display: flex; gap: 12px; }\n .footer-langs a {\n font-size: 0.82rem; color: var(--muted);\n text-decoration: none; transition: color 0.2s;\n }\n .footer-langs a:hover { color: var(--gold); }\n\n \/* \u2500\u2500 WHATSAPP FLOAT \u2500\u2500 *\/\n .wa-float {\n position: fixed; bottom: 28px; right: 28px; z-index: 200;\n width: 58px; height: 58px; border-radius: 50%;\n background: #25D366; display: flex; align-items: center;\n justify-content: center; text-decoration: none;\n box-shadow: 0 4px 20px rgba(37,211,102,0.4);\n animation: waIn 0.5s 1s ease both;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n .wa-float:hover { transform: scale(1.1); box-shadow: 0 6px 28px rgba(37,211,102,0.5); }\n .wa-float svg { width: 28px; height: 28px; fill: white; }\n @keyframes waIn {\n from { opacity: 0; transform: scale(0.5); }\n to { opacity: 1; transform: scale(1); }\n }\n\n @keyframes fadeUp {\n from { opacity: 0; transform: translateY(28px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .divider { height: 1px; background: var(--border); margin: 0 40px; }\n\n \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n @media (max-width: 900px) {\n nav { padding: 14px 20px; }\n .nav-links { display: none; }\n .nav-phone { display: none; }\n .hero { grid-template-columns: 1fr; padding: 90px 20px 40px; gap: 40px; }\n .hero-left { padding-right: 0; }\n .hero-grid-line { display: none; }\n .services-grid { grid-template-columns: 1fr; }\n .fleet-grid { grid-template-columns: 1fr; }\n .why-grid { grid-template-columns: repeat(2, 1fr); }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .route-cta { grid-template-columns: 1fr; margin: 0 20px 60px; padding: 40px 24px; }\n .route-actions { align-items: flex-start; }\n .section { padding: 60px 20px; }\n .divider { margin: 0 20px; }\n h1 { font-size: 2.2rem; }\n .booking-card { padding: 24px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n\n<nav>\n <a href=\"#\" class=\"nav-logo\">Inter<span>-Shuttle<\/span><\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#villes\">Nos villes<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#flotte\">Flotte<\/a><\/li>\n <li><a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/tarifs\/\" style=\"color:var(--gold);\">Tarifs<\/a><\/li>\n <li><a href=\"#apropos\">\u00c0 propos<\/a><\/li>\n <\/ul>\n <div class=\"nav-right\">\n <div class=\"nav-langs\">\n <a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/\" class=\"nav-lang active\">FR<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/english-version\/\" class=\"nav-lang\">EN<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/espanol\/\" class=\"nav-lang\">ES<\/a>\n <\/div>\n <a href=\"tel:4382700257\" class=\"nav-phone\">(438) 270-0257<\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"nav-cta\" target=\"_blank\">\ud83d\udcf2 R\u00e9server via WhatsApp<\/a>\n <\/div>\n<\/nav>\n\n\n<section class=\"hero\">\n <div class=\"hero-grid-line\"><\/div>\n <div class=\"hero-left\">\n <div class=\"hero-tag\">Disponible 24h\/24 \u00b7 7j\/7<\/div>\n <h1>Navette priv\u00e9e<br><em>Rive-Sud<\/em><br>vers YUL<\/h1>\n <p class=\"hero-sub\">Transport priv\u00e9 depuis toute la Rive-Sud de Montr\u00e9al. Jusqu’\u00e0 7 passagers. Prix fixe. Aucune surprise.<\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20r\u00e9server%20une%20navette\" class=\"btn-primary\" target=\"_blank\">\n \ud83d\udcf2 R\u00e9server maintenant\n <\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/tarifs\/\" class=\"btn-secondary\">\ud83d\udcb0 Voir les tarifs \u2192<\/a>\n <a href=\"#services\" class=\"btn-secondary\">Voir les services \u2192<\/a>\n <\/div>\n <div class=\"hero-stats\">\n <div>\n <div class=\"stat-num\">7<\/div>\n <div class=\"stat-label\">Passagers max<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">24\/7<\/div>\n <div class=\"stat-label\">Disponible<\/div>\n <\/div>\n <div>\n <div class=\"stat-num\">3<\/div>\n <div class=\"stat-label\">Langues \u00b7 FR EN ES<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"hero-right\">\n <div class=\"booking-card\">\n <h3>\ud83d\uddd3\ufe0f Obtenez votre prix<\/h3>\n <div class=\"form-row\">\n <label>Ville de d\u00e9part<\/label>\n <select id=\"sel-city\">\n <option>Candiac<\/option>\n <option>Delson<\/option>\n <option>Saint-Constant<\/option>\n <option>Sainte-Catherine<\/option>\n <option>Brossard<\/option>\n <option>Boucherville<\/option>\n <option>Saint-Bruno<\/option>\n <option>Longueuil<\/option>\n <option>Saint-Lambert<\/option>\n <option>La Prairie<\/option>\n <option>Ch\u00e2teauguay<\/option>\n <option>Autre ville Rive-Sud<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Type de trajet<\/label>\n <select id=\"sel-type\">\n <option>Aller simple<\/option>\n <option>Aller-Retour<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Destination<\/label>\n <select id=\"sel-dest\">\n <option>A\u00e9roport YUL (Montr\u00e9al-Trudeau)<\/option>\n <option>A\u00e9roport MET \u00b7 YHU (Saint-Hubert)<\/option>\n <option>Qu\u00e9bec City<\/option>\n <option>Centre-ville de Montr\u00e9al<\/option>\n <option>Autre destination<\/option>\n <\/select>\n <\/div>\n <div class=\"form-grid\">\n <div class=\"form-row\">\n <label>Date aller<\/label>\n <input type=\"date\" id=\"date-aller\">\n <\/div>\n <div class=\"form-row\">\n <label>Heure aller<\/label>\n <input type=\"time\" id=\"heure-aller\">\n <\/div>\n <\/div>\n <div class=\"form-grid\" id=\"retour-fields\" style=\"display:none;\">\n <div class=\"form-row\">\n <label>Date retour<\/label>\n <input type=\"date\" id=\"date-retour\">\n <\/div>\n <div class=\"form-row\">\n <label>Heure retour<\/label>\n <input type=\"time\" id=\"heure-retour\">\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <label>Nombre de passagers<\/label>\n <select id=\"sel-pax\">\n <option>1 passager<\/option>\n <option>2 passagers<\/option>\n <option>3 passagers<\/option>\n <option>4 passagers<\/option>\n <option>5 passagers<\/option>\n <option>6 passagers<\/option>\n <option>7 passagers<\/option>\n <option>8\u201311 passagers (nous contacter)<\/option>\n <\/select>\n <\/div>\n <div class=\"form-row\">\n <label>Bagages<\/label>\n <select id=\"sel-bagages\">\n <option>Aucun bagage<\/option>\n <option>1 valise<\/option>\n <option>2 valises<\/option>\n <option>3 valises<\/option>\n <option>4 valises ou plus<\/option>\n <option>\u00c9quipement sportif (v\u00e9los, skis…)<\/option>\n <option>\u00c9quipement sportif + valises<\/option>\n <option>Fauteuil roulant \/ mobilit\u00e9 r\u00e9duite<\/option>\n <\/select>\n <\/div>\n <button class=\"btn-book\" onclick=\"bookWhatsApp()\">V\u00e9rifier la disponibilit\u00e9 \u2192<\/button>\n <p class=\"book-note\">Confirmation rapide par <a href=\"https:\/\/wa.me\/14382700257\" target=\"_blank\">WhatsApp<\/a> \u00b7 Tarif fixe garanti<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section\" id=\"villes\">\n <div class=\"section-label\">Zones desservies<\/div>\n <h2 class=\"section-title\">Navette depuis <em>toute la Rive-Sud<\/em><br>vers l’a\u00e9roport<\/h2>\n <div class=\"cities-grid\">\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Candiac<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Delson<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Saint-Constant<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Sainte-Catherine<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Brossard<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Longueuil<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Boucherville<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Saint-Bruno<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">La Prairie<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Ch\u00e2teauguay<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd8\ufe0f<\/div>\n <div class=\"city-name\">Saint-Lambert<\/div>\n <div class=\"city-dest\">\u2192 A\u00e9roport YUL<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\u2708\ufe0f<\/div>\n <div class=\"city-name\">A\u00e9roport MET \u00b7 YHU<\/div>\n <div class=\"city-dest\">Saint-Hubert \u00b7 Ouvert 15 juin 2026<\/div>\n <\/a>\n <a href=\"https:\/\/wa.me\/14382700257\" class=\"city-card\" target=\"_blank\">\n <div class=\"city-icon\">\ud83c\udfd9\ufe0f<\/div>\n <div class=\"city-name\">Montr\u00e9al \u2192 Qu\u00e9bec<\/div>\n <div class=\"city-dest\">Navette longue distance<\/div>\n <\/a>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section\" id=\"services\">\n <div class=\"section-label\">Nos services<\/div>\n <h2 class=\"section-title\">Ce que nous <em>offrons<\/em><\/h2>\n <div class=\"services-grid\">\n <div class=\"service-card\">\n <div class=\"service-icon\">\u2708\ufe0f<\/div>\n <h3>Transfert A\u00e9roport<\/h3>\n <p>D\u00e9part depuis votre domicile \u00e0 l’heure exacte. Suivi de vol inclus. Aucune attente. Desservi: <strong>YUL<\/strong> (Trudeau) et <strong>MET \u00b7 YHU<\/strong> (Saint-Hubert, ouvert 15 juin 2026).<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20un%20transfert%20a\u00e9roport\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83d\udc65<\/div>\n <h3>Transport de groupe<\/h3>\n <p>Kia Carnival jusqu’\u00e0 7 passagers ou v\u00e9hicule adapt\u00e9 pour les groupes plus importants. Parfait pour les \u00e9quipes, familles et excursions.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20un%20transport%20de%20groupe\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udf89<\/div>\n <h3>Navette \u00e9v\u00e9nements<\/h3>\n <p>Mariages, galas, concerts, tournois sportifs. Transport coordonn\u00e9 pour vos invit\u00e9s.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20une%20navette%20\u00e9v\u00e9nement\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfd9\ufe0f<\/div>\n <h3>Montr\u00e9al \u2194 Qu\u00e9bec<\/h3>\n <p>Trajet direct longue distance. Confort premium, climatisation, espace bagages.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20un%20prix%20pour%20la%20navette%20Montr\u00e9al-Qu\u00e9bec\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udfe2<\/div>\n <h3>Transport corporatif<\/h3>\n <p>Contrats B2B pour agences de voyage, entreprises, h\u00f4tels. Facturation mensuelle disponible.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20discuter%20dun%20partenariat%20corporatif\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <div class=\"service-card\">\n <div class=\"service-icon\">\ud83c\udf19<\/div>\n <h3>Vols de nuit \/ t\u00f4t matin<\/h3>\n <p>Disponible 24h\/24 pour les d\u00e9parts tr\u00e8s t\u00f4t ou les arriv\u00e9es tardives. Fiable m\u00eame \u00e0 3h du matin.<\/p>\n <a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20r\u00e9server%20un%20trajet%20de%20nuit\" class=\"service-contact\" target=\"_blank\">\ud83d\udcf2 Contactez-nous pour le prix \u2192<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section fleet-section\" id=\"flotte\">\n <div class=\"section-label\">Notre flotte<\/div>\n <h2 class=\"section-title\">V\u00e9hicule <em>propre<\/em> et confortable<\/h2>\n <div class=\"fleet-grid\">\n <div class=\"fleet-card\">\n <div class=\"fleet-img\">\ud83d\ude90<\/div>\n <div class=\"fleet-info\">\n <span class=\"fleet-badge\">Tous groupes<\/span>\n <h3>Kia Carnival 2026<\/h3>\n <p>Minivan haut de gamme, climatis\u00e9, int\u00e9rieur spacieux. Id\u00e9al pour les familles, petits et grands groupes de la Rive-Sud.<\/p>\n <div class=\"fleet-cap\">\ud83d\udc64 Jusqu’\u00e0 7 passagers \u00b7 Bagages inclus<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"divider\"><\/div>\n\n\n<section class=\"section\" id=\"apropos\">\n <div class=\"section-label\">Pourquoi Inter-Shuttle<\/div>\n <h2 class=\"section-title\">Votre avantage <em>concurrentiel<\/em><\/h2>\n <div class=\"why-grid\">\n <div class=\"why-item\">\n <div class=\"why-num\">24\/7<\/div>\n <h4>Toujours disponible<\/h4>\n <p>Vols t\u00f4t le matin, retours de nuit. Nous sommes l\u00e0 quand vous en avez besoin.<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-num\">3<\/div>\n <h4>Langues parl\u00e9es<\/h4>\n <p>Service en fran\u00e7ais, anglais et espagnol pour tous nos clients.<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-num\">7<\/div>\n <h4>Passagers max<\/h4>\n <p>Kia Carnival spacieux pour s’adapter \u00e0 votre groupe.<\/p>\n <\/div>\n <div class=\"why-item\">\n <div class=\"why-num\">$0<\/div>\n <h4>Frais cach\u00e9s<\/h4>\n <p>Prix fixe confirm\u00e9 avant le d\u00e9part. Aucune surcharge surprise.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"route-cta\">\n <div>\n <h2>Montr\u00e9al <em>\u2194<\/em> Qu\u00e9bec City<\/h2>\n <p>Navette directe entre les deux villes. Confort, rapidit\u00e9, prix fixe.<br>R\u00e9servez \u00e0 l’avance ou au dernier moment via WhatsApp.<\/p>\n <\/div>\n <div class=\"route-actions\">\n <a href=\"https:\/\/wa.me\/14382700257?text=Je%20voudrais%20r\u00e9server%20la%20navette%20Montr\u00e9al-Qu\u00e9bec\" class=\"btn-primary\" target=\"_blank\">R\u00e9server ce trajet<\/a>\n <a href=\"#services\" class=\"btn-secondary\">Voir tous les services<\/a>\n <\/div>\n<\/div>\n\n\n<footer>\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <span class=\"nav-logo\">Inter<span>-Shuttle<\/span><\/span>\n <p>Transport priv\u00e9 premium depuis toute la Rive-Sud de Montr\u00e9al. Service disponible 24h\/24 \u00b7 7j\/7<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h5>Villes<\/h5>\n <ul>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Candiac \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Delson \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Brossard \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Longueuil \u2192 YUL<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\">Toute la Rive-Sud<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Services<\/h5>\n <ul>\n <li><a href=\"#services\">Transfert a\u00e9roport<\/a><\/li>\n <li><a href=\"#services\">Transport groupe<\/a><\/li>\n <li><a href=\"#services\">Navette \u00e9v\u00e9nements<\/a><\/li>\n <li><a href=\"#services\">Montr\u00e9al \u2194 Qu\u00e9bec<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h5>Contact<\/h5>\n <ul>\n <li><a href=\"tel:4382700257\">\ud83d\udcde (438) 270-0257<\/a><\/li>\n <li><a href=\"https:\/\/wa.me\/14382700257\" target=\"_blank\">WhatsApp<\/a><\/li>\n <li><a href=\"https:\/\/inter-shuttle.ca\" target=\"_blank\">inter-shuttle.ca<\/a><\/li>\n <li><a href=\"https:\/\/www.facebook.com\/share\/17PyLTfLY2\/\" target=\"_blank\">Facebook<\/a><\/li>\n <li><a href=\"https:\/\/www.instagram.com\/intershuttlec\" target=\"_blank\">Instagram<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Inter-Shuttle. Tous droits r\u00e9serv\u00e9s.<\/span>\n <div class=\"footer-langs\">\n <a href=\"https:\/\/inter-shuttle.ca\/fr_ca\/\">FR<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/english-version\/\">EN<\/a>\n <a href=\"https:\/\/inter-shuttle.ca\/espanol\/\">ES<\/a>\n <\/div>\n <\/div>\n<\/footer>\n\n\n<a href=\"https:\/\/wa.me\/14382700257?text=Bonjour%20Inter-Shuttle!%20Je%20voudrais%20r\u00e9server%20une%20navette\" class=\"wa-float\" target=\"_blank\" title=\"R\u00e9server via WhatsApp\">\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z\"\/>\n <\/svg>\n<\/a>\n\n<script>\nwindow.addEventListener('DOMContentLoaded', function() {\n var selType = document.getElementById('sel-type');\n if (selType) {\n selType.addEventListener('change', function() {\n var retour = document.getElementById('retour-fields');\n if (retour) retour.style.display = this.value === 'Aller-Retour' ? 'grid' : 'none';\n });\n }\n});\n\nfunction bookWhatsApp() {\n var city = document.getElementById('sel-city') ? document.getElementById('sel-city').value : '';\n var type = document.getElementById('sel-type') ? document.getElementById('sel-type').value : '';\n var dest = document.getElementById('sel-dest') ? document.getElementById('sel-dest').value : '';\n var dateA = document.getElementById('date-aller') ? document.getElementById('date-aller').value : '';\n var timeA = document.getElementById('heure-aller') ? document.getElementById('heure-aller').value : '';\n var pax = document.getElementById('sel-pax') ? document.getElementById('sel-pax').value : '';\n var bagages = document.getElementById('sel-bagages') ? document.getElementById('sel-bagages').value : '';\n\n var msg = 'Bonjour Inter-Shuttle! Je voudrais reserver:\\n'\n + 'Depart: ' + (city||'?') + '\\n'\n + 'Trajet: ' + (type||'?') + '\\n'\n + 'Destination: ' + (dest||'?') + '\\n'\n + 'Date aller: ' + (dateA||'?') + '\\n'\n + 'Heure aller: ' + (timeA||'?');\n\n if (type === 'Aller-Retour') {\n var dateR = document.getElementById('date-retour') ? document.getElementById('date-retour').value : '';\n var timeR = document.getElementById('heure-retour') ? document.getElementById('heure-retour').value : '';\n msg += '\\nDate retour: ' + (dateR||'?') + '\\nHeure retour: ' + (timeR||'?');\n }\n\n msg += '\\nPassagers: ' + (pax||'?') + '\\nBagages: ' + (bagages||'?');\n window.open('https:\/\/wa.me\/14382700257?text=' + encodeURIComponent(msg), '_blank');\n}\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Inter-Shuttle | Navette priv\u00e9e Rive-Sud \u2192 YUL Inter-Shuttle Nos villes Services Flotte Tarifs \u00c0 propos FR EN ES (438) 270-0257 \ud83d\udcf2 R\u00e9server via WhatsApp Disponible 24h\/24 \u00b7 7j\/7 Navette priv\u00e9eRive-Sudvers YUL Transport priv\u00e9 depuis toute la Rive-Sud de Montr\u00e9al. Jusqu’\u00e0 7 passagers. Prix fixe. Aucune surprise. \ud83d\udcf2 R\u00e9server maintenant \ud83d\udcb0 Voir les tarifs \u2192 Voir […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2171","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages\/2171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/comments?post=2171"}],"version-history":[{"count":8,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages\/2171\/revisions"}],"predecessor-version":[{"id":2215,"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/pages\/2171\/revisions\/2215"}],"wp:attachment":[{"href":"https:\/\/inter-shuttle.ca\/fr_ca\/wp-json\/wp\/v2\/media?parent=2171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}