1<!DOCTYPE html> 2 3<html lang="fr"> 4<head> 5 6 <title>TPN, vous transporter vers l'essentiel - Transports publics de la région de Nyon - TPN</title> 7 <meta charset="UTF-8"> 8 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10<meta name="language" content="fr"> 11 12 <link rel="canonical" href="https://www.bustpn.ch/"> 13 14 <!-- Quicksite meta tags --> 15<meta name="generator" content="CMS - Quicksite www.quicksite.ch"> 16<meta name="rating" content="General"> 17<meta name="resource-type" content="document"> 18<meta name="distribution" content="Global"> 19<!-- End --><meta name="description" content="Les Transports publics de la région de Nyon, votre partenaire mobilité dans la région. Connectes à la ligne NStCM et au réseau CFF, les bus des TPN vous accompagnent pour tous vos déplacements. "> 20<meta name="keywords" content="transport, transports publics, bus, loisirs, mobilité"> 21 22 <link rel="icon" href="/favicon.ico"> 23 24 <link rel="stylesheet" href="/data/Themes/tpn19/bootstrap/css/bootstrap.css" type="text/css" /> 25 26 <!-- Provisoirement dans tplHtmlHead, charger uniquement si edit-mode / ABR --> 27 <link href="/data/qs-edit.css" rel="stylesheet" /> 28 29 <!-- SLICK SLIDER --> 30 <link href="/data/Themes/tpn19/plugins/slick/slick.css" rel="stylesheet" media="screen"> 31 <link href="/data/Themes/tpn19/plugins/slick/slick-theme.css" rel="stylesheet" media="screen"> 32 33 34<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/SystemStyle.css?v5.4.0" /> 35<link rel="stylesheet" type="text/css" href="/data/Themes/tpn19/StyleCurrent.css?version=150937" /> 36<link rel="stylesheet" type="text/css" href="/data/calendar.css" /> 37<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/qsMenu.css" /> 38<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/quickbar.css" /> 39<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/thickbox.css" /> 40<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/dialog.css?v5.4.0" /> 41<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/alphapaging.css?v5.4.0" /> 42 <!-- var(CSSLink) --> 43 44<link rel="stylesheet" type="text/css" href="/qsPortal/Themes/Default/adminlighthome.css" /> 45 46 <!-- POPPER MUST BE INCLUDE BEFORE JQUERY --> 47
47<script src="/data/Themes/tpn19/plugins/popper/popper.js"></script>
47 48
48<script src="/data/Themes/tpn19/plugins/popper/popper-utils.js"></script>
48 49
50<script src="/qsPortal/Javascript/GetSessionVar.asp"></script>
vendor: 2 bytes, line 50
50
51<script src="/qsPortal/Javascript/jsFunctions.min.js"></script>
vendor: 2 bytes, line 51
51
52<script src="/qsPortal/Javascript/jQuery/jquery-1.10.2.min.js"></script>
vendor: 2 bytes, line 52
52
53<script src="/qsPortal/Javascript/jQuery/ajaxfileupload.min.js"></script>
vendor: 2 bytes, line 53
53
54<script src="/qsPortal/Javascript/qs.min.js"></script>
vendor: 2 bytes, line 54
54
55<script src="/data/Themes/tpn19/Bootstrap/js/bootstrap.min.js"></script>
55 56
56<script> 57 58 window.axeptioSettings = { 59 clientId: "6551d22bc2ce3708383233ae", 60 googleConsentMode: { 61 default: [ 62 { 63 analytics_storage: 'denied', 64 ad_storage: 'denied', 65 ad_user_data: 'denied', 66 ad_personalization: 'denied', 67 wait_for_update: 500, 68 }, 69 { 70 region: ['US'], 71 analytics_storage: 'granted', 72 ad_storage: 'granted', 73 ad_user_data: 'granted', 74 ad_personalization: 'granted', 75 wait_for_update: 500, 76 } 77 ] 78 } 79 }; 80 81 (function (d, s) { 82 var t = d.getElementsByTagName(s)[0], 83 e = d.createElement(s); 84 e.async = true; 85 e.src = "//static.axept.io/sdk.js"; 86 t.parentNode.insertBefore(e, t); 87 })(document, "script"); 88 89 function loadGoogleAnalyticsTag() { 90 const t = document.getElementsByTagName("script")[0]; 91 const e = document.createElement("script"); 92 e.async = true; 93 e.src = "https://www.googletagmanager.com/gtag/js?id=G-BS1TYWS1EX"; 94 t.parentNode.insertBefore(e, t); 95
vendor: 160 bytes, lines 95-102
95window.dataLayer = window.dataLayer || []; 96 97 function gtag() { 98 dataLayer.push(arguments); 99 } 100 101 gtag("js", new Date()); 102 gtag("config", "
102G-BS1TYWS1EX
vendor: 4 bytes, line 102
102");
102// Remplacer XXXXX par votre ID GA4 103 } 104 105 void 0 === window._axcb && (window._axcb = []); 106 window._axcb.push(function (axeptio) { 107 axeptio.on("cookies:complete", function (choices) { 108 if (choices.google_analytics) { 109 loadGoogleAnalyticsTag(); 110 } 111 }); 112 }); 113 114</script>
114 115 116
116<script type="text/javascript"> 117 //Complete the global session variables 118 gobjSessionVar.lngCurrentNodeFK = 444; 119 gobjSessionVar.lngCurrentMenuFK = -1; 120 gobjSessionVar.lngCurrentTopMenuFK = -1; 121 gobjSessionVar.lngCurrentPortal = 444; 122 gobjSessionVar.lngLayoutContextFK = 421; 123 gobjSessionVar.lngDevice = '1'; 124 //Hookup our own custom onLoad 125 126 127 </script>
127 128 129 <!--- CUSTOMIZED FOR BS4 TEMPLATE --> 130 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 131 132 <!--- CUSTOM FONTS --> 133 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesBoldCondensed-Italic.css" type="text/css" /> 134 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesBoldCondensed-Regular.css" type="text/css" /> 135 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesBold-Italic.css" type="text/css" /> 136 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesBold-Regular.css" type="text/css" /> 137 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesLightCondensed-Italic.css" type="text/css" /> 138 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesLightCondensed-Regular.css" type="text/css" /> 139 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesLight-Italic.css" type="text/css" /> 140 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesLight-Regular.css" type="text/css" /> 141 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesRegular.css" type="text/css" /> 142 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesRegularCondensed-Italic.css" type="text/css" /> 143 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesRegularCondensed-Regular.css" type="text/css" /> 144 <link rel="stylesheet" href="/data/Themes/tpn19/font/HermesRegular-Italic.css" type="text/css" /> 145 146 <!-- Font Awesome a été déplacée dans la StyleCurrent et chargée en local pour être inclue dans TiyMCE --> 147 <!-- script src="https://kit.fontawesome.com/5bf453b626.js" crossorigin="anonymous"></script --> 148 149 <!--- CUSTOMIZED FOR BS4 TEMPLATE FOOTER --> 150 <link rel="stylesheet" href="/data/Themes/tpn19/common/bsalertbox.css"> 151
151<script type="text/javascript" src="/data/themes/tpn19/js/qs.widget.bootstrap.js"></script>
151 152
152<script type="text/javascript" src="/data/Themes/tpn19/js/displaydialognode.js"></script>
152 153
153<script src="/data/swipebox/js/jquery.swipebox.js"></script>
153 154 <link rel="stylesheet" href="/data/swipebox/css/swipebox.css"> 155 156 <!-- NANOGALLERY2 --> 157 <link href="https://unpkg.com/[email protected]/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css"> 158
158<script type="text/javascript" src="https://unpkg.com/[email protected]/dist/jquery.nanogallery2.min.js"></script>
158 159 160 <!-- Meta Pixel Code --> 161
161<script>
vendor: 417 bytes, lines 161-170
161 162 !function(f,b,e,v,n,t,s) 163 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 164 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 165 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 166 n.queue=[];t=b.createElement(e);t.async=!0; 167 t.src=v;s=b.getElementsByTagName(e)[0]; 168 s.parentNode.insertBefore(t,s)}(window, document,'script', 169 'https://connect.facebook.net/en_US/fbevents.js'); 170 fbq('init', '
170895632685504987
vendor: 33 bytes, lines 170-172
170'); 171 fbq('track', 'PageView'); 172
172</script>
172 173 <noscript><img height="1" width="1" style="display:none" src=https://www.facebook.com/tr?id=895632685504987&ev=PageView&noscript=1 174 /></noscript> 175 <!-- End Meta Pixel Code --> 176 177 178</head><body id="body" class="tplHtmlBodyHome bodyLang3" data-spy="scroll" data-target=".navbar" data-offset="90"> 179 180 181 <div id="atop"></div> 182 183 <div class="mobile-sticky-header-overlay"></div> 184 185 <header class="qsContextMenu"> 186 187 <div class="header pt-3 mb-4"> 188 <div class="position-absolute container-fluid text-right"> 189 <a href="/trafic" class="btn btn-sm btn-white d-inline-block px-0 mr-1" style="width: 2.4rem;"> 190 <i class="fas fa-lock"></i> 191 </a> 192 <a href="https://www.facebook.com/NStCM.TPN" target="_blank" class="btn btn-dark btn-sm text-white d-none d-sm-inline-block px-0 mr-1" style="width: 2.4rem;"> 193 <i class="fab fa-facebook-f"></i> 194 </a> 195 <a href="https://www.instagram.com/nstcm.tpn/" target="_blank" class="btn btn-dark btn-sm text-white d-none d-sm-inline-block px-0 mr-1" style="width: 2.4rem;"> 196 <i class="fab fa-instagram"></i> 197 </a> 198 <a href="https://www.linkedin.com/company/nstcm-tpn/" target="_blank" class="btn btn-dark btn-sm text-white d-none d-sm-inline-block px-0 mr-1" style="width: 2.4rem;"> 199 <i class="fab fa-linkedin-in"></i> 200 </a> 201 <a href="https://www.nstcm.ch/" target="_blank" class="btn btn-danger btn-sm text-white d-inline-block"> 202 NStCM 203 </a> 204</div> 205 206<div class="container-fluid text-primary"> 207 208 <form id="top-search" action="/fr/rechercher" class="d-block" data-elasticsearch-project="tpn" data-elasticsearch-view="simple" data-elasticsearch-query="input.query" data-elasticsearch-result="#search-result-list"> 209 210 211 <div class="row align-items-end"> 212 213 <div class="logo col-4 col-sm-auto"> 214 <a href="/"> 215 <img src="/data/dataimages/upload/logo-tpn.svg" class="img-fluid" alt="VOUS TRANSPORTER VERS L'ESSENTIEL" /> 216 </a> 217 </div> 218 219 <div class="claim col-8 col-sm"> 220 <span>VOUS TRANSPORTER VERS L'ESSENTIEL</span> 221 </div> 222 223 224 <div class="search col col-sm-12 col-lg-4 col-xl-3 text-right mt-3"> 225 <div class="input-group"> 226 227 <input type="text" class="form-control bg-light border-0 query" id="strSearchCriterias" name="query" placeholder="Rechercher" value="" autocomplete="off" data-elasticsearch-fade="true" /> 228 229 <div class="input-group-append"> 230 <button class="btn btn-light" type="submit"><i class="fas fa-search"></i></button> 231 </div> 232 233 </div> 234 </div> 235 236 </div> 237 238 </form> 239 240</div> 241 </div> 242 243 <nav class="tplMenuHBootstrap navbar sticky-top navbar-dark navbar-expand-lg main-nav p-0"> 244 <div class="container-fluid bg-primary pr-xl-5"> 245 246 <button class="navbar-toggler ml-auto float-right border-0 text-white" type="button" data-toggle="collapse" data-target="#navbarContent" aria-expanded="false" aria-label="Toggle navigation"> 247 <span class="burger-menu icon-toggle"><i class="fa fa-bars"></i></span> 248 </button> 249 250 <div class="collapse navbar-collapse pb-5 pb-lg-0" id="navbarContent"> 251 <ul class="navbar-nav"> 252 253 254<li data-menuid="774" class="nav-item dropdown singleDropMenu"> 255 256 <a class="text-uppercase nav-link d-block show-touch d-lg-none dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/horaires-reseau" > 257 Horaires et réseau <span class="sr-only">(current)</span> 258 </a> 259 260 <a class="text-uppercase nav-link d-none hidden-touch d-lg-block " data-hover="dropdownHover" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/horaires-reseau" > 261 Horaires et réseau <span class="sr-only">(current)</span> 262 </a> 263 264 <ul class="row dropdown-menu dd_first"> 265 266 267 268 <li data-menuid="774" class="dropdown-menu-items d-lg-none d-xl-none"> 269 <a href="/fr/horaires-reseau" class="dropdown-menu-items-title">Horaires et réseau</a> 270 </li> 271 272 <li data-menuid="1313" class="dropdown-menu-items"> 273 <a href="/fr/horaires-reseau#a1269" class="dropdown-menu-items-title">Horaires</a> 274 275 </li> 276 277 <li data-menuid="1314" class="dropdown-menu-items"> 278 <a href="/fr/horaires-reseau#a1288" class="dropdown-menu-items-title">Informations trafic</a> 279 280 </li> 281 282 <li data-menuid="2366" class="dropdown-menu-items"> 283 <a href="/impacts" class="dropdown-menu-items-title">Travaux et manifestations</a> 284 285 </li> 286 287 <li data-menuid="1616" class="dropdown-menu-items"> 288 <a href="/n1285#acarte" class="dropdown-menu-items-title">Plan du réseau</a> 289 290 </li> 291 292 <li data-menuid="2161" class="dropdown-menu-items"> 293 <a href="/ch-fr" class="dropdown-menu-items-title">Lignes transfrontalières </a> 294 295 </li> 296 297 298</ul> 299 300 301 302</li> 303 304 305<li data-menuid="797" class="nav-item dropdown singleDropMenu"> 306 307 <a class="text-uppercase nav-link d-block show-touch d-lg-none dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/billets-abonnements" > 308 Billets et abonnements <span class="sr-only">(current)</span> 309 </a> 310 311 <a class="text-uppercase nav-link d-none hidden-touch d-lg-block " data-hover="dropdownHover" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/billets-abonnements" > 312 Billets et abonnements <span class="sr-only">(current)</span> 313 </a> 314 315 <ul class="row dropdown-menu dd_first"> 316 317 318 319 <li data-menuid="797" class="dropdown-menu-items d-lg-none d-xl-none"> 320 <a href="/fr/billets-abonnements" class="dropdown-menu-items-title">Billets et abonnements</a> 321 </li> 322 323 <li data-menuid="1331" class="dropdown-menu-items"> 324 <a href="/billets" class="dropdown-menu-items-title">Acheter son billet</a> 325 326 </li> 327 328 <li data-menuid="1330" class="dropdown-menu-items"> 329 <a href="/fr/billets-abonnements#a1507" class="dropdown-menu-items-title">Titres de transport</a> 330 331 </li> 332 333 <li data-menuid="1610" class="dropdown-menu-items"> 334 <a href="/fr/billet-sms" class="dropdown-menu-items-title">Billet SMS</a> 335 336 </li> 337 338 <li data-menuid="1611" class="dropdown-menu-items"> 339 <a href="/fr/conditions-generales-ventes-tarifaires" class="dropdown-menu-items-title">Conditions générales</a> 340 341 </li> 342 343 <li data-menuid="1612" class="dropdown-menu-items"> 344 <a href="/fr/conditions-generales-ventes-tarifaires#a1411" class="dropdown-menu-items-title">Politique de contrôle</a> 345 346 </li> 347 348 <li data-menuid="2040" class="dropdown-menu-items"> 349 <a href="/fr/N2010/vente-a-bord-et-mobicard.html" class="dropdown-menu-items-title">Vente à bord et MobiCard</a> 350 351 </li> 352 353 354</ul> 355 356 357 358</li> 359 360 361<li data-menuid="812" class="nav-item dropdown singleDropMenu"> 362 363 <a class="text-uppercase nav-link d-block show-touch d-lg-none dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/loisirs-tourisme" > 364 Loisirs et tourisme <span class="sr-only">(current)</span> 365 </a> 366 367 <a class="text-uppercase nav-link d-none hidden-touch d-lg-block " data-hover="dropdownHover" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/loisirs-tourisme" > 368 Loisirs et tourisme <span class="sr-only">(current)</span> 369 </a> 370 371 <ul class="row dropdown-menu dd_first"> 372 373 374 375 <li data-menuid="812" class="dropdown-menu-items d-lg-none d-xl-none">
376 <a href="/fr/loisirs-tourisme" class="dropdown-menu-items-title">Loisirs et tourisme</a> 377 </li> 378 379 <li data-menuid="1333" class="dropdown-menu-items"> 380 <a href="/fr/offres-loisirs-tourisme" class="dropdown-menu-items-title">Offres loisirs et tourisme</a> 381 382 </li> 383 384 <li data-menuid="1332" class="dropdown-menu-items"> 385 <a href="/fr/infos-region" class="dropdown-menu-items-title">Infos de la région</a> 386 387 </li> 388 389 <li data-menuid="1334" class="dropdown-menu-items"> 390 <a href="/fr/billets-nationaux-internationaux" class="dropdown-menu-items-title">Billets nationaux et internationaux</a> 391 392 </li> 393 394 395</ul> 396 397 398 399</li> 400 401 402<li data-menuid="810" class="nav-item dropdown singleDropMenu"> 403 404 <a class="text-uppercase nav-link d-block show-touch d-lg-none dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/solutions-mobilite" > 405 Solutions de mobilité <span class="sr-only">(current)</span> 406 </a> 407 408 <a class="text-uppercase nav-link d-none hidden-touch d-lg-block " data-hover="dropdownHover" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/solutions-mobilite" > 409 Solutions de mobilité <span class="sr-only">(current)</span> 410 </a> 411 412 <ul class="row dropdown-menu dd_first"> 413 414 415 416 <li data-menuid="810" class="dropdown-menu-items d-lg-none d-xl-none"> 417 <a href="/fr/solutions-mobilite" class="dropdown-menu-items-title">Solutions de mobilité</a> 418 </li> 419 420 <li data-menuid="1337" class="dropdown-menu-items"> 421 <a href="/fr/clientele-commerciale" class="dropdown-menu-items-title">Clientèle commerciale</a> 422 423 </li> 424 425 <li data-menuid="1336" class="dropdown-menu-items"> 426 <a href="/fr/transport-demande" class="dropdown-menu-items-title">Transport à la demande</a> 427 428 </li> 429 430 <li data-menuid="2395" class="dropdown-menu-items"> 431 <a href="/fr/N2394/reservations-de-groupe-nstcm.ch.html" target="_blank" class="dropdown-menu-items-title">Réservations de groupe (nstcm.ch)</a> 432 433 </li> 434 435 436</ul> 437 438 439 440</li> 441 442 443<li data-menuid="803" class="nav-item dropdown singleDropMenu"> 444 445 <a class="text-uppercase nav-link d-block show-touch d-lg-none dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/contact-service-clients" > 446 Service clients <span class="sr-only">(current)</span> 447 </a> 448 449 <a class="text-uppercase nav-link d-none hidden-touch d-lg-block " data-hover="dropdownHover" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/contact-service-clients" > 450 Service clients <span class="sr-only">(current)</span> 451 </a> 452 453 <ul class="row dropdown-menu dd_first"> 454 455 456 457 <li data-menuid="803" class="dropdown-menu-items d-lg-none d-xl-none"> 458 <a href="/fr/contact-service-clients" class="dropdown-menu-items-title">Service clients</a> 459 </li> 460 461 <li data-menuid="1326" class="dropdown-menu-items"> 462 <a href="https://www.bustpn.ch/fr/contact-service-clients#OT" class="dropdown-menu-items-title">Objets trouvés</a> 463 464 </li> 465 466 <li data-menuid="1329" class="dropdown-menu-items"> 467 <a href="/fr/contact-service-clients#a1432" class="dropdown-menu-items-title">Contactez-nous</a> 468 469 </li> 470 471 <li data-menuid="1324" class="dropdown-menu-items"> 472 <a href="/fr/informations-pratiques" class="dropdown-menu-items-title">Informations pratiques</a> 473 474 </li> 475 476 <li data-menuid="2400" class="dropdown-menu-items"> 477 <a href="/handicap" class="dropdown-menu-items-title">Voyager avec un handicap</a> 478 479 </li> 480 481 <li data-menuid="2247" class="dropdown-menu-items"> 482 <a href="/billets#a1750" class="dropdown-menu-items-title">Centre clientèle</a> 483 484 </li> 485 486 487</ul> 488 489 490 491</li> 492 493 494<li data-menuid="1315" class="nav-item d-none dropdown singleDropMenu"> 495 496 <a class="text-uppercase nav-link d-block show-touch d-lg-none dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/N1526/entreprise-et-groupe.html" > 497 Entreprise et groupe <span class="sr-only">(current)</span> 498 </a> 499 500 <a class="text-uppercase nav-link d-none hidden-touch d-lg-block " data-hover="dropdownHover" role="button" aria-haspopup="true" aria-expanded="false" href="/fr/N1526/entreprise-et-groupe.html" > 501 Entreprise et groupe <span class="sr-only">(current)</span> 502 </a> 503 504 <ul class="row dropdown-menu dd_first"> 505 506 507 508 <li data-menuid="1315" class="dropdown-menu-items d-lg-none d-xl-none"> 509 <a href="/fr/N1526/entreprise-et-groupe.html" class="dropdown-menu-items-title">Entreprise et groupe</a> 510 </li> 511 512 <li data-menuid="1316" class="dropdown-menu-items"> 513 <a href="/fr/presentation-entreprise" class="dropdown-menu-items-title">Présentation</a> 514 515 </li> 516 517 <li data-menuid="1317" class="dropdown-menu-items"> 518 <a href="/fr/historique" class="dropdown-menu-items-title">Historique</a> 519 520 </li> 521 522 <li data-menuid="1318" class="dropdown-menu-items"> 523 <a href="/fr/missions-engagements" class="dropdown-menu-items-title">Missions et engagement</a> 524 525 </li> 526 527 <li data-menuid="1319" class="dropdown-menu-items"> 528 <a href="/emploi" class="dropdown-menu-items-title">Emploi</a> 529 530 </li> 531 532 <li data-menuid="1320" class="dropdown-menu-items"> 533 <a href="/fr/medias" class="dropdown-menu-items-title">Médias</a> 534 535 </li> 536 537 <li data-menuid="1322" class="dropdown-menu-items"> 538 <a href="/fr/securite-reglementation" class="dropdown-menu-items-title">Sécurité et réglementation</a> 539 540 </li> 541 542 543</ul> 544 545 546 547</li> 548 549 550 551 </ul> 552 </div> 553 554 </div> 555</nav>
555<script>var activeItems = [];</script>
555 556 557 <section class="ambiance cover qs-edit-page qs-edit-vertical position-center-40" style="background-image:url('/data/dataimages/Upload/thumbnails/zoom__MG_8622.jpg');"> 558 559 <div class="container"> 560 <div class="row"> 561 <div class="col offset-md-6 text-right"> 562 563 564<h2 class="tplDphHomeLinks d-inline-block h5 text-right"> 565 <div class="tplDphHomeLinks qs-edit-in qs-edit-inline qs-edit" ></div> 566</h2> 567 </div> 568 </div> 569 </div> 570 571 </section> 572 573 <section class="tools"> 574 575 <form action="https://www.sbb.ch/fr/acheter/pages/fahrplan/fahrplan.xhtml" name="formular" method="get" target="_blank"> 576 <div class="container"> 577 578 <div class="row"> 579 580 581 <div class="col-md-6 mb-4 mb-md-0"> 582 <div class="card shadow border-0 h-100"> 583 <div class="card-header border-0 bg-transparent pt-4 pb-0"> 584 <h3 class="h5 text-primary text-uppercase">Votre itinéraire</h3> 585 </div> 586 587 <div class="card-body"> 588 589 <input type="hidden" name="queryPageDisplayed" value="yes"> 590 591 <div class="row no-gutters"> 592 593 <div class="col"> 594 595 <div class="input-group mb-2"> 596 <div class="input-group-prepend"> 597 <label class="input-group-text border-light bg-light text-primary">De</label> 598 </div> 599 <input type="text" class="form-control border-light bg-light" name="von"> 600 <!-- select class="custom-select border-light bg-light"> 601 <option selected>...</option> 602 <option value="1">Votre position</option> 603 <option value="2">Nyon, Gare</option> 604 <option value="3">Châtaigneriaz</option> 605 </select --> 606 </div> 607 608 <div class="input-group mb-2"> 609 <div class="input-group-prepend"> 610 <span class="input-group-text border-light bg-light text-primary">A</span> 611 </div> 612 <input type="text" class="form-control border-light bg-light" name="nach"> 613 </div> 614 615 </div> 616 617 <div class="col-2 col-lg-1 align-self-center text-right"> 618 <div><i class="fas fa-bus" style="font-size: 24px;"></i></div> 619 <!--a href="#inverse"><i class="fas fa-arrows-v fa-2x"></i></a --> 620 </div> 621 622 </div> 623 624 <div class="row align-items-center mt-3"> 625 626 <div class="col-10 col-lg-6"> 627 <div class="input-group mb-2"> 628 <div class="input-group-prepend"> 629 <div class="input-group-text border-light bg-light text-primary"><i class="fas fa-calendar-alt"></i></div> 630 </div> 631 <input name="datum-input" id="REQ0JourneyDate" type="date" value="" accesskey="d" class="form-control border-light bg-light" placeholder=""> 632 </div> 633 <input name="datum" type="hidden" /> 634 </div> 635 636 <div class="col-2 d-lg-none"> 637 </div> 638 639 <div class="col-10 col-lg-5"> 640 <div class="input-group mb-2"> 641 <div class="input-group-prepend"> 642 <div class="input-group-text border-light bg-light text-primary"><i class="fas fa-clock"></i></div> 643 </div> 644 <input type="text" class="form-control border-light bg-light" placeholder="hh:mm" name="zeit" maxlength="5" /> 645 </div> 646 </div> 647 648 <div class="col-2"> 649 </div> 650 651 </div> 652 653 <div class="custom-control custom-switch mb-2 mt-3"> 654 <input type="checkbox" name="an" class="custom-control-input" value="true" id="switch-an"> 655 <label class="custom-control-label text-muted" for="switch-an"><span class="text-primary">Départ</span> / Arrivée</label> 656 </div> 657 658 </div> 659 660 <div class="card-footer border-0 bg-transparent text-center mb-4 pt-0"> 661 <button type="submit" name="start" class="btn btn-primary text-white text-uppercase">Recherchez <i class="fas fa-arrow-circle-right ml-2"></i></button> 662 </div> 663 664 665 </div> 666 </div> 667 668 <div class="col-md-6 col-xl-6"> 669 <div class="tplDphTraficLines h-100"> 670 <div class="card shadow border-0 h-100"> 671 <div class="card-header border-0 bg-transparent pt-4 pb-0"> 672 <h3 class="h5 text-primary text-uppercase">Informations trafic</h3>
673 </div> 674 <div class="card-body"> 675 <div class="row h-100 no-gutters"> 676 677 <div class="col col-md-3 col-lg-auto text-center"> 678 <a href="/ligne803#atrafic" title="Ligne 803" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 679 680"><span class="align-self-center">803</span></a> 681 </div> 682 683 <div class="col col-md-3 col-lg-auto text-center"> 684 <a href="/ligne804#atrafic" title="Ligne 804" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 685 686"><span class="align-self-center">804</span></a> 687 </div> 688 689 <div class="col col-md-3 col-lg-auto text-center"> 690 <a href="/ligne805#atrafic" title="Ligne 805" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 691 692"><span class="align-self-center">805</span></a> 693 </div> 694 695 <div class="col col-md-3 col-lg-auto text-center"> 696 <a href="/ligne810#atrafic" title="Ligne 810" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 697 698"><span class="align-self-center">810</span></a> 699 </div> 700 701 <div class="col col-md-3 col-lg-auto text-center"> 702 <a href="/ligne811#atrafic" title="Ligne 811" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 text-white line811" 703 704 data-toggle="popover" 705 data-trigger="hover" 706 data-content="<p>du 20.04.2026 à 04:00 et jusqu'à nouvel avis</p><p>Crans VD, village - direction Coppet, gare déplacé</p>" 707 708"><span class="align-self-center">811</span></a> 709 </div> 710 711 <div class="col col-md-3 col-lg-auto text-center"> 712 <a href="/ligne813#atrafic" title="Ligne 813" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 text-white line813" 713 714 data-toggle="popover" 715 data-trigger="hover" 716 data-content="<p>du 23.09.25 au 12.12.26, du début à la fin des services</p><p>Desserte modifié - Chavannes-de-B., centre commercial</p>" 717 718"><span class="align-self-center">813</span></a> 719 </div> 720 721 <div class="col col-md-3 col-lg-auto text-center"> 722 <a href="/ligne814#atrafic" title="Ligne 814" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 723 724"><span class="align-self-center">814</span></a> 725 </div> 726 727 <div class="col col-md-3 col-lg-auto text-center"> 728 <a href="/ligne815#atrafic" title="Ligne 815" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 text-white line815" 729 730 data-toggle="popover" 731 data-trigger="hover" 732 data-content="<p>dès le 16.02.2026 à 04:30 et jusqu'à nouvel avis</p><p>Eysins, Terre-Bonne nord déplacé</p>" 733 734"><span class="align-self-center">815</span></a> 735 </div> 736 737 <div class="col col-md-3 col-lg-auto text-center"> 738 <a href="/ligne818#atrafic" title="Ligne 818" class="btn btn-light d-flex bg-line border-0 justify-content-center mb-2 mr-2 ml-2 739 740"><span class="align-self-center">818</span></a> 741 </div> 742 743 <div class="col-12 align-self-end text-center mt-2"> 744 <a href="/info-trafic" class="btn btn-primary mb-3 text-white text-uppercase">Plus d'infos <i class="fas fa-arrow-circle-right ml-2"></i></a> 745 </div> 746 </div> 747 </div> 748 </div> 749</div> 750 </div> 751 752 </div> 753 754 </div> 755 756 </section> 757 758
758<script type="text/javascript"> 759 760 jQuery(function(){ 761 jQuery('form[name=formular]').on('submit', function() { 762 date = jQuery('input[name=datum-input]').val(); 763 jQuery('input[name=datum]').val(date.split('-').reverse().join('.')); 764 }) 765 }); 766 767 </script>
767 768 769 770 771 </form> 772 773 </header> 774 775 <main role="main"> 776 777 <section class="tplListDetail position-center-40" id="a444"> 778 779 780 781 <section class="tplSection2colonnes qs-edit-right qs-edit-in bg-extra-light" id="a2535"> 782 783 <div class="container-body"> 784 785 786 787 <div class="container-fluid"> 788 789 <div class="row"> 790 791 792 <div class="col-lg-6 pb-4" > 793 794 <h3 class="h5">Travaux et manifestations</h3> 795 796 <div style="display: flex; align-items: center; gap: 15px; background: #ffffff; border-radius: 16px; padding: 16px 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: Arial, Helvetica, sans-serif; flex-wrap: wrap;"> 797<div style="display: flex; align-items: center; gap: 15px; flex: 1; min-width: 0;"><img src="/data/dataimages/Upload/IV/travaux.svg" alt="Travaux" style="width: 40px; height: 40px; flex-shrink: 0;" /> <img src="/data/dataimages/Upload/IV/info.svg" alt="Info" style="width: 40px; height: 40px; flex-shrink: 0;" /> 798<div style="flex: 1; min-width: 0;"> 799<div style="font-size: 18px; font-weight: bold; color: #222; line-height: 1.2;">Travaux & manifestations</div> 800<div style="font-size: 16px; color: #444; margin-top: 4px; line-height: 1.4;">Retrouvez toutes les informations sur <strong> <a href="https://www.bustpn.ch/impacts" style="color: #014b7b; text-decoration: none;"> bustpn.ch/impacts </a> </strong></div> 801</div> 802</div> 803<a href="https://www.bustpn.ch/impacts" style="background: #014B7B; color: #ffffff; padding: 10px 16px; border-radius: 999px; font-size: 14px; font-weight: bold; text-decoration: none; white-space: nowrap; transition: 0.2s; flex-shrink: 0;" onmouseover="this.style.background='#01365a'" onmouseout="this.style.background='#014B7B'"> En savoir plus </a></div> 804 </div> 805 806 807 </div> 808 809 </div> 810 811 </div> 812 813</section> 814 815 816 817 818 819 <section class="tplSectionLines qs-edit-right qs-edit-in" id="a1286"> 820 821 <div class="container-body"> 822 823 <h2 class="d-inline-block bg-primary text-white py-3 pr-5 rounded-right h4 mb-5 text-uppercase">Horaires</h2> 824 <div class="container-fluid"> 825 <div class="row"> 826 827 828 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 829 <div class="card bg-light border-0 h-100 line803 qs-edit-sm qs-edit-out" > 830 <div class="card-body py-0"> 831 832 <table class="table table-borderless m-0"> 833 <tbody> 834 <tr> 835 <td class="col-auto px-0 py-3 align-middle"> 836 <a href="/ligne803#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>803</b></span></a> 837 </td> 838 <td class="col p-0 align-middle"> 839 <a href="/ligne803#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Petite Prairie<span class="tiret"> - </span>Gare<span class="tiret"> - </span>Colovray</a> 840 </td> 841 </tr> 842 </tbody> 843 </table> 844 845 </div> 846 </div> 847 </div> 848 849 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 850 <div class="card bg-light border-0 h-100 line804 qs-edit-sm qs-edit-out" > 851 <div class="card-body py-0"> 852 853 <table class="table table-borderless m-0"> 854 <tbody> 855 <tr> 856 <td class="col-auto px-0 py-3 align-middle"> 857 <a href="/ligne804#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>804</b></span></a> 858 </td> 859 <td class="col p-0 align-middle"> 860 <a href="/ligne804#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Chantemerle<span class="tiret"> - </span>La Levratte<span class="tiret"> - </span>Gare<span class="tiret"> - </span>Terre-Bonne</a> 861 </td> 862 </tr> 863 </tbody> 864 </table> 865 866 </div> 867 </div> 868 </div> 869 870 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 871 <div class="card bg-light border-0 h-100 line805 qs-edit-sm qs-edit-out" > 872 <div class="card-body py-0"> 873 874 <table class="table table-borderless m-0"> 875 <tbody> 876 <tr> 877 <td class="col-auto px-0 py-3 align-middle"> 878 <a href="/ligne805#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>805</b></span></a> 879 </td> 880 <td class="col p-0 align-middle"> 881 <a href="/ligne805#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Nyon, gare<span class="tiret"> - </span>Prangins</a> 882 </td> 883 </tr> 884 </tbody> 885 </table> 886 887 </div> 888 </div> 889 </div> 890 891 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 892 <div class="card bg-light border-0 h-100 line810 qs-edit-sm qs-edit-out" > 893 <div class="card-body py-0"> 894 895 <table class="table table-borderless m-0"> 896 <tbody> 897 <tr> 898 <td class="col-auto px-0 py-3 align-middle"> 899 <a href="/ligne810#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>810</b></span></a> 900 </td> 901 <td class="col p-0 align-middle"> 902 <a href="/ligne810#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Nyon<span class="tiret"> - </span>Crassier<span class="tiret"> - </span>La Rippe</a> 903 </td> 904 </tr> 905 </tbody> 906 </table> 907 908 </div> 909 </div> 910 </div> 911 912 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 913 <div class="card bg-light border-0 h-100 line811 qs-edit-sm qs-edit-out" > 914 <div class="card-body py-0"> 915 916 <table class="table table-borderless m-0"> 917 <tbody> 918 <tr> 919 <td class="col-auto px-0 py-3 align-middle"> 920 <a href="/ligne811#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>811</b></span></a> 921 </td> 922 <td class="col p-0 align-middle"> 923 <a href="/ligne811#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Coppet<span class="tiret"> - </span>Nyon<span class="tiret"> - </span>Gland</a> 924 </td> 925 </tr> 926 </tbody> 927 </table> 928 929 </div> 930 </div> 931 </div> 932 933 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 934 <div class="card bg-light border-0 h-100 line813 qs-edit-sm qs-edit-out" > 935 <div class="card-body py-0"> 936 937 <table class="table table-borderless m-0"> 938 <tbody> 939 <tr> 940 <td class="col-auto px-0 py-3 align-middle"> 941 <a href="/ligne813#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>813</b></span></a> 942 </td> 943 <td class="col p-0 align-middle"> 944 <a href="/ligne813#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Crassier<span class="tiret"> - </span>Coppet<span class="tiret"> - </span>Chavannes-des-Bois</a> 945 </td> 946 </tr> 947 </tbody> 948 </table> 949 950 </div> 951 </div> 952 </div> 953 954 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 955 <div class="card bg-light border-0 h-100 line814 qs-edit-sm qs-edit-out" > 956 <div class="card-body py-0"> 957 958 <table class="table table-borderless m-0"> 959 <tbody> 960 <tr> 961 <td class="col-auto px-0 py-3 align-middle"> 962 <a href="/ligne814#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>814</b></span></a> 963 </td> 964 <td class="col p-0 align-middle"> 965 <a href="/ligne814#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Coppet <span class="tiret"> - </span> Divonne-les-Bains</a> 966 </td> 967 </tr> 968 </tbody> 969 </table> 970 971 </div> 972 </div> 973 </div> 974 975 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 976 <div class="card bg-light border-0 h-100 line815 qs-edit-sm qs-edit-out" > 977 <div class="card-body py-0"> 978 979 <table class="table table-borderless m-0"> 980 <tbody> 981 <tr> 982 <td class="col-auto px-0 py-3 align-middle"> 983 <a href="/ligne815#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>815</b></span></a> 984 </td> 985 <td class="col p-0 align-middle"> 986 <a href="/ligne815#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Nyon<span class="tiret"> - </span>Gingins</a> 987 </td> 988 </tr> 989 </tbody> 990 </table> 991 992 </div> 993 </div> 994 </div> 995 996 <div class="col-md-6 col-xl-4 col-xxl-3 mb-4"> 997 <div class="card bg-light border-0 h-100 line818 qs-edit-sm qs-edit-out" > 998 <div class="card-body py-0"> 999 1000 <table class="table table-borderless m-0"> 1001 <tbody> 1002 <tr> 1003 <td class="col-auto px-0 py-3 align-middle"> 1004 <a href="/ligne818#anavlines" class="btn btn-dark d-flex bg-line text-white border-0 justify-content-center mr-3"><span class="align-self-center"><b>818</b></span></a> 1005 </td> 1006 <td class="col p-0 align-middle"> 1007 <a href="/ligne818#anavline" class="btn btn-link stretched-link text-left text-dark"><!-- ici -->Nyon<span class="tiret"> - </span>Divonne-les-Bains<span class="tiret"> - </span>Gex</a> 1008 </td> 1009 </tr> 1010 </tbody> 1011 </table> 1012 1013 </div> 1014 </div> 1015 </div> 1016 1017 1018 </div> 1019 1020 </div> 1021 1022 </div> 1023 1024</section> 1025 1026 1027 1028
1029 1030 <section class="tplSectionCards polygon-up bg-primary qs-edit-right qs-edit-in" id="a1283"> 1031 1032 <div class="container-body"> 1033 1034 <div class="container"> 1035 1036 <h2 class="py-3 h4 text-uppercase">Les actualités</h2> 1037 1038 <div class="row"> 1039 1040 1041 <div class="col-12 col-md-6 col-xl-4 mb-4"> 1042 <div class="card border-0 h-100 line qs-edit-sm qs-edit-out shadow" > 1043 <div class="card-image embed-responsive embed-responsive-16by9"> 1044 <div class="embed-responsive-item bg-light cover " style="background-image:url('/data/dataimages/Upload/thumbnails/detail_en_tete_2026.png');"></div> 1045 </div> 1046 <div class="card-body"> 1047 1048 <h3 class="h6 text-primary">Nouvelle offre 2026</h3> 1049 En décembre 2026, les transports publics changent leurs horaires!<BR><BR><b>Cliquez ici pour découvrez toutes les nouveautés sur notre réseau.</b> 1050 </div> 1051 <div class="card-footer bg-transparent border-0"> 1052 <a href="/2026" class="btn btn-link text-uppercase stretched-link" ><small>Plus d'informations</small><i class="fas fa-arrow-circle-right ml-2" aria-hidden="true"></i></a> 1053 </div> 1054 </div> 1055 </div> 1056 1057 1058 </div> 1059 1060 <!-- _if(tblHieraXML(/nodeProperties/SearchProperties/strParentNode) != "") --> 1061 <p class="text-right"> 1062 <a href="/n5" class="btn btn-lg btn-primary text-uppercase"> 1063 <small>Plus d'actualités</small> <i class="fas fa-arrow-circle-right ml-2" aria-hidden="true"></i> 1064 </a> 1065 </p> 1066 <!-- _endif --> 1067 1068 </div> 1069 1070 </div> 1071 1072</section> 1073 1074 1075 1076 1077 1078 <section class="tplSection2colonnes qs-edit-right qs-edit-in bg-extra-light" id="a2281"> 1079 1080 <div class="container-body"> 1081 1082 1083 1084 <div class="container-fluid"> 1085 1086 <div class="row"> 1087 1088 1089 <div class="col-lg-6 pb-4" > 1090 1091 <h2>Découvrez les métiers du NStCM et des TPN!</h2> 1092<h6><a href="https://www.bustpn.ch/emploi"><span style="text-decoration: underline;">Plus d'informations sur notre page Emploi</span></a></h6> 1093 </div> 1094 1095 <div class="col-lg-6 pb-4" > 1096 1097 <div style="width: 90%; margin-left: 5%; position: relative; padding-bottom: 56.25%;"><iframe width="100%" height="100%" style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;" frameborder="0" allowfullscreen="1" allow="autoplay" src="https://www.youtube.com/embed/gGD1wJMDHQs?mute=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=gGD1wJMDHQs"></iframe></div> 1098 </div> 1099 1100 1101 </div> 1102 1103 </div> 1104 1105 </div> 1106 1107</section> 1108 1109 1110 1111 1112 1113 <section class="tplSectionCards qs-edit-right qs-edit-in" id="a1882"> 1114 1115 <div class="container-body"> 1116 1117 <div class="container"> 1118 1119 <h2 class="py-3 h4 text-uppercase">Les offres spéciales</h2> 1120 1121 <div class="row"> 1122 1123 1124 <div class="col-12 col-md-6 col-xl-4 mb-4"> 1125 <div class="card border-0 h-100 line qs-edit-sm qs-edit-out shadow" > 1126 <div class="card-image embed-responsive embed-responsive-16by9"> 1127 <div class="embed-responsive-item bg-light cover " style="background-image:url('/data/dataimages/Upload/thumbnails/detail_zoom_carnet10.png');"></div> 1128 </div> 1129 <div class="card-body"> 1130 1131 <h3 class="h6 text-primary">Carnet de 10 tickets</h3> 1132 1133 </div> 1134 <div class="card-footer bg-transparent border-0"> 1135 <a href="/fr/N1353/carnet-de-10-tickets.html" class="btn btn-link text-uppercase stretched-link" ><small>Plus d'informations</small><i class="fas fa-arrow-circle-right ml-2" aria-hidden="true"></i></a> 1136 </div> 1137 </div> 1138 </div> 1139 1140 1141 </div> 1142 1143 <!-- _if(tblHieraXML(/nodeProperties/SearchProperties/strParentNode) != "") --> 1144 <p class="text-right"> 1145 <a href="/n1350" class="btn btn-lg btn-primary text-uppercase"> 1146 <small>Voir toutes les offres</small> <i class="fas fa-arrow-circle-right ml-2" aria-hidden="true"></i> 1147 </a> 1148 </p> 1149 <!-- _endif --> 1150 1151 </div> 1152 1153 </div> 1154 1155</section> 1156 1157 1158 1159
1160 1161 <section class="tplSectionCardsImages3col qs-edit-right qs-edit-in" id="a2328"> 1162 1163 <div class="container-body pb-0"> 1164 1165 1166 1167 <div class="container-fluid-"> 1168 1169 1170 <div class="row no-gutters"> 1171 1172 1173 <div class="col-md-4"> 1174 <div class="card border-0 h-100 bg-light qs-edit-in qs-edit-index" > 1175 <div class="card-image embed-responsive embed-responsive-16by9"> 1176 <div class="embed-responsive-item cover " style="background-image: url('/data/dataimages/Upload/Galleries/thumbnails/zoom_TPN_Photo_208-02-19_06.JPG');"> 1177 1178 <a href="/fr/billets-abonnements" class="d-block h4 p-5 p-md-3 p-lg-5 text-white text-shadow text-uppercase stretched-link align-middle filter h-100"> 1179 Billets & abonnements 1180 </a> 1181 1182 </div> 1183 </div> 1184 </div> 1185 </div> 1186 1187 <div class="col-md-4"> 1188 <div class="card border-0 h-100 bg-light qs-edit-in qs-edit-index" > 1189 <div class="card-image embed-responsive embed-responsive-16by9"> 1190 <div class="embed-responsive-item cover " style="background-image: url('/data/dataimages/Upload/thumbnails/zoom_nyon_colonnes8_web_banner.png');"> 1191 1192 <a href="/fr/loisirs-tourisme" class="d-block h4 p-5 p-md-3 p-lg-5 text-white text-shadow text-uppercase stretched-link align-middle filter h-100"> 1193 Découvrez nos offres loisirs et tourisme 1194 </a> 1195 1196 </div> 1197 </div> 1198 </div> 1199 </div> 1200 1201 <div class="col-md-4"> 1202 <div class="card border-0 h-100 bg-light qs-edit-in qs-edit-index" > 1203 <div class="card-image embed-responsive embed-responsive-16by9"> 1204 <div class="embed-responsive-item cover " style="background-image: url('/data/dataimages/Upload/thumbnails/zoom_Fotolia_101594360_L.jpg');"> 1205 1206 <a href="/emploi" class="d-block h4 p-5 p-md-3 p-lg-5 text-white text-shadow text-uppercase stretched-link align-middle filter h-100"> 1207 Rejoignez nos équipes 1208 </a> 1209 1210 </div> 1211 </div> 1212 </div> 1213 </div> 1214 1215 1216 </div> 1217 1218 </div> 1219 1220 </div> 1221 1222</section> 1223 1224 1225 1226 1227 1228</section> 1229 1230 </main> 1231 1232 <footer class="text-white pt-5 pb-2"> 1233 1234 <div class="container-fluid pagefooter mb-5"> 1235 <div class="row pb-5"> 1236 1237 <div class="col-6 col-sm-4 col-xl-2 tplDphMenuFooter mb-4"> 1238 <a href="/fr/horaires-reseau" class="d-block text-white"><small><b>Horaires et réseau</b></small></a> 1239 1240 <a href="/fr/horaires-reseau#a1269" class="d-block text-white"><small>Horaires</small></a> 1241 1242 <a href="/fr/horaires-reseau#a1288" class="d-block text-white"><small>Informations trafic</small></a> 1243 1244 <a href="/impacts" class="d-block text-white"><small>Travaux et manifestations</small></a> 1245 1246 <a href="/n1285#acarte" class="d-block text-white"><small>Plan du réseau</small></a> 1247 1248 <a href="/ch-fr" class="d-block text-white"><small>Lignes transfrontalières </small></a> 1249 1250 1251 </div> 1252 1253 <div class="col-6 col-sm-4 col-xl-2 tplDphMenuFooter mb-4"> 1254 <a href="/fr/billets-abonnements" class="d-block text-white"><small><b>Billets et abonnements</b></small></a> 1255 1256 <a href="/billets" class="d-block text-white"><small>Acheter son billet</small></a> 1257 1258 <a href="/fr/billets-abonnements#a1507" class="d-block text-white"><small>Titres de transport</small></a> 1259 1260 <a href="/fr/billet-sms" class="d-block text-white"><small>Billet SMS</small></a> 1261 1262 <a href="/fr/conditions-generales-ventes-tarifaires" class="d-block text-white"><small>Conditions générales</small></a> 1263 1264 <a href="/fr/conditions-generales-ventes-tarifaires#a1411" class="d-block text-white"><small>Politique de contrôle</small></a> 1265 1266 <a href="/fr/N2010/vente-a-bord-et-mobicard.html" class="d-block text-white"><small>Vente à bord et MobiCard</small></a> 1267 1268 1269 </div> 1270 1271 <div class="col-6 col-sm-4 col-xl-2 tplDphMenuFooter mb-4">
1272 <a href="/fr/loisirs-tourisme" class="d-block text-white"><small><b>Loisirs et tourisme</b></small></a> 1273 1274 <a href="/fr/offres-loisirs-tourisme" class="d-block text-white"><small>Offres loisirs et tourisme</small></a> 1275 1276 <a href="/fr/infos-region" class="d-block text-white"><small>Infos de la région</small></a> 1277 1278 <a href="/fr/billets-nationaux-internationaux" class="d-block text-white"><small>Billets nationaux et internationaux</small></a> 1279 1280 1281 </div> 1282 1283 <div class="col-6 col-sm-4 col-xl-2 tplDphMenuFooter mb-4"> 1284 <a href="/fr/solutions-mobilite" class="d-block text-white"><small><b>Solutions de mobilité</b></small></a> 1285 1286 <a href="/fr/clientele-commerciale" class="d-block text-white"><small>Clientèle commerciale</small></a> 1287 1288 <a href="/fr/transport-demande" class="d-block text-white"><small>Transport à la demande</small></a> 1289 1290 <a href="/fr/N2394/reservations-de-groupe-nstcm.ch.html" class="d-block text-white"><small>Réservations de groupe (nstcm.ch)</small></a> 1291 1292 1293 </div> 1294 1295 <div class="col-6 col-sm-4 col-xl-2 tplDphMenuFooter mb-4"> 1296 <a href="/fr/contact-service-clients" class="d-block text-white"><small><b>Service clients</b></small></a> 1297 1298 <a href="https://www.bustpn.ch/fr/contact-service-clients#OT" class="d-block text-white"><small>Objets trouvés</small></a> 1299 1300 <a href="/fr/contact-service-clients#a1432" class="d-block text-white"><small>Contactez-nous</small></a> 1301 1302 <a href="/fr/informations-pratiques" class="d-block text-white"><small>Informations pratiques</small></a> 1303 1304 <a href="/handicap" class="d-block text-white"><small>Voyager avec un handicap</small></a> 1305 1306 <a href="/billets#a1750" class="d-block text-white"><small>Centre clientèle</small></a> 1307 1308 1309 </div> 1310 1311 <div class="col-6 col-sm-4 col-xl-2 tplDphMenuFooter mb-4"> 1312 <a href="/fr/N1526/entreprise-et-groupe.html" class="d-block text-white"><small><b>Entreprise et groupe</b></small></a> 1313 1314 <a href="/fr/presentation-entreprise" class="d-block text-white"><small>Présentation</small></a> 1315 1316 <a href="/fr/historique" class="d-block text-white"><small>Historique</small></a> 1317 1318 <a href="/fr/missions-engagements" class="d-block text-white"><small>Missions et engagement</small></a> 1319 1320 <a href="/emploi" class="d-block text-white"><small>Emploi</small></a> 1321 1322 <a href="/fr/medias" class="d-block text-white"><small>Médias</small></a> 1323 1324 <a href="/fr/securite-reglementation" class="d-block text-white"><small>Sécurité et réglementation</small></a> 1325 1326 1327 </div> 1328 1329 1330</div> 1331 1332<div class="row"> 1333 1334 <div class="col-12 col-md-5 col-lg-6 mb-5"> 1335 <a href="https://www.tprnov.ch"> 1336 <img class="img-fluid" style="width: 230px;" src="/data/dataimages/upload/logo-nstcm-tpn-white.svg" /> 1337 </a> 1338 <small class="d-block"><b>Compagnie du chemin de fer Nyon - St-Cergue - Morez SA</b></small> 1339 <div class="text-white pt-1"><small class="d-block">Chemin du Cerisier 1, CH-1270 Trélex</small></div> 1340 </div> 1341 1342 <div class="col mb-3 text-md-center"> 1343 <a href="https://www.sgs.com/en/certified-clients-and-products/certified-client-directory" target="_blank"> 1344 <img class="mr-2 mr-lg-4 my-2" style="height: 60px;" src="/data/dataimages/upload/SGS_ISO-9001_NStCM_TPN.svg" /> 1345 </a> 1346 <a href="https://www.stv-fst.ch/fr/durabilite/centre-de-competences/swisstainable" target="_blank" style="filter: grayscale(1);"> 1347 <img class="mr-2 mr-lg-4" style="height: 70px;" src="/data/dataimages/upload/logo-swisstainable-committed.svg" /> 1348 </a> 1349 </div> 1350 1351 1352 <div class="col-auto"> 1353 1354 <div class="mb-3"> 1355 <div class="d-inline-block text-nowrap mb-1"> 1356 <a href="https://www.facebook.com/NStCM.TPN" target="_blank" class="btn btn-outline-light rounded-circle p-0"><i class="fab fa-facebook-f"></i></a> 1357 <a href="https://www.instagram.com/nstcm.tpn/" target="_blank" class="btn btn-outline-light rounded-circle p-0"><i class="fab fa-instagram"></i></a> 1358 <a href="https://www.linkedin.com/company/nstcm-tpn/" target="_blank" class="btn btn-outline-light rounded-circle p-0"><i class="fab fa-linkedin-in"></i></a> 1359 <a href="mailto:[email protected]" class="btn btn-outline-light rounded-circle p-0"><i class="far fa-envelope"></i></a> 1360 </div> 1361 </div> 1362 1363 <a href="https://www.nstcm.ch" class="text-white" target="blank"><i class="fas fa-arrow-right"></i> Accéder au site nstcm.ch</a> 1364 1365 </div> 1366 1367</div> 1368 </div> 1369 1370 <div class="container systemfooter text-center"> 1371 <div class="row copyright justify-content-center"> 1372 <div class="col-auto"> 1373 <!-- a href="http://www.quicksite.ch/">include(/data/dataimages/Upload/logo-quicksite-white.svg)</a --> 1374 <small>Réalisation technique </small> 1375 <a href="https://www.quicksite.ch" class="text-white" target="_blank"><small><b>Quicksite</b></small></a> 1376 <small class="d-none d-sm-inline-block">(5.4.0)</small> 1377 </div> 1378 <div class="col-auto"> 1379 <small>Conception - content - design & digital strategy</small> <a href="https://www.relaiscom.ch" class="text-white" target="_blank"><small><b>RELAIS COM</b></small></a> 1380 </div> 1381</div> 1382 </div> 1383 1384 </footer> 1385 1386 <a href="#atop" class="btn-up border-0 bg-info"><i class="fal fa-angle-up" aria-hidden="true"></i></a> 1387
1388<script> 1389 1390 jQuery(function () { 1391 jQuery('body').scrollspy({ target: '.navbar' }); 1392 jQuery('[data-toggle="tooltip"]').tooltip(); 1393 jQuery('[data-toggle="popover"]').popover({ 1394 html: true, 1395 template: '<div class="popover border-bottom-0 border-right-0 border-left-0 border-primary shadow"><div class="arrow"></div><h5 class="popover-header bg-transparent border-0 text-primary text-uppercase pt-3"></h5><div class="popover-body"></div><div class="popover-footer text-right p-3"></div></div>' 1396 }); 1397 }); 1398 1399</script>
1399 1400 1401 1402<!-- External JavaScripts 1403 ============================================= --> 1404
1405<script type="text/javascript" src="/coreapi/elasticsearch/projects/tpn/assets/js/elasticsearch.js?ts=20191209"></script>
vendor: 2 bytes, line 1405
1405
1406<script type="text/javascript" src="/coreapi/elasticsearch/projects/tpn/assets/js/urlsearchparams.js?ts=20191209"></script>
1406 1407 1408<!-- JAVASCRIPTS -->
1409<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
vendor: 2 bytes, line 1409
1409
1410<script src="/data/Themes/tpn19/js/qs.tools.js" type="text/javascript"></script>
vendor: 2 bytes, line 1410
1410
1411<script src="/data/Themes/tpn19/js/menu/menu.api.js" type="text/javascript"></script>
vendor: 2 bytes, line 1411
1411
1412<script src="/data/Themes/tpn19/js/formControl.js" type="text/javascript"></script>
1412 1413
1414<script type="text/javascript" src="/data/Themes/tpn19/js/bootstrap-hover-dropdown.min.js"></script>
vendor: 2 bytes, line 1414
1414
1415<script type="text/javascript" src="/data/themes/tpn19/js/modernizr-custom.js"></script>
1415 1416 1417<!-- script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 1417
1417
1418<script src="/data/Themes/tpn19/plugins/lazyload/lazyload.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 1418
1418
1419<script src="/data/themes/tpn19/js/lazyload/qslazyload-paging.js" type="text/javascript"></script>
vendor: 2 bytes, line 1419
1419
1420<script src="/data/Themes/tpn19/plugins/slick/slick.min.js" type="text/javascript"></script>
vendor: 2 bytes, line 1420
1420
1421<script src="/data/Themes/tpn19/plugins/googlemap/googlemap.js" type="text/javascript"></script>
vendor: 2 bytes, line 1421
1421
1422<script src="/data/Themes/tpn19/plugins/selectbox/jquery.selectbox-0.1.3.min.js"></script>
vendor: 2 bytes, line 1422
1422
1423<script src="/data/Themes/tpn19/plugins/circle-progress/jquery.appear.js"></script>
vendor: 2 bytes, line 1423
1423
1424<script src="/data/Themes/tpn19/plugins/isotope/isotope.min.js"></script>
vendor: 2 bytes, line 1424
1424
1425<script src="/data/Themes/tpn19/plugins/fancybox/jquery.fancybox.min.js"></script>
vendor: 2 bytes, line 1425
1425
1426<script src="/data/Themes/tpn19/plugins/fancybox/fancyMorph.js"></script>
1426 1427
1428<script src="/data/Themes/tpn19/plugins/counterUp/jquery.counterup.js"></script>
vendor: 2 bytes, line 1428
1428
1429<script src="/data/Themes/tpn19/plugins/smoothscroll/SmoothScroll.js"></script>
vendor: 2 bytes, line 1429
1429
1430<script src="/data/Themes/tpn19/plugins/syotimer/jquery.syotimer.min.js"></script --> 1431 1432 1433 <div id="sysadminMenu" class="syspopupMenu"> 1434</div> 1435<div id="sysadminMenuD" class="syspopupMenu"> 1436</div>
1437<script> 1438var mnuAdmin = { 1439"mnuQuickLogin": {"click":AjaxLogin, "title":"Quick Login"} 1440}; 1441</script>
1441 1442
1443<script src="/qsPortal/Javascript/qsMenu.min.js"></script>
vendor: 2 bytes, line 1443
1443
1444<script src="/qsPortal/Javascript/ThickBox/thickbox.min.js"></script>
vendor: 2 bytes, line 1444
1444
1445<script src="/qsPortal/Javascript/jsDateFunc.min.js"></script>
vendor: 2 bytes, line 1445
1445
1446<script src="/qsPortal/Javascript/qsHelpers.min.js"></script>
vendor: 2 bytes, line 1446
1446
1447<script src="/qsPortal/PopupList/Javascript/PopupList.min.js"></script>
1447 1448</body> 1449</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.