Itinéraires - Formulaire de recherche

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr" class="cityway mapcentric mapcentric-layout ie fr "> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Itinéraires - Formulaire de recherche - Triplinx.ca</title> <meta name="description" content="Triplinx est le planificateur de trajets officiel et la ressource d’information sur le transport dans la région du grand Toronto et de Hamilton."/> <meta name="keywords" content=""/> <meta name="robots" content="index, follow, all"/> <meta property="og:type" content="website" /> <meta property="og:title" content="Itinéraires - Formulaire de recherche - Triplinx.ca" /> <meta property="og:site_name" content="Triplinx.ca" /> <meta property="og:description" content="Triplinx est le planificateur de trajets officiel et la ressource d’information sur le transport dans la région du grand Toronto et de Hamilton."/> <meta property="og:locale" content="fr_FR" /> <meta property="og:url" content="http://www.triplinx.ca/fr/itineraires/4/JourneyPlanner" /> <meta property="og:image" content="https://static.tr.mtx.cityway.ca/Content/img/logo/logo-share.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://static.tr.mtx.cityway.ca/Content/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" href="https://static.tr.mtx.cityway.ca/Content/img/favicon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://static.tr.mtx.cityway.ca/Content/img/favicon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="https://static.tr.mtx.cityway.ca/Content/img/favicon/manifest.json"> <meta name="theme-color" content="#ffffff"> <link rel="preload" href="https://static.tr.mtx.cityway.ca/Content/font/metrolinx.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://static.tr.mtx.cityway.ca/Content/font/ProximaNova-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://static.tr.mtx.cityway.ca/Content/font/ProximaNova-Semibold.woff2" as="font" type="font/woff2" crossorigin> <link href='/Content/css/site-638648204454529847.css' rel='stylesheet' /> <link href='/Content/css/print-638648204454529847.css' rel='stylesheet' media='print' /> <link href='/Content/css/LinesColor-v638679168000000000.css' rel='stylesheet' />  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', "GTM-N57S5KT"); </script>  </head> <body class="container-full full-screen" id="global">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N57S5KT" height="0" width="0" style="display: none; visibility: hidden"></iframe> </noscript>  <div class="global-container"> <div id="BrowserObsolete" class="browser-obsolete container"> <div class="alert alert-warning alert-dismissable" role="alert"> <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">×</span><span class="sr-only">Fermer</span></button> <p>Veuillez noter que le navigateur Web que vous utilisez n’est pas entièrement compatible avec Triplinx. Par conséquent, même si vous pouvez certainement procéder avec ce navigateur, vous ne pourrez profiter au maximum des fonctions du site. Pour accéder à sa version complète, utilisez l’un des navigateurs gratuits suivants :</p> <ul class="list-inline"> <li><a title="Mozilla Firefox" href="https://www.mozilla.org/fr/firefox/new/#download-fx" target="_blank">Mozilla Firefox</a></li> <li><a title="Google Chrome" href="https://www.google.fr/chrome/browser/" target="_blank">Google Chrome</a></li> <li><a title="Safari" href="https://www.apple.com/fr/safari/" target="_blank">Safari</a></li> <li><a title="Microsoft Internet Explorer 10/11/12" href="http://windows.microsoft.com/fr-fr/internet-explorer/download-ie" target="_blank">Microsoft Internet Explorer 10/11/12</a></li> </ul> </div> </div>  <div id="skiplinks" class="skiplinks"> <a title="Accès au contenu" href="#" data-focus-to="content-action">Aller au contenu</a> </div>   <header id="mainnav" class="navbar navbar-default" role="banner"> <div class="navbar-header"> <a class="pull-left" href="/fr"> <img src="https://static.tr.mtx.cityway.ca/Content/img/logo/logo.png" alt="Triplinx (Aller à la page d'accueil)" class="main-logo not-height-auto" width="191" height="59" title="Triplinx (Aller à la page d'accueil)" /> </a> <div class="navbar-baseline pull-left hidden-xs hidden-sm hidden-md">Planifiez votre trajet<br />dans la région du Grand Toronto<br />et de Hamilton</div>  <button type="button" class="btn item-with-img navbar-toggle navbar-toggle-button collapsed navbar-login " data-toggle="collapse" data-target="#navbar-login" data-tutorial="step6-rwd" aria-expanded="false"> <span aria-hidden="true" class="item-img cw-transinfo cw-toolbar-user"></span> <span class="item-text hide-text-icon">Mon compte</span> </button>  <button type="button" class="btn item-with-img btn-link personnal-real-time-btn navbar-toggle navbar-toggle-button collapsed" data-toggle=collapse data-target=#navbar-real-time> <span aria-hidden="true" class="item-img cw-transinfo cw-real-time personnal-real-time-icon" title="Mes infos en temps réel"></span><span aria-hidden="true" class="item-img cw-transinfo cw-toolbar-favorite personnal-real-time-second-icon" title="Mes infos en temps réel"></span> <span class="item-text hide-text-icon">Mes infos en temps réel</span> </button> <button type="button" class="navbar-toggle navbar-toggle-button collapsed" data-toggle="collapse" data-target="#navbar-menu"> <span>Menu</span> </button> <button type="button" class="btn item-with-img navbar-toggle navbar-toggle-button collapsed" data-action-click="showmap" data-tutorial="step5-rwd"><span aria-hidden="true" class="item-img cw-transinfo cw-map-map1 " ></span><span class="item-text hide-text-icon">Voir sur le plan</span></button> </div> <div class="navbar-collapse collapse pull-right-md navbar-menu" id="navbar-menu"> <nav role="navigation" class="navbar-rub navbar-left"> <ul class="nav navbar-nav "> <li class='dropdown active'> <a class="navbar-rub-link dropdown-toggle item-with-img" data-toggle="dropdown" href="#" aria-expanded="false"> <span class="item-text no-decoration">Se déplacer</span> <span class="item-img cw-transinfo cw-nav-expand2" aria-hidden="true"></span> </a> <ul class="dropdown-menu" role="menu"> <li class="active"> <a href="/fr/itineraires/4/JourneyPlanner">Itinéraires</a> </li> <li > <a href="/fr/recherche-darrets/145/NearBy">Recherche d'arrêts</a> </li> <li > <a href="/fr/horaires/23">Horaires</a> </li> <li > <a href="/fr/perturbations/17/Disruption">Perturbations</a> </li> <li > <a href="/fr/tarifs/7/Fare">Tarifs</a> </li> <li > <a href="/fr/transports-adaptes/8">Transports adaptés</a> </li> <li > <a href="/fr/plus-dinformations-sur-notre-site-internet-et-nos-/1013">Plus d'informations sur notre site internet et nos Applications IOS et Android</a> </li> <li> <a data-id="link-menu-smart-commute" href="https://explore.smartcommute.ca/#/dashboard/plan/" target="_blank" title="Allez sur le site Smart Commute (nouvelle fenêtre)"> Jumelage </a> </li> </ul> </li> <li class="dropdown "> <a class="navbar-rub-link dropdown-toggle item-with-img" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> <span class="item-text no-decoration">Réseaux</span> <span class="item-img cw-transinfo cw-nav-expand2" aria-hidden="true"></span> </a> <ul class="dropdown-menu dropdown-menu-univers" role="menu" data-toggle="drop-with-submenu"> <li class="dropdown-submenu"> <a data-toggle="dropleft" data-menu="transit" data-menu-num="1" data-submenu="true" href="#" tabindex="-1" aria-expanded="false" aria-haspopup="true">Réseaux</a> <ul class="dropdown-menu dropdown-menu-subpage" role="menu"> <li ><a href="/fr/part21/a-propos-de-nous/36">Barrie Transit</a></li> <li ><a href="/fr/part23/a-propos-de-nous/36">Simcoe County LINX</a></li> <li ><a href="/fr/part9/a-propos-de-nous/36">Brampton Transit</a></li> <li ><a href="/fr/part7/a-propos-de-nous/36">Burlington Transit</a></li> <li ><a href="/fr/part11/a-propos-de-nous/36">Durham Region Transit</a></li> <li ><a href="/fr/part2/a-propos-de-nous/36">GO Transit</a></li> <li ><a href="/fr/part22/a-propos-de-nous/36">Grand River Transit</a></li> <li ><a href="/fr/part8/a-propos-de-nous/36">Hamilton Street Railway (HSR)</a></li> <li ><a href="/fr/part5/a-propos-de-nous/36">Milton Transit</a></li> <li ><a href="/fr/part10/a-propos-de-nous/36">MiWay</a></li> <li ><a href="/fr/part20/a-propos-de-nous/36">Niagara Falls Transit & WeGo</a></li> <li ><a href="/fr/part19/a-propos-de-nous/36">Niagara Region Transit</a></li> <li ><a href="/fr/part6/a-propos-de-nous/36">Oakville Transit</a></li> <li ><a href="/fr/part18/a-propos-de-nous/36">St. Catharines Transit Commission</a></li> <li ><a href="/fr/part3/a-propos-de-nous/36">TTC</a></li> <li ><a href="/fr/part14/a-propos-de-nous/36">UP Express</a></li> <li ><a href="/fr/part17/a-propos-de-nous/36">WEGO</a></li> <li ><a href="/fr/part4/a-propos-de-nous/36">YRT/Viva</a></li> </ul> </li> <li class="dropdown-submenu"> <a data-toggle="dropleft" data-menu="transit" data-menu-num="2" data-submenu="true" href="#" tabindex="-1" aria-expanded="false" aria-haspopup="true">Transports adaptés</a> <ul class="subpage-menu list-unstyled dropdown-menu dropdown-menu-subpage"><li><a class="item-with-img" href="/fr/transports-adaptes/8/service-de-transport-adapte-de-barrie-transit/180"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Service de transport adapté de Barrie Transit</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/burlington-handi-van/100"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Burlington Handi-Van</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/durham-region-transit-drt-specialized-services/101"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Durham Region Transit (DRT) Specialized Services</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/chair-a-van/170"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Chair-A-Van</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/grt-mobilityplus/188"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">GRT MobilityPLUS</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/hamilton-darts/102"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Hamilton D.A.R.T.S.</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/milton-access/103"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Milton access+</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/niagara-region-specialized-transit/171"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Niagara Region Specialized Transit</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/oakville-care-a-van/104"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Oakville care-A-van</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/peel-transhelp-incl-mississauga-and-brampton/99"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Peel Transhelp (incl Mississauga and Brampton)</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/st-catharines-specialized-transit/172"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">St. Catharines Specialized Transit</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/toronto-wheel-trans/105"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">Toronto Wheel-Trans</span></a></li><li><a class="item-with-img" href="/fr/transports-adaptes/8/york-region-transit-mobility-plus/106"><span class="item-img cw-transinfo subpage-icon" aria-hidden="true"></span><span class="item-text">York Region Transit Mobility Plus</span></a></li></ul> </li> <li > <a data-menu="transit" data-menu-num="3" data-submenu="false" href="/fr/transporteurs-interurbains/1012">Transporteurs interurbains</a> </li> </ul> </li> <li> <div class="dropdown dropdown-settings"> <button type="button" class="btn item-with-img btn-link dropdown-toggle dropdown-settings-btn" id="dropdown-menu-settings" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"><span class="item-text no-decoration">Paramètres</span><span aria-hidden="true" class="item-img cw-transinfo cw-nav-expand2 " ></span></button> <ul class="dropdown-menu dropdown-menu-right dropdown-menu-settings" aria-labelledby="dropdown-menu-settings" data-dropdown-close="false"> <li> <div class="invisible-checkbox-container"> <input id="item-toggle-map" class="invisible-checkbox" type="checkbox" name="accessible-checkbox" value="item-3" checked=checked data-toggle-map="on"/> <label class="checkbox-switch" for="item-toggle-map" data-toggle-map="on"> <span class="checkbox-switch-text">Affichage carte</span> <span class="sr-only">(rechargement de la page)</span> <span class="checkbox-switch-bg"> <span class="checkbox-switch-handle" aria-hidden="true"></span> </span> </label> </div> </li> <li> <div class="invisible-checkbox-container"> <input id="item-4" class="invisible-checkbox" type="checkbox" name="accessible-checkbox" value="item-4" checked=checked /> <label class="checkbox-switch" for="item-4" data-toggle-refresh="on"> <span class="checkbox-switch-text">Mise à jour automatique des données</span> <span class="checkbox-switch-bg"> <span class="checkbox-switch-handle" aria-hidden="true"></span> </span> </label> </div> </li> </ul> </div> </li> </ul> </nav> <div class="navbar-left navbar-options"> <ul class="list-inline list-lang" data-detach="list-lang" id="lang-list"> <li class="active"><a href="/setlang/fr/4/0">Français</a></li> <li ><a href="/setlang/en/4/0">English</a></li> </ul> </div>  <ul class="nav navbar-nav navbar-right loginbox"> <li class="dropdown hidden-xs hidden-sm">  <button type="button" class="btn item-with-img btn-link personnal-real-time-btn" id="personnal-real-time-btn" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span aria-hidden="true" class="item-img cw-transinfo cw-real-time personnal-real-time-icon" title="Mes infos en temps réel"></span><span aria-hidden="true" class="item-img cw-transinfo cw-toolbar-favorite personnal-real-time-second-icon" title="Mes infos en temps réel"></span> <span class="item-text hide-text-icon">Mes infos en temps réel</span> </button> <div class="dropdown-menu personnal-real-time-login-msg" aria-labelledby="personnal-real-time-btn" data-go-to="navbar-real-time"> <div> Créez un compte dans <a href="/fr/mon-compte/159/Member/home?ReturnUrl=http%3A%2F%2Fwww.triplinx.ca%2Ffr%2Fitineraires%2F4%2FJourneyPlanner">l'espace membre</a> pour définir vos favoris et leurs alertes. </div> </div> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle item-width-img hidden-xs hidden-sm loginbox-btn" data-toggle="dropdown" data-tutorial="step6"> <span class="item-img cw-transinfo cw-toolbar-user" aria-hidden="true"></span> <span class="item-text bold">Mon compte</span> <span class="item-img cw-transinfo cw-nav-expand2" aria-hidden="true"></span> </a> <div class="dropdown-menu userbox-dropdown" role="menu" id="login-popup-container-parent"> <div id="login-popup-container" class="userbox-dropdown-notlogged"> <div class="userbox-dropdown-login"> <form action="/fr/mon-compte/159/Member/Login" class="form-signin" method="post"> <input type="hidden" name="ReturnUrl" value="/fr/itineraires/4/JourneyPlanner"/> <div class="form-group required"> <label for="LoginBox_LoginForm_UserName">Courriel</label> <input aria-describedby="error-LoginBox_LoginForm_UserName" aria-required="true" class="form-control" data-val="true" data-val-email="L'email fourni n'est pas valide" data-val-required="Champ obligatoire" id="LoginBox_LoginForm_UserName" name="LoginForm.UserName" placeholder="Courriel" type="email" value="" /> <span class="field-validation-valid text-error login-validation-span" data-valmsg-for="LoginForm.UserName" data-valmsg-replace="true" id="error-LoginBox_LoginForm_UserName"></span> </div> <div class="form-group required"> <label for="LoginBox_LoginForm_Password">Mot de passe</label> <input aria-describedby="error-LoginBox_LoginForm_Password" class="form-control" data-toggle="password" data-val="true" data-val-required="Champ obligatoire" id="LoginBox_LoginForm_Password" name="LoginForm.Password" placeholder="Mot de passe" type="password" /> <span class="field-validation-valid text-error login-validation-span" data-valmsg-for="LoginForm.Password" data-valmsg-replace="true" id="error-LoginBox_LoginForm_Password"></span> </div> <div class="remember-me"> <input data-val="true" data-val-required="The Se souvenir de moi field is required." id="LoginBox_LoginForm_RememberMe" name="LoginForm.RememberMe" type="checkbox" value="true" /><input name="LoginForm.RememberMe" type="hidden" value="false" /> <label for="LoginBox_LoginForm_RememberMe">Se souvenir de moi</label> </div> <button type="submit" class="btn btn-primary btn-block btn-margin-bottom">Se connecter</button> </form> <div class="forgotten-password"> <a href="/fr/mon-compte/159/Member/forgottenpassword">Mot de passe oublié ?</a> </div> </div> <div class="userbox-dropdown-signup"> <div class="signup"> <span aria-hidden="true" class="item-img cw-transinfo cw-alert-help signup-icon" ></span><span class="item-text ">Pas encore inscrit(e) ?</span> <a class="item-text" href="/fr/mon-compte/159/Member/signup">S'inscrire</a> </div> </div> </div> </div> </li> </ul> </div>  <div class="navbar-collapse collapse hidden-md hidden-lg navbar-real-time" id="navbar-real-time" data-come-from="navbar-real-time"></div> <div class="navbar-collapse collapse loginbox-rwd" id="navbar-login"></div> </header> <div class="visible-print-block clearfix"> <div class="col-xs-6"> <img src="https://static.tr.mtx.cityway.ca/Content/img/logo/logo-print.png" alt="" class="Triplinx" width="191" height="59" /> </div> <div class="col-xs-6 text-right"> http://www.triplinx.ca/fr <br /> Date d'impression : 23/11/2024 </div> </div>  <div data-inset-async="Disruption_MajorList" data-inset-url="/fr/Disruption/displaydisruptionsinset?includeIncomings=False&insetType=Major"> <div class="ajax-inset ajax-inset-disruptions ajax-inset-majorlist"> </div> </div>  <main role="main" id="content" class="main-content slide mapcentric-page">  <div id="content-menu" class="menu-left hidden-xs hidden-sm"> <nav role="navigation"> <ul class="menu-left-items list-unstyled no-margin"> <li class="menu-left-item text-capitalize active"><a class="menu-left-link " href="/fr/itineraires/4/JourneyPlanner"><span class="menu-left-icon cw-transinfo cw-iti-journey" aria-hidden="true"></span>Itinéraires</a></li> <li class="menu-left-item text-capitalize "><a class="menu-left-link fr-two-lines " href="/fr/recherche-darrets/145/NearBy"><span class="menu-left-icon cw-transinfo cw-map-nearest" aria-hidden="true"></span>Recherche d'arrêts</a></li> <li class="menu-left-item text-capitalize " data-tutorial="step4"><a class="menu-left-link" href="/fr/horaires/23"><span class="menu-left-icon cw-transinfo cw-misc-hour1" aria-hidden="true"></span>Horaires</a></li> <li class="menu-left-item text-capitalize "><a class="menu-left-link en-two-lines fr-two-lines " href="/fr/transports-adaptes/8"><span class="menu-left-icon cw-transinfo cw-access-wheelchair-user3" aria-hidden="true"></span>Transports adaptés</a></li> <li class="menu-left-item text-capitalize "><a class="menu-left-link " href="/fr/tarifs/7/Fare"><span class="menu-left-icon cw-transinfo cw-misc-ticket" aria-hidden="true"></span>Tarifs</a></li> <li class="menu-left-item text-capitalize "><a class="menu-left-link en-two-lines " href="/fr/perturbations/17/Disruption"><span class="menu-left-icon cw-transinfo cw-toolbar-warning" aria-hidden="true"></span>Perturbations</a></li> <li class="menu-left-item"> <a id="link-smart-commute" href="https://explore.smartcommute.ca/#/dashboard/plan/" class="menu-left-link en-two-lines fr-two-lines" target="_blank" title="Allez sur le site Smart Commute (nouvelle fenêtre)"> <img src="https://static.tr.mtx.cityway.ca/Content/img/common/carpool.png" alt="covoiturage et plus" class="smart-icon menu-left-icon" width="40" height="40" /> <span class="smart-title">Jumelage</span> </a> </li> </ul> </nav> </div>   <button type="button" class="btn item-with-img btn-link button-action hide-action hidden-sm hidden-xs" data-label-close="Fermer le panneau Itinéraires" data-label-open="Ouvrir le panneau Itinéraires" data-display-panel="action"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-previous2 " ></span><span class="item-text hide-text-icon">Fermer le panneau Itinéraires</span></button> <div id="content-action" class="content-action JourneyPlanner "> <div class="page-header"> <h1> Itinéraires </h1> </div> <div data-id="access-div" class="sr-only"> <p> <span data-id="access-content-label">Si vous rencontrez des problèmes liés à l'accessibilité, veuillez nous en faire part</span> <a data-id="access-content-arialabel" href="/fr/communiquez-avec-nous/14/Contact" target="_blank" tabindex="-1" aria-label="contactez nous avec le formulaire de contact Triplinx (nouvelle fenêtre)"> <span data-id="access-content-endlabel">en remplissant ce formulaire de contact sur Triplinx</span> </a> </p> <button data-id="access-btn-hide" role="link" tabindex="-1">Fermer le message d'alerte</button> </div> <div class="message-container clearfix"></div> <div id="result-tripplanner" class="result-tripplanner"> <a href="#" role="button" tabindex="0" aria-expanded="false" aria-controls="popover-6d5bfe29-9784-4d9a-b2b5-50442bf8ac63" data-content-id="popover-6d5bfe29-9784-4d9a-b2b5-50442bf8ac63" class="my-popover popover-trip-help pull-right item-with-img" data-toggle="popover-cw" data-trigger="hover click" data-placement="left"> <span aria-hidden="true" class="item-img cw-transinfo cw-alert-help " ></span><span class="item-text hide-text-icon">Aide</span> </a> <div id="popover-6d5bfe29-9784-4d9a-b2b5-50442bf8ac63" class="popover left" aria-hidden="true"> <div class="arrow"></div> <div class="popover-content"> <p><strong>Étape via</strong><br /> Utiliser cette option pour nous indiquer le lieu et la durée d'une étape.</p> <p class="hidden-xs hidden-sm"><strong>Sélectionner un lieu sur la carte</strong><br /> Pour sélectionner un lieu sur la carte, zoomer et utiliser le clic droit de la souris sur l’ordinateur ou un appui long sur écran tactile. Ou cliquer sur un arrêt ou un lieu pour voir les services associés.<br /> Cette fonction n'est pas disponible pour IE9 et versions antérieures.</p><p><strong>Recherche par numéro d'arrêt</strong><br /> Pour chercher un arrêt par son numéro, taper # suivi du numéro d’arrêt (ex : #1234).</p> </div> </div> <form action="/fr/itineraires/4/JourneyPlanner" data-ajax="true" data-ajax-method="GET" data-ajax-mode="replace" data-ajax-update="#result-tripplanner" id="form-jp" method="post" class="trip-search-v2"> <div data-tutorial="step1"> <div class="departure"> <div class="form-group required"> <div class="input-group"> <span class="input-group-addon"> <span class="cw-transinfo picto-iti cw-misc-departure" aria-hidden="true"></span> </span> <input aria-invalid="false" aria-label="Départ (entrer une adresse, un lieu ou un arrêt)" aria-required="true" class="form-control" data-autocomplete="1" data-autocomplete-target="PointDep" data-autocomplete-type="point" data-input-clear="1" id="KeywordDep" name="KeywordDep" placeholder="Adresse, arrêt ou lieu" type="text" value="" /><input id="PointDep" name="PointDep" type="hidden" value="" /> <div class="input-group-btn"> <button type="button" class="btn item-with-img btn-default geoloc-trigger" data-geoloc-type="journeyplanner" data-geoloc-context="Dep"><span aria-hidden="true" class="item-img cw-transinfo cw-map-geolocalisation " title="Départ à ma position actuelle"></span><span class="item-text hide-text-icon">Départ à ma position actuelle</span></button> </div> <input id="LatDep" name="LatDep" type="hidden" value="" /><input id="LngDep" name="LngDep" type="hidden" value="" /> <div class="input-group-btn" data-id="dropdown-favorites-btn"> <button type="button" class="btn btn-default dropdown-toggle item-with-img" data-toggle="dropdown"> <span class="item-img cw-transinfo cw-toolbar-favorite" aria-hidden="true"></span><span class="caret" aria-hidden="true"></span><span class="item-text hide-text-icon">Mes favoris</span> </button> </div> <span data-id="dropdown-favorites-container"> <ul class="dropdown-menu dropdown-favorites pull-right"> <li> <p> Créez un compte dans <a href="/fr/mon-compte/159/Member/home">l'espace membre</a> pour définir vos favoris et leurs alertes. </p> </li> </ul> </span> <div class="input-group-btn trip-search-input-group-btn"> <button class="btn btn-link" type="button" aria-expanded="false" data-toggle="modal" data-target="#modal-stopover"> <span class="cw-transinfo cw-toolbar-add" aria-hidden="true" title="+ Ajouter une étape"></span> <span class="hide-text-icon"><span aria-hidden="true">+</span> Ajouter une étape</span> </button> </div> </div> <div id="warning-NumDep" class="error-raod-length"> <input id="NumDep" name="NumDep" type="hidden" value="" /> </div> <div id="errorDep" class="text-danger KeywordDep-error"> </div> </div> </div> <div class="via form-group"> <div id="formVia" class="hidden form-group"> <div class="form-group required"> <div class="input-group"> <span class="input-group-addon"> <span class="cw-transinfo picto-iti cw-misc-via" aria-hidden="true"></span> </span> <input aria-invalid="false" aria-label="Etape (entrer une adresse, un lieu ou un arrêt)" aria-required="false" class="form-control" data-autocomplete="1" data-autocomplete-target="PointVia" data-autocomplete-type="point" data-input-clear="1" id="KeywordVia" name="KeywordVia" placeholder="Adresse, arrêt ou lieu" type="text" value="" /><input id="PointVia" name="PointVia" type="hidden" value="" /> <div class="input-group-btn"> <button type="button" class="btn item-with-img btn-default geoloc-trigger" data-geoloc-type="journeyplanner" data-geoloc-context="Via"><span aria-hidden="true" class="item-img cw-transinfo cw-map-geolocalisation " title="Etape à ma position actuelle"></span><span class="item-text hide-text-icon">Etape à ma position actuelle</span></button> </div> <input id="LatVia" name="LatVia" type="hidden" value="" /><input id="LngVia" name="LngVia" type="hidden" value="" /> <div class="input-group-btn" data-id="dropdown-favorites-btn"> <button type="button" class="btn btn-default dropdown-toggle item-with-img" data-toggle="dropdown"> <span class="item-img cw-transinfo cw-toolbar-favorite" aria-hidden="true"></span><span class="caret" aria-hidden="true"></span><span class="item-text hide-text-icon">Mes favoris</span> </button> </div> <span data-id="dropdown-favorites-container"> <ul class="dropdown-menu dropdown-favorites pull-right"> <li> <p> Créez un compte dans <a href="/fr/mon-compte/159/Member/home">l'espace membre</a> pour définir vos favoris et leurs alertes. </p> </li> </ul> </span> <div class="input-group-btn trip-search-input-group-btn"> <button id="linkRemoveVia" class="btn btn-link" type="button" aria-label="Supprimer l'étape"> <span class="cw-transinfo cw-toolbar-close1" aria-hidden="true" title="Supprimer"></span> <span class="hide-text-icon">Supprimer</span> </button> </div> </div> <div id="warning-NumVia" class="error-raod-length"> <input id="NumVia" name="NumVia" type="hidden" value="" /> </div> <div id="errorVia" class="text-danger KeywordVia-error"> </div> </div> <button type="button" class="btn btn-link btn-via-duration" data-toggle="modal" data-target="#trip-via-duration-modal"> Durée : <span class="btn-via-duration-min"> <span data-id="label-minute-popup" data-value="30">30</span> <input id="DurationVia" name="DurationVia" type="hidden" value="30" /> <abbr title="minute">min</abbr> </span> </button> <div class="modal fade" tabindex="-1" role="dialog" id="trip-via-duration-modal" aria-labelledby="trip-via-duration-modal"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="hide-text-icon">Fermer</span> </button> <h1 class="modal-title">Durée de l'étape</h1> </div> <div class="modal-body"> <p>Indiquer la durée souhaitée de l'étape.</p> <div class="opt-slider"> <div id="sliderDurationVia"></div> <input class="form-control input-duration" data-slider="0" data-slider-divid="sliderDurationVia" data-slider-label="Minute" data-slider-maxvalue="120" data-slider-minvalue="0" data-slider-selectedvalue="30" data-slider-step="10" id="MinuteValue" name="MinuteValue" type="text" usecurrentvalue="True" value="30" readonly="readonly"> <span class="legend-label"><abbr title="minute">min</abbr></span> </div> </div> <div class="modal-footer"> <button type="button" data-id="change-slider-value" class="btn btn-primary" data-dismiss="modal">Enregistrer</button> <button type="button" data-id="cancel-slider-change" class="btn btn-default" data-dismiss="modal">Fermer</button> </div> </div> </div> </div> </div> </div> <div class="arrival"> <div class="form-group required"> <div class="input-group"> <span class="input-group-addon"> <span class="cw-transinfo picto-iti cw-misc-arrival" aria-hidden="true"></span> </span> <input aria-invalid="false" aria-label="Arrivée (entrer une adresse, un lieu ou un arrêt)" aria-required="true" class="form-control" data-autocomplete="1" data-autocomplete-target="PointArr" data-autocomplete-type="point" data-input-clear="1" id="KeywordArr" name="KeywordArr" placeholder="Adresse, arrêt ou lieu" type="text" value="" /><input id="PointArr" name="PointArr" type="hidden" value="" /> <div class="input-group-btn"> <button type="button" class="btn item-with-img btn-default geoloc-trigger" data-geoloc-type="journeyplanner" data-geoloc-context="Arr"><span aria-hidden="true" class="item-img cw-transinfo cw-map-geolocalisation " title="Arrivée à ma position actuelle"></span><span class="item-text hide-text-icon">Arrivée à ma position actuelle</span></button> </div> <input id="LatArr" name="LatArr" type="hidden" value="" /><input id="LngArr" name="LngArr" type="hidden" value="" /> <div class="input-group-btn" data-id="dropdown-favorites-btn"> <button type="button" class="btn btn-default dropdown-toggle item-with-img" data-toggle="dropdown"> <span class="item-img cw-transinfo cw-toolbar-favorite" aria-hidden="true"></span><span class="caret" aria-hidden="true"></span><span class="item-text hide-text-icon">Mes favoris</span> </button> </div> <span data-id="dropdown-favorites-container"> <ul class="dropdown-menu dropdown-favorites pull-right"> <li> <p> Créez un compte dans <a href="/fr/mon-compte/159/Member/home">l'espace membre</a> pour définir vos favoris et leurs alertes. </p> </li> </ul> </span> <div class="input-group-btn trip-search-input-group-btn"> <button type="button" class="btn btn-link" data-reverse-point="active"> <span class="cw-transinfo cw-iti-return-trip2" aria-hidden="true" title="Inverser depart/arrivée"></span> <span class="hide-text-icon">Inverser depart/arrivée</span> </button> </div> </div> <div id="warning-NumArr" class="error-raod-length"> <input id="NumArr" name="NumArr" type="hidden" value="" /> </div> <div id="errorArr" class="text-danger KeywordArr-error"> </div> </div> </div> </div> <div class="hide-label form-group" data-tutorial="step2"> <div class="form-group"> <label class="label-date" for="Date">Date</label> <div id="datepicker" class="input-group date" data-js-datepicker='1' data-js-language="fr" data-js-target="Date" data-js-target-hidden="calendar" data-js-start-date="23/11/2024" data-js-end-date="20/02/2025" data-js-highlight="true" data-js-autoclose="true"> <select class="form-control" data-val="true" data-val-date="The field Date must be a date." data-val-required="The Date field is required." id="Date" name="Date"><option value="23/11/2024">Aujourd'hui</option> <option value="24/11/2024">dimanche 24 novembre 2024</option> <option value="25/11/2024">lundi 25 novembre 2024</option> <option value="26/11/2024">mardi 26 novembre 2024</option> <option value="27/11/2024">mercredi 27 novembre 2024</option> <option value="28/11/2024">jeudi 28 novembre 2024</option> <option value="29/11/2024">vendredi 29 novembre 2024</option> <option value="30/11/2024">samedi 30 novembre 2024</option> <option value="01/12/2024">dimanche 1 décembre 2024</option> <option value="02/12/2024">lundi 2 décembre 2024</option> <option value="03/12/2024">mardi 3 décembre 2024</option> <option value="04/12/2024">mercredi 4 décembre 2024</option> <option value="05/12/2024">jeudi 5 décembre 2024</option> <option value="06/12/2024">vendredi 6 décembre 2024</option> <option value="07/12/2024">samedi 7 décembre 2024</option> <option value="08/12/2024">dimanche 8 décembre 2024</option> <option value="09/12/2024">lundi 9 décembre 2024</option> <option value="10/12/2024">mardi 10 décembre 2024</option> <option value="11/12/2024">mercredi 11 décembre 2024</option> <option value="12/12/2024">jeudi 12 décembre 2024</option> <option value="13/12/2024">vendredi 13 décembre 2024</option> <option value="14/12/2024">samedi 14 décembre 2024</option> <option value="15/12/2024">dimanche 15 décembre 2024</option> <option value="16/12/2024">lundi 16 décembre 2024</option> <option value="17/12/2024">mardi 17 décembre 2024</option> <option value="18/12/2024">mercredi 18 décembre 2024</option> <option value="19/12/2024">jeudi 19 décembre 2024</option> <option value="20/12/2024">vendredi 20 décembre 2024</option> <option value="21/12/2024">samedi 21 décembre 2024</option> <option value="22/12/2024">dimanche 22 décembre 2024</option> <option value="23/12/2024">lundi 23 décembre 2024</option> <option value="24/12/2024">mardi 24 décembre 2024</option> <option value="25/12/2024">mercredi 25 décembre 2024</option> <option value="26/12/2024">jeudi 26 décembre 2024</option> <option value="27/12/2024">vendredi 27 décembre 2024</option> <option value="28/12/2024">samedi 28 décembre 2024</option> <option value="29/12/2024">dimanche 29 décembre 2024</option> <option value="30/12/2024">lundi 30 décembre 2024</option> <option value="31/12/2024">mardi 31 décembre 2024</option> <option value="01/01/2025">mercredi 1 janvier 2025</option> <option value="02/01/2025">jeudi 2 janvier 2025</option> <option value="03/01/2025">vendredi 3 janvier 2025</option> <option value="04/01/2025">samedi 4 janvier 2025</option> <option value="05/01/2025">dimanche 5 janvier 2025</option> <option value="06/01/2025">lundi 6 janvier 2025</option> <option value="07/01/2025">mardi 7 janvier 2025</option> <option value="08/01/2025">mercredi 8 janvier 2025</option> <option value="09/01/2025">jeudi 9 janvier 2025</option> <option value="10/01/2025">vendredi 10 janvier 2025</option> <option value="11/01/2025">samedi 11 janvier 2025</option> <option value="12/01/2025">dimanche 12 janvier 2025</option> <option value="13/01/2025">lundi 13 janvier 2025</option> <option value="14/01/2025">mardi 14 janvier 2025</option> <option value="15/01/2025">mercredi 15 janvier 2025</option> <option value="16/01/2025">jeudi 16 janvier 2025</option> <option value="17/01/2025">vendredi 17 janvier 2025</option> <option value="18/01/2025">samedi 18 janvier 2025</option> <option value="19/01/2025">dimanche 19 janvier 2025</option> <option value="20/01/2025">lundi 20 janvier 2025</option> <option value="21/01/2025">mardi 21 janvier 2025</option> <option value="22/01/2025">mercredi 22 janvier 2025</option> <option value="23/01/2025">jeudi 23 janvier 2025</option> <option value="24/01/2025">vendredi 24 janvier 2025</option> <option value="25/01/2025">samedi 25 janvier 2025</option> <option value="26/01/2025">dimanche 26 janvier 2025</option> <option value="27/01/2025">lundi 27 janvier 2025</option> <option value="28/01/2025">mardi 28 janvier 2025</option> <option value="29/01/2025">mercredi 29 janvier 2025</option> <option value="30/01/2025">jeudi 30 janvier 2025</option> <option value="31/01/2025">vendredi 31 janvier 2025</option> <option value="01/02/2025">samedi 1 février 2025</option> <option value="02/02/2025">dimanche 2 février 2025</option> <option value="03/02/2025">lundi 3 février 2025</option> <option value="04/02/2025">mardi 4 février 2025</option> <option value="05/02/2025">mercredi 5 février 2025</option> <option value="06/02/2025">jeudi 6 février 2025</option> <option value="07/02/2025">vendredi 7 février 2025</option> <option value="08/02/2025">samedi 8 février 2025</option> <option value="09/02/2025">dimanche 9 février 2025</option> <option value="10/02/2025">lundi 10 février 2025</option> <option value="11/02/2025">mardi 11 février 2025</option> <option value="12/02/2025">mercredi 12 février 2025</option> <option value="13/02/2025">jeudi 13 février 2025</option> <option value="14/02/2025">vendredi 14 février 2025</option> <option value="15/02/2025">samedi 15 février 2025</option> <option value="16/02/2025">dimanche 16 février 2025</option> <option value="17/02/2025">lundi 17 février 2025</option> <option value="18/02/2025">mardi 18 février 2025</option> <option value="19/02/2025">mercredi 19 février 2025</option> <option value="20/02/2025">jeudi 20 février 2025</option> </select> <input type="hidden" id="calendar" value="23/11/2024"/> <div class="input-group-addon"> <span aria-hidden="true" class="item-img cw-transinfo cw-toolbar-calendar " ></span> </div> </div> </div> <div class="hide-label form-inline"> <label for="TypeDate">Départ ou arrivée</label> <select name="TypeDate" id="TypeDate" class="form-control form-right-space type-date"> <option value="68" selected=selected> Partir à </option> <option value="65" > Arriver à </option> </select> <label for="Hour">Heure</label> <select name="Hour" id="Hour" class="form-control form-right-space hour"> <option value="0" >00h</option> <option value="1" >01h</option> <option value="2" >02h</option> <option value="3" >03h</option> <option value="4" >04h</option> <option value="5" >05h</option> <option value="6" >06h</option> <option value="7" >07h</option> <option value="8" >08h</option> <option value="9" >09h</option> <option value="10" >10h</option> <option value="11" >11h</option> <option value="12" >12h</option> <option value="13" >13h</option> <option value="14" >14h</option> <option value="15" >15h</option> <option value="16" >16h</option> <option value="17" >17h</option> <option value="18" >18h</option> <option value="19" >19h</option> <option value="20" >20h</option> <option value="21" >21h</option> <option value="22" >22h</option> <option value="23" selected=selected>23h</option> </select> <label for="Minute">Minute</label> <select name="Minute" id="Minute" class="form-control minute"> <option value="0" >00</option> <option value="5" selected=selected>05</option> <option value="10" >10</option> <option value="15" >15</option> <option value="20" >20</option> <option value="25" >25</option> <option value="30" >30</option> <option value="35" >35</option> <option value="40" >40</option> <option value="45" >45</option> <option value="50" >50</option> <option value="55" >55</option> </select> </div> </div> <div class="trip-search-options" data-url-page=""> <div class="checkbox checkbox-margin-bottom" title="Véhicules et arrêts accessibles en fauteuil roulant"> <label for="accessible-trip"> <input type="checkbox" name="Accessibility" id="accessible-trip" value="1" /> <span aria-hidden="true" class="item-img cw-transinfo cw-access-wheelchair-user picto-accessibility" ></span><span class="item-text no-bold">Voyage accessible</span> <span class="sr-only">(Véhicules et arrêts accessibles en fauteuil roulant)</span> </label> </div> <button class="btn btn-link trip-search-options-btn collapsed" data-tutorial="step3" type="button" data-toggle="collapse" data-target="#form-jp-options" aria-expanded="false" aria-controls="form-jp-options"> Plus d'options </button> </div> <div class="trip-search-options-collapse collapse" id="form-jp-options"> <ul id="select-type-trip" class="journeyplanner-type-trip list-unstyled text-center" role="group" data-text-selected="(sélectionné)" data-text-notselected="(non sélectionné)"> <li class="journeyplanner-type-trip-item"> <button id="btn-pt" type="button" class="btn btn-default journeyplanner-type-trip-btn active" title="Transport en commun" data-select-trip="PlanTrip" data-toggle="tooltip" data-placement="bottom"> <span aria-hidden="true" class="item-img cw-transinfo cw-mode-bus " ></span><span class="item-text hide-text-icon">Transport en commun</span> <span class="hide-text-icon label-selected">(sélectionné)</span> </button> </li> <li class="journeyplanner-type-trip-item"> <button id="btn-bike" type="button" class="btn btn-default journeyplanner-type-trip-btn " title="Vélo et transport en commun" data-select-trip="BikeTrip" data-toggle="tooltip" data-placement="bottom"> <span aria-hidden="true" class="item-img cw-transinfo cw-mode-bike " ></span><span class="item-text hide-text-icon">Vélo</span><span class="journeyplanner-type-trip-plus">+</span><span aria-hidden="true" class="item-img cw-transinfo cw-mode-bus " ></span><span class="item-text hide-text-icon">Transport en commun</span> <span class="hide-text-icon label-selected">(non sélectionné)</span> </button> </li> <li class="journeyplanner-type-trip-item"> <button id="btn-car" type="button" class="btn btn-default journeyplanner-type-trip-btn " title="Voiture et transport en commun" data-select-trip="CarTrip" data-toggle="tooltip" data-placement="bottom"> <span aria-hidden="true" class="item-img cw-transinfo cw-mode-car " ></span><span class="item-text hide-text-icon">Voiture</span><span class="journeyplanner-type-trip-plus">+</span><span aria-hidden="true" class="item-img cw-transinfo cw-mode-bus " ></span><span class="item-text hide-text-icon">Transport en commun</span> <span class="hide-text-icon label-selected">(non sélectionné)</span> </button> </li> </ul> <input data-val="true" data-val-required="The TypeTrip field is required." id="TypeTrip" name="TypeTrip" type="hidden" value="PlanTrip" /> <div class="form-group"> <label for="Algorithm">Voir : </label> <select class="form-control" data-defaultValue="Fastest" id="Algorithm" name="Algorithm"> <option value="Fastest" selected=selected>le plus rapide</option> <option value="MinChanges" >le moins de changement</option> <option value="Shortest" >le moins de marche</option> </select></div> <div id="warning-transport-mode" class="error-raod-length hidden"> <div class="alert alert-warning" role="alert"> Attention : au moins un mode de transport en commun doit être choisi </div> </div> <div class="panel-group panel-group-accordion no-margin-bottom journeyplanner-options" id="journeyPlanner-options"> <div class="panel panel-default"> <div class="panel-heading"> <a href="#walk" class="item-with-img collapsed" data-toggle="collapse" role="button" aria-expanded="false"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-collapse2 " ></span><span class="item-text ">Préférences de marche</span></a> </div> <div id="walk" class="panel-collapse collapse walk"> <div class="panel-body"> <div class="form-group"> <label for="WalkDistance">Marcher au plus</label> <div id="sliderWalkDistance"></div> <input aria-describedby="WalkDistanceLabel" class="form-control input-distance" data-slider="1" data-slider-defaultValue="2000" data-slider-divId="sliderWalkDistance" data-slider-label="mètres" data-slider-maxValue="10000" data-slider-minValue="100" data-slider-selectedValue="2000" data-slider-step="100" id="WalkDistance" name="WalkDistance" type="text" value="2000" /> <span class="legend-label" id="WalkDistanceLabel"><abbr title="mètre">m</abbr></span> </div> <label for="WalkSpeed">Vitesse de marche</label> <select class="form-control" data-defaultValue="5" id="WalkSpeed" name="WalkSpeed"> <option value="3" >Lent</option> <option value="5" selected=selected>Moyen</option> <option value="7" >Rapide</option> </select> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a href="#mode" class="item-with-img collapsed" data-toggle="collapse" role="button" aria-expanded="false"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-collapse2 " ></span><span class="item-text ">Transport en commun</span></a> </div> <div id="mode" class="panel-collapse collapse mode"> <div class="panel-body"> <div> <ul class="list-inline select-mode"> <li class="checkbox"> <label> <input type="checkbox" name="Modes" value="Bus" data-locate-checkbox-mode="bus" checked=checked /> <span aria-hidden="true" class="item-img cw-transinfo cw-transinfo mode-transport cw-mode-bus " ></span><span class="item-text ">Autobus</span> </label> </li> <li class="checkbox"> <label> <input type="checkbox" name="Modes" value="Metro" data-locate-checkbox-mode="metro" checked=checked /> <span aria-hidden="true" class="item-img cw-transinfo cw-transinfo mode-transport cw-mode-metro " ></span><span class="item-text ">Métro</span> </label> </li> <li class="checkbox"> <label> <input type="checkbox" name="Modes" value="Tram" data-locate-checkbox-mode="tram" checked=checked /> <span aria-hidden="true" class="item-img cw-transinfo cw-transinfo mode-transport cw-mode-tram " ></span><span class="item-text ">Tramway</span> </label> </li> <li class="checkbox"> <label> <input type="checkbox" name="Modes" value="Train" data-locate-checkbox-mode="train" checked=checked /> <span aria-hidden="true" class="item-img cw-transinfo cw-transinfo mode-transport cw-mode-train " ></span><span class="item-text ">Train</span> </label> </li> <li class="checkbox"> <label> <input type="checkbox" name="Modes" value="Boat" data-locate-checkbox-mode="boat" checked=checked /> <span aria-hidden="true" class="item-img cw-transinfo cw-transinfo mode-transport cw-mode-boat " ></span><span class="item-text ">Ferry</span> </label> </li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a href="#network" class="item-with-img collapsed" data-toggle="collapse" role="button" aria-expanded="false"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-collapse2 " ></span><span class="item-text ">Réseau(x) de transport</span></a> </div> <div id="network" class="panel-collapse collapse network"> <div class="panel-body"> <div class="opt-select-mode opt-select-network"> <div class="text-right"> <button class="btn-link btn-select-all" type="button" data-id="listing-checkall" aria-label="Sélectionner tous les réseaux de transport">Tout sélectionner</button> | <button class="btn-link btn-select-all" type="button" data-id="listing-uncheckall" aria-label="Désélectionner tous les réseaux de transport">Désélectionner</button> </div> <ul class="list-unstyled no-margin-bottom" data-id="listing-check"> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="21" checked=checked data-locate-checkbox-partner="21" /> Barrie Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="23" checked=checked data-locate-checkbox-partner="23" /> Simcoe County LINX </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="9" checked=checked data-locate-checkbox-partner="9" /> Brampton Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="7" checked=checked data-locate-checkbox-partner="7" /> Burlington Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="11" checked=checked data-locate-checkbox-partner="11" /> Durham Region Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="2" checked=checked data-locate-checkbox-partner="2" /> GO Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="22" checked=checked data-locate-checkbox-partner="22" /> Grand River Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="8" checked=checked data-locate-checkbox-partner="8" /> Hamilton Street Railway (HSR) </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="5" checked=checked data-locate-checkbox-partner="5" /> Milton Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="10" checked=checked data-locate-checkbox-partner="10" /> MiWay </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="20" checked=checked data-locate-checkbox-partner="20" /> Niagara Falls Transit & WeGo </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="19" checked=checked data-locate-checkbox-partner="19" /> Niagara Region Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="6" checked=checked data-locate-checkbox-partner="6" /> Oakville Transit </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="15" checked=checked data-locate-checkbox-partner="15" /> Pearson Terminal Link </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="18" checked=checked data-locate-checkbox-partner="18" /> St. Catharines Transit Commission </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="16" checked=checked data-locate-checkbox-partner="16" /> Toronto Ferries </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="3" checked=checked data-locate-checkbox-partner="3" /> TTC </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="14" checked=checked data-locate-checkbox-partner="14" /> UP Express </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="17" checked=checked data-locate-checkbox-partner="17" /> WEGO </label> </li> <li class="checkbox"> <label> <input type="checkbox" data-class="listing-checkbox" name="Partners" value="4" checked=checked data-locate-checkbox-partner="4" /> YRT/Viva </label> </li> </ul> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a href="#bike" class="item-with-img collapsed" data-toggle="collapse" role="button" aria-expanded="false"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-collapse2 " ></span><span class="item-text ">Options en vélo</span></a> </div> <div id="bike" class="panel-collapse collapse bike"> <div class="panel-body"> <div class="checkbox form-group bike-transit"> <label> <input type="checkbox" name="BikeOnBoard" value="1" />Vélo autorisé à bord </label> </div> <hr/> <div class="form-group"> <label for="BikeDistance" class="block">Rouler au plus dans un itinéraire combiné</label> <div id="sliderBikeDistance"></div> <input aria-describedby="BikeDistanceLabel" class="form-control input-distance" data-slider="1" data-slider-defaultValue="10" data-slider-divId="sliderBikeDistance" data-slider-label="kilomètres" data-slider-maxValue="50" data-slider-minValue="5" data-slider-selectedValue="10" data-slider-step="5" id="BikeDistance" name="BikeDistance" type="text" value="10" /> <span class="legend-label" id="BikeDistanceLabel"><abbr title="kilomètre">Km</abbr></span> </div> <div class="checkbox"> <label for="BikeSecure"> <input type="checkbox" name="BikeSecure" id="BikeSecure" value="2" /> <span aria-hidden="true" class="item-img cw-transinfo cw-mode-bike " ></span><span class="item-text ">Privilégier les pistes cyclables</span> </label> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <a href="#car" class="item-with-img collapsed" data-toggle="collapse" role="button" aria-expanded="false"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-collapse2 " ></span><span class="item-text ">Options en voiture</span></a> </div> <div id="car" class="panel-collapse collapse car"> <div class="panel-body"> <div class="form-group"> <label for="CarDistance" class="block">Rouler au plus</label> <div id="sliderCarDistance"></div> <input aria-describedby="CarDistanceLabel" class="form-control input-distance" data-slider="1" data-slider-defaultValue="25" data-slider-divId="sliderCarDistance" data-slider-label="kilomètres" data-slider-maxValue="50" data-slider-minValue="5" data-slider-selectedValue="25" data-slider-step="5" id="CarDistance" name="CarDistance" type="text" value="25" /> <span class="legend-label" id="CarDistanceLabel"><abbr title="kilomètre">Km</abbr></span> </div> <label for="CarLeave">Laisser la voiture</label> <select class="form-control" data-defaultValue="2" id="CarLeave" name="CarLeave"> <option value="0" >Stationner à proximité d’un arrêt</option> <option value="2" selected=selected>Stationner à un parc relais ou un parking Green P</option> <option value="1" >Stationner à un parc relais</option> <option value="3" >Stationner dans un parking Green P</option> </select> </div> </div> </div> <br/> <button class="btn btn-default btn-block" data-action-click="jp-reinit-profile" data-user-profile="false" data-user="0" data-anchor-to="#tabs">Valeurs par défaut</button> </div> </div> <div class="btn-group submit-fav"> <button type="submit" data-id="submit-search" data-loading-text="Rechercher" class="btn btn-primary btn-block btn-margin-bottom btn-spinner" data-btn-spinner="true" disabled="disabled"> Rechercher </button> <div class="input-group-btn" data-id="dropdown-favorites-btn"> <button type="button" class="btn btn-primary dropdown-toggle item-with-img" data-toggle="dropdown"> <span class="item-img cw-transinfo cw-toolbar-favorite" aria-hidden="true"></span><span class="caret" aria-hidden="true"></span><span class="item-text hide-text-icon">Mes favoris</span> </button> </div> <span data-id="dropdown-favorites-container"> <ul class="dropdown-menu dropdown-favorites pull-right"> <li> <p> Créez un compte dans <a href="/fr/mon-compte/159/Member/home">l'espace membre</a> pour définir vos favoris et leurs alertes. </p> </li> </ul> </span> </div> </form> <div class="altText content_adm"> <div><p>Les prix ne réflètent pas les rabais du programme de tarif unique. Veuillez visiter <a href="https://prestocard.ca/fr-CA/about/one-fare-transfers">Transfers du programme de tarif unique (prestocard.ca)</a> pour en savoir plus.</p> <p> </p> <p> </p></div> </div> </div> <div id="od-schedules"></div> </div>   <div id="locateModal" class="modal fade" tabindex="-1" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-body"> <p>Vous avez déjà sélectionné 5 lignes. Dé-cochez une ligne pour en choisir une autre</p> </div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-default btn-block">Ok</button> </div> </div> </div> </div>  <div id="modal-stopover" class="modal fade model-center modal-stop-over" tabindex="-1" aria-labelledby="modal-stopover-label" aria-hidden="true" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> <span class="hide-text-icon">Fermer</span> </button> <p class="modal-title" id="modal-stopover-label">Ajouter une étape</p> </div> <div class="modal-body"> Une halte à l’étape peut nécessiter le paiement d’un billet supplémentaire. Veuillez vous référer aux conditions d’utilisation du transporteur. </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" id="linkAddVia" data-dismiss="modal">OK</button> </div> </div> </div> </div>  <div class="modal fade model-center" tabindex="-1" aria-hidden="true" data-modal="search-in-progress" data-loader-complex="Recherche complexe en cours, veuillez patienter." data-loader-simple="Recherche de solutions en cours..." data-loader-time="4000"> <div class="modal-dialog modal-animated-loader"> <div class="modal-content">  <div class="modal-body"> <div class="animated-loader-container animated-loader-container-top "><div aria-live="assertive" class="animated-loader black"></div><div class="animated-loader-text">Recherche de solutions en cours...</div></div> </div> </div> </div> </div>   <div class="map-area">  <div id="content-map" class="content-map tripplanner hidden-xs hidden-sm cw-visible-container-print">  <div class="content-map-search-form" data-result-locate-search="1" role="search" data-tutorial="step5"> <form action="/fr/itineraires/4/JourneyPlanner/print" data-form="formLocate" method="post"> <div class="input-group"> <label for="KeywordLocate" class="sr-only">Recherche de localisation</label> <input class="form-control" data-autocomplete="1" data-autocomplete-target="PointLocate" data-autocomplete-type="point" data-input-clear="1" id="KeywordLocate" name="KeywordLocate" placeholder="Rechercher" type="text" value="" /> <input id="PointLocate" name="PointLocate" type="hidden" value="" /> <span class="input-group-btn"> <button type="submit" class="btn item-with-img btn btn-primary" ><span aria-hidden="true" class="item-img cw-transinfo cw-toolbar-search " ></span><span class="item-text hide-text-icon">Lancer la recherche de localisation</span></button> </span> </div> <div id="warning-search-locate"> <input id="search-locate" name="search-locate" type="hidden" value=""> </div> </form> </div> <div id="link-map-off" class="btn-back-map hidden hidden-md hidden-lg" data-link-map-tp="search"> <a href="#trips" class="item-with-img btn btn-default btn-block btn-margin-bottom" data-action-click="hidemap" role="button"><span aria-hidden="true" class="item-img cw-transinfo cw-arrow-left " ></span><span class="item-text no-decoration">Retour</span></a> </div> <div class="nav-map hidden hidden-md hidden-lg" data-link-map-tp="result"> <a href="#trips-solutions" class="item-with-img btn btn-default btn-map-back btn-margin-bottom" data-action-click="hidemap"><span aria-hidden="true" class="item-img cw-transinfo cw-arrow-left " ></span><span class="item-text no-decoration">Retour</span></a> <a href="#" class="item-with-img btn btn-default btn-map-previous btn-margin-bottom" data-link-tp="show-on-map" data-point="" id="previous-map-button" disabled="disabled"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-previous2 " ></span><span class="item-text no-decoration">Précédente</span></a> <a href="#" class="item-with-img btn btn-default btn-map-next btn-margin-bottom" data-link-tp="show-on-map" data-point="" id="next-map-button" disabled="disabled"><span class="item-text no-decoration">Suivante</span><span aria-hidden="true" class="item-img cw-transinfo cw-nav-next2 " ></span></a> </div>  <div id="map_container"> <div class="relative content-map-message">  <div class="alert alert-info" data-bind="visible: messageVisible, css: messageType" role="alert"> <button type="button" class="close" data-dismiss="alert" data-bind="click: function() { hideMessage(); cityWay.responsive.resizePageHeight(); }"> <span aria-hidden="true">×</span> <span class="hide-text-icon">Fermer</span> </button> <strong data-bind="text: message"></strong> </div>  <div id="map" class="map"></div>  <div class="map-busy-container" data-bind="visible: isBusy"> <div class="animated-loader-container animated-loader-container-top animated-loader-small"><div aria-live="assertive" class="animated-loader black"></div><div class="animated-loader-text"></div></div> </div> </div> </div>     <div class="map-legend"> <button type="button" class="btn item-with-img btn btn-primary btn-map-legend item-with-img collapsed" data-toggle="collapse" data-target="#legend-map" aria-expanded="false" aria-controls="legend-map"><span class="item-text ">Légende</span><span aria-hidden="true" class="item-img cw-transinfo cw-nav-expand2 panel-button-arrow" ></span></button> <hr class="map-legend-border" /> <div class="map-legend-container collapse" id="legend-map"> <div id="legend-body-map">  </div> </div> </div>   <div id="select-map" class="select-map hidden"> <ul class="list-unstyled no-margin-bottom"> <li> <button class="btn btn-default btn-block btn-layer" data-id="select-map" data-select-map="layer-" data-focus-to="map">Route</button> </li> <li> <button class="btn btn-default btn-block btn-layer" data-id="select-map" data-select-map="layer-maptiler" data-focus-to="map">Satellite</button> </li> </ul> </div> </div>  <div id="modal-road-notfound" class="modal modal-message fade model-center" tabindex="-1" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <div class="modal-title h4">Le point sélectionné est en dehors de la zone</div> </div> <div class="modal-body"> Lieu non reconnu ou hors périmètre du site. Veuillez choisir un autre lieu. </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-action-link="hide-roadnotfound" data-dismiss="modal">Ok</button> </div> </div> </div> </div>   </div>  <button type="button" class="btn item-with-img btn-link button-third-panel hide-third-panel hidden hidden-sm hidden-xs " data-label-close="Fermer le panneau " data-label-open="Ouvrir le panneau" data-display-panel="third-panel"><span aria-hidden="true" class="item-img cw-transinfo cw-nav-next2 " ></span><span class="item-text hide-text-icon">Fermer le panneau </span></button> <div id="content-third-panel" class="content-third-panel JourneyPlanner hidden" tabindex="0"> <h1 class="sr-only">Localiser</h1> <div class="text-right"> <button type="button" class="btn btn-link btn-close no-padding" data-locate-btn="close"> <span class="item-text">Fermer</span> <span class="item-img btn-close-x" aria-hidden="true">×</span> </button> </div> <div data-result-locate-search="2" class="content-map-search-form"></div> <div class="alert alert-danger hidden" data-locate-message="autocomplete"> Saisie non reconnue. Passez par la liste d'auto-complétion. </div> <button data-action-click="map-center-point-locate" class="btn btn-primary btn-block btn-margin-bottom hidden-md hidden-lg">Voir sur la carte</button> <div data-waiting-locate="1"> <div class="animated-loader-container animated-loader-container-top "><div aria-live="assertive" class="animated-loader black"></div><div class="animated-loader-text"></div></div> </div> <div data-result-locate="1"></div> <div data-result-locate-list-vehicule-tracking="1" class="hidden"></div> <div data-result-locate-vehicule-tracking="1" class="hidden"></div> </div>  </main>  <div id="modal-infos-loader" class="modal fade model-center"> <div class="modal-dialog"> <div class="modal-content">  <div class="modal-body"> <div class="animated-loader-container animated-loader-container-top animated-loader-small"><div aria-live="assertive" class="animated-loader black"></div><div class="animated-loader-text"></div></div> </div> </div> </div> </div> <div class="modal fade " tabindex="-1" role="dialog" id="personal-realtime"> <div class="modal-dialog my-real-time-popup" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span><span class="hide-text-icon">Fermer</span> </button> <h1 class="modal-title">Mes infos en temps réel</h1> </div> <div class="modal-body" data-realtime="member"> <div class="animated-loader-container animated-loader-container-top animated-loader-medium"><div aria-live="assertive" class="animated-loader black"></div><div class="animated-loader-text">Veuillez patienter...</div></div> </div> </div> </div> </div> <footer id="footer" role="contentinfo" class="footer container-full full-screen" data-padding="1"> <ul class="footer-ul-inline"> <li class="hidden-xs dropup footer-share-list"> <button type="button" class="btn item-with-img dropdown-toggle icon-share" data-toggle="dropdown" aria-controls="footer-share" aria-expanded="false"><span aria-hidden="true" class="item-img cw-transinfo cw-social-share " ></span><span class="item-text no-decoration">Partager la page</span></button> <ul class="footer-share list-inline dropdown-menu" id="footer-share"> <li class="footer-share-items facebookLink"> <a href="//www.facebook.com/share.php?u=http%3a%2f%2fwww.triplinx.ca%2ffr%2fitineraires%2f4%2fJourneyPlanner" class="item-with-img " target="_blank" title="Partager cette page sur Facebook (nouvelle fenêtre)" data-section="4" data-share="facebook" data-format-url="//www.facebook.com/share.php?u=%URL%"><span aria-hidden="true" class="item-img cw-transinfo cw-social-facebook " ></span><span class="item-text hide-text-icon">Facebook</span></a> </li> <li class="footer-share-items twitterLink"> <a href="//twitter.com/share?url=http%3a%2f%2fwww.triplinx.ca%2ffr%2fitineraires%2f4%2fJourneyPlanner" class="item-with-img " target="_blank" title="Partager cette page dans mes Tweets (nouvelle fenêtre)" data-section="4" data-share="twitter" data-format-url="//twitter.com/share?url=%URL%"><span aria-hidden="true" class="item-img cw-transinfo cw-social-twitter " ></span><span class="item-text hide-text-icon">Twitter</span></a> </li> <li class="footer-share-items mailLink"> <a href="/fr/envoyer-par-mail/128/SendPage?url=http%3a%2f%2fwww.triplinx.ca%2ffr%2fitineraires%2f4%2fJourneyPlanner&section=4" class="item-with-img " title="Envoyer cette page par email" data-section="4" data-share="sendpage" data-format-url="/fr/envoyer-par-mail/128/SendPage?url=%URL%&section=%SECTION%"><span aria-hidden="true" class="item-img cw-transinfo cw-social-mail " ></span><span class="item-text hide-text-icon">Envoyer par email</span></a> </li> </ul> </li> <li class="footer-search-container"> <div role="search"> <form action="/fr/recherche/27" method="GET" id="SearchFormGlobal"> <label for="KeywordSearchGlobal" class="sr-only">Rechercher</label> <div class="input-group"> <input class="form-control" data-val="true" data-val-required="Champ obligatoire" id="KeywordSearchGlobal" name="q" placeholder="Recherche dans le site" type="search" value="" /> <span class="input-group-btn"> <button type="submit" class="btn item-with-img btn btn-primary" ><span aria-hidden="true" class="item-img cw-transinfo cw-toolbar-search2 " ></span><span class="item-text hide-text-icon">Lancer la recherche</span></button> </span> </div> <input data-val="true" data-val-required="The Submit field is required." id="submitsearch" name="Submit" type="hidden" value="True" /> </form> </div> </li> <li class="footer-menu-item"><a href="/fr/plan-du-site/69">Plan du site</a></li> <li class="footer-menu-item"> <span data-tutorial="step7"> <a href="/fr/aide-et-accessibilite/54">Aide et accessibilité</a> </span> </li> <li class="footer-menu-item"><a href="/fr/a-propos-de-triplinx/34">À propos de Triplinx</a></li> <li class="footer-menu-item"><a href="/fr/mentions-legales/1">Mentions légales</a></li> <li class="footer-menu-item no-after"><a href="/fr/communiquez-avec-nous/14/Contact">Communiquez avec nous</a></li> <li class="footer-menu-item li-tutorial"> <button type="button" class="btn item-with-img btn-link btn-tutorial" data-tutorial-start="start"><span aria-hidden="true" class="item-img cw-transinfo cw-alert-info2" ></span><span class="item-text ">Tutoriel</span></button> </li> </ul> </footer> </div> <script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.min.js"></script> <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=Promise"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Plugins/File/Base-vendor-638648204454529847.js" type="text/javascript"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Plugins/Base-638648204454529847.js" type="text/javascript"></script> <script src="/Scripts/Dynamic/fr/script-638648204454529847.js" type="text/javascript"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Plugins/Schedules-638648204454529847.js" type="text/javascript"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Plugins/Member-638648204454529847.js" type="text/javascript"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Plugins/JourneyPlanner-638648204454529847.js" type="text/javascript"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Plugins/Map-638648204454529847.js" type="text/javascript"></script> <script src="https://static.tr.mtx.cityway.ca/Scripts/Project/bundle-map-638648204454529847.js" type="text/javascript"></script> <script src="//www.google-analytics.com/analytics.js"></script> <script src="/Scripts/fr/Tutorial-on-638648204454529847.js" type="text/javascript"></script> <script type="text/javascript">function resetMapView(){cityWay.tools.isMapEnabled()&&(cityWay.responsive.getSize("screenSmMax")>$(window).width()&&cityWay.page.showMap(),cityWay.page.map.resetMapView())}function getMyLocation(n){navigator.geolocation&&($("#Keyword"+n).addClass("loading"),cityWay.tripPlanner.getLocation(n),$("#error"+n).is(":visible")&&($("#Keyword"+n).parent().children(".tt-dropdown-menu").css("display","none"),$("#Keyword"+n).removeClass("loading")))}function getMyLocation(n){navigator.geolocation&&($("#Keyword"+n).addClass("loading"),cityWay.tripPlanner.getLocation(n),$("#error"+n).is(":visible")&&($("#Keyword"+n).parent().children(".tt-dropdown-menu").css("display","none"),$("#Keyword"+n).removeClass("loading")))}function getMyLocation(n){navigator.geolocation&&($("#Keyword"+n).addClass("loading"),cityWay.tripPlanner.getLocation(n),$("#error"+n).is(":visible")&&($("#Keyword"+n).parent().children(".tt-dropdown-menu").css("display","none"),$("#Keyword"+n).removeClass("loading")))}window.ga&&ga.loaded&&(ga("create","UA-40226028-5","auto"),ga("set","forceSSL",!0),ga("send","pageview"));cityWay.tasks.loadFlyLeaf({url:cityWay.config.urls.flyLeaf,expires:cityWay.config.site.cookieExpirationTime.flyLeaf});$(function(){var t,i,n;cityWay.tools.isMapEnabled()&&(t=cityWay.consts.map.context.defaultContext,i=cityWay.mapFactory.get({mapId:"map",context:t}),cityWay.page.initMap(i),cityWay.eventManager.subscribe(cityWay.events.map.departureNodeDragged,function(n,t,i){cityWay.tripPlanner.dragPoint(n,t,i,"Dep")}),cityWay.eventManager.subscribe(cityWay.events.map.arrivalNodeDragged,function(n,t,i){cityWay.tripPlanner.dragPoint(n,t,i,"Arr")}),cityWay.eventManager.subscribe(cityWay.events.map.viaNodeDragged,function(n,t,i){cityWay.tripPlanner.dragPoint(n,t,i,"Via")}),cityWay.eventManager.subscribe(cityWay.events.map.departureSelected,function(n,t,i,r,u){cityWay.tripPlanner.selectedPoint(n,t,i,r,u,"Dep")}),cityWay.eventManager.subscribe(cityWay.events.map.arrivalSelected,function(n,t,i,r,u){cityWay.tripPlanner.selectedPoint(n,t,i,r,u,"Arr")}),cityWay.eventManager.subscribe(cityWay.events.map.viaSelected,function(n,t,i,r,u){cityWay.tripPlanner.displayVia();cityWay.tripPlanner.selectedPoint(n,t,i,r,u,"Via")}),cityWay.eventManager.subscribe(cityWay.events.map.locationSelected,function(n){$("body").toggleClass("wait");setTimeout(function(){window.location.href=encodeURI(cityWay.config.urls.nearBy+n.getId())},80)}),cityWay.eventManager.subscribe(cityWay.events.map.consultTimeToStopRequested,function(n){$("body").toggleClass("wait");setTimeout(function(){window.location.href=encodeURI(cityWay.config.urls.stopTimeTable+n.getId())},80)}));cityWay.eventManager.subscribe(cityWay.events.journeyPlanner.searchFormChanged,function(n,t,i){var r=n.replace("Keyword",""),u;r!="Locate"&&(cityWay.tools.isMapEnabled()?t?(u=cityWay.mapNodeFactory.createNodeFromAny(cityWay.page.map,t,!1),cityWay.tripPlanner.setPointOnMap(u,!0,r,!0),cityWay.tripPlanner.selectedPoint(u,t.Name,t.Locality.Name,u.getId(),t.Locality.Id,r,i)):(cityWay.tripPlanner.setPointOnMap(null,!0,r,!0),cityWay.tripPlanner.selectedPoint(null,"","","","",r,"")):cityWay.tripPlanner.selectedPoint(null,t.Name,t.Locality.Name,t.Id+"_"+t.TypePoint,t.Locality.Id,r,i),cityWay.tripPlanner.removeError(n),t.TypePoint==cityWay.pointType.address&&$.ajax(cityWay.config.urls.road+"?id="+t.Id+"&number="+i+"&inputName=Num"+r,{cache:!0,success:function(n){$("#warning-Num"+r).html(n)}}))});n=new cityWay.FavoriteManager;n.bindJourneyPlannerDropdown("[data-dropwdown-favorite='points']",{errorMessage:cityWay.texts.common.Point_DoesntExistAnymore,favoriteToggleUrl:cityWay.config.urls.favoritePointsToggle,favoriteErrorMessage:cityWay.texts.common.Error_UnexpectedError,dropDownTrigger:"[data-dropwdown-favorites-trigger='points']"});n.bindFavoritesJourneysDropdown("[data-dropwdown-favorite='journeys']",{textSelector:"Keyword",valueSelector:"Point",errorMessage:cityWay.texts.common.Point_DoesntExistAnymore,favoriteToggleUrl:cityWay.config.urls.favoriteJourneysToggle,favoriteErrorMessage:cityWay.texts.common.Error_UnexpectedError,dropDownTrigger:"[data-dropwdown-favorites-trigger='journeys']",typeDateCb:{get:function(){return $("[name=TypeDate]:checked").val()},set:function(n){!n||$("[name=TypeDate]").each(function(){$(this).val()==n?$(this).prop("checked",!0):$(this).prop("checked",!1)})}},algorithmCb:{get:function(){return $("#Algorithm").val()},set:function(n){!n||$("#Algorithm").val(n)}},viaDurationCb:{get:function(){return $("#DurationVia").val()},set:function(n){!n||$("#DurationVia").val(n)}}})});cityWay.responsive.resizePage();$("#personal-realtime").on("shown.bs.modal",function(){return $.ajax({url:cityWay.config.urls.myPersonalRealTime,type:"GET",dataType:"html",cache:!1,success:function(n){$("[data-realtime='member']").html(n)},erreur:function(){}})});$("#personal-realtime").on("hide.bs.modal",function(){$("[data-realtime='member']").html('<div class="animated-loader-container animated-loader-container-top animated-loader-medium"><div aria-live="assertive" class="animated-loader black"><\/div><div class="animated-loader-text">Veuillez patienter...<\/div><\/div>');cityWay.timeTables.resetMyNextDeparture();cityWay.tripalert.resetMyNextTrip()});$(document).ready(function(){$("[data-form='formLocate']").submit(function(n){locateManager.getInstance().locate($("#PointLocate").attr("value"),$("#search-locate").val());n.preventDefault()})});$(function(){cityWay.tripPlanner.setMode("search");window.pendingRequest=null;cityWay.tripPlanner.initForm();$("[data-reverse-point='active']").on("click",function(){cityWay.tripPlanner.reversePointDepArr($("[data-reverse-point='active']"))})});$(document).on("show.bs.modal","#trip-via-duration-modal",function(){$("#trip-via-duration-modal").appendTo("body")});$("body").on("click","[data-id='change-slider-value']",function(){$("[data-id='label-minute-popup']").html($("#MinuteValue").val());$("[data-id='label-minute-popup']").attr("data-value",$("#MinuteValue").val());$("#DurationVia").val($("#MinuteValue").val())});$("body").on("click","[data-id='cancel-slider-change']",function(){var n=$("[data-id='label-minute-popup']").attr("data-value");$("#sliderDurationVia").slider("setValue",n);$("#MinuteValue").val(n);$("[data-id='label-minute-popup']").html(n)});$.cookie("accessibiliteContactMessage")?$('[data-id="access-div"]').remove():(window.matchMedia("(min-width:"+cityWay.responsive.getSize("screenSmMin")+"px)").matches&&($('[data-id="access-content-label"]').html("Triplinx fonctionne le mieux avec Chrome et NVDA. Si vous éprouvez des difficultés en matière d’accessibilité,"),$('[data-id="access-content-endlabel"]').html("veuillez communiquer avec nous au moyen du formulaire de commentaires de Triplinx"),$('[data-id="access-content-arialabel"]').attr("aria-label","contactez nous avec le formulaire de contact Triplinx (nouvelle fenêtre)"),$('[data-id="access-btn-hide"]').removeAttr("role")),$('[data-id="access-btn-hide"]').click(function(){$.cookie("accessibiliteContactMessage","true",{path:"/",expires:30});$('[data-id="access-div"]').remove()}))</script> </body> </html>

CINXE.COM

Itinéraires - Formulaire de recherche - Triplinx.ca