1<!DOCTYPE html> 2<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#"> 3<head> 4 <meta charset="utf-8" /> 5<meta name="description" content="Une ligne de tramway moderne, future colonne vertébrale de la mobilité à Québec." /> 6<link rel="shortlink" href="https://tramcite.info/fr" /> 7<link rel="canonical" href="https://tramcite.info/fr" /> 8<link rel="image_src" href="https://tramcite.info/sites/default/files/medias/2025-09/TramCite-Opengraph.jpg" /> 9<meta property="og:title" content="TramCité" /> 10<meta property="og:description" content="Un tramway sur mesure pour Québec" /> 11<meta property="og:image" content="https://tramcite.info/sites/default/files/medias/2025-09/TramCite-Opengraph.jpg" /> 12<meta property="og:image:url" content="https://tramcite.info/sites/default/files/medias/2025-09/TramCite-Opengraph.jpg" /> 13<meta name="google-site-verification" content="4KGJto-b2R4k7d33jev1Y1NC5p1_S3xHBVWflrMbZt4" /> 14<link rel="alternate" hreflang="fr" href="https://tramcite.info/fr" /> 15<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" /> 16<meta name="MobileOptimized" content="width" /> 17<meta name="HandheldFriendly" content="true" /> 18<meta name="viewport" content="width=device-width, initial-scale=1.0" /> 19<link rel="icon" href="/themes/custom/tramcite/favicon.ico" type="image/vnd.microsoft.icon" /> 20 21 <title>TramCité | Un tramway sur mesure pour Québec</title> 22 <link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?tlvpif" /> 23<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?tlvpif" /> 24<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?tlvpif" /> 25<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?tlvpif" /> 26<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?tlvpif" /> 27<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/progress.module.css?tlvpif" /> 28<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/ajax-progress.module.css?tlvpif" /> 29<link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?tlvpif" /> 30<link rel="stylesheet" media="all" href="/modules/contrib/paragraphs/css/paragraphs.unpublished.css?tlvpif" /> 31<link rel="stylesheet" media="all" href="/modules/contrib/social_media_platforms/css/social_media_platforms.theme.css?tlvpif" /> 32<link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&
32family=Inter:wght@300;400;500;600;700" /> 33<link rel="stylesheet" media="all" href="/themes/custom/tramcite/dist/css/style.css?tlvpif" /> 34 35
35<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"fr\/","currentPath":"node\/221","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxtyFsKQyEMRdEJBR2SHK9ptCRVjPYx-5b-lAv92bCX9C7KaUGifEJy_oArnmc0GpiQiVE9lrkHNPwk7NvYWZtXLuT9aNBkXBrSUKxLn-bxP4dV2Zj85YstZjjTmrCjLY6iPUPp3vjh8dtgvWzlN-SxSqs","theme":"tramcite","theme_token":null},"ajaxTrustedUrl":[],"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-N6KG94JQ"]},"user":{"uid":0,"permissionsHash":"b1278f67b300112be5329482ba14eb4066f6fae79154c2f616704b39f7a716b8"}}</script>
vendor: 1 bytes, line 35
35
36<script src="/sites/default/files/js/js_fnKjDqc65ce5Orrdc56zEQZHCV_A0S4azjiVqunI3u8.js?scope=header&delta=0&language=fr&theme=tramcite&include=eJxLz89Pz0mNL0lM108HEjrpqHy9xKzEClTBXJ2SosTc5MySVP30nPykxBwAa4EZsw"></script>
vendor: 1 bytes, line 36
36
37<script src="/modules/contrib/google_tag/js/gtag.js?tlvpif"></script>
vendor: 1 bytes, line 37
37
38<script src="/modules/contrib/google_tag/js/gtm.js?tlvpif"></script>
38 39 40 41 <!-- Début de la mention OneTrust de consentement aux cookies pour le domaine tramcite.info --> 42
42<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" 43 data-document-language="true" type="text/javascript" charset="UTF-8" 44 data-domain-script="0197f4d2-e084-763a-949a-37a9a2d812d5"></script>
44 45
45<script type="text/javascript"> 46 function OptanonWrapper() { }</script>
46 47 <!-- Fin de la mention OneTrust de consentement aux cookies pour le domaine tramcite.info --> 48</head> 49<body> 50 51<a href="#main-content" class="go-to-content visually-hidden-focusable"> 52 Aller au contenu principal 53</a>
vendor: 68 bytes, lines 53-54
53 54<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
54GTM-N6KG94JQ
vendor: 104 bytes, lines 54-57
54" 55 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 56 57
57<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 58 59 60 <header role="banner"> 61 <div class="tramcite-content-all"> 62 <nav role="navigation" aria-labelledby="block-tramcite-navigationsecondaire-menu" id="block-tramcite-navigationsecondaire"> 63 64 <span class="visually-hidden" id="block-tramcite-navigationsecondaire-menu">Navigation secondaire</span> 65 66 67 68 <div class="container d-none d-lg-flex py-0 pb-0 justify-content-end "> 69 <ul class="list-unstyled secondary-menu"> 70 <li> 71 <a href="/fr/actualites" data-footer-mobile="0" data-drupal-link-system-path="node/316">Actualités</a> 72 </li> 73 <li> 74 <a href="/fr/foire-aux-questions" data-footer-mobile="0" data-drupal-link-system-path="node/321">Foire aux questions</a> 75 </li> 76 <li> 77 <a href="https://tramcite.info/fr/infolettre" data-footer-mobile="0">Infolettre</a> 78 </li> 79 <li> 80 <a href="/fr/nous-joindre" data-footer-mobile="0" data-drupal-link-system-path="node/206">Nous joindre</a> 81 </li> 82 </ul> 83 </div> 84 85 86 87 </nav> 88 89 </div> 90 91 <div class="tramcite-header"> 92 <div class="container py-0 px-0 px-lg-6"> 93 <div class="row tramcite-header-row p-3 pt-lg-6 pb-lg-0 px-lg-0 m-0 align-items-center align-items-lg-end"> 94 <div class="col-9 col-lg-3 p-0"> 95 <div class="header-logo"> 96 <a href="/fr" title="Lien vers la page d'accueil" class="d-flex align-items-center"> 97 <img src="/themes/custom/tramcite/src/img/logo-tramcite.svg" alt="Tramcité" 98 class="img-fluid"> 99 </a> 100 </div> 101 </div> 102 <div class="col-3 col-lg-9 p-0"> 103 <div class="d-none d-lg-flex flex-row justify-content-between align-items-end"> 104 <nav role="navigation" aria-labelledby="block-tramcite-main-menu-menu" id="block-tramcite-main-menu"> 105 106 <span class="visually-hidden" id="block-tramcite-main-menu-menu">Navigation principale</span> 107 108 109 110 111 <ul class="list-unstyled primary-menu"> 112 113 114 <li class="nav-item has-submenu"> 115 <a href="" 116 class="nav-link submenu-toggle" 117 data-submenu-id="submenu-1" 118 aria-haspopup="true" 119 aria-expanded="false" 120 aria-label="Le projet, 5 sous-menus" 121 > 122 Le projet 123 </a> 124 <div id="submenu-1" class="submenu-wrapper" hidden> 125 <div class="container"> 126 127 <ul class="list-unstyled"> 128 129 130 <li class="border-bottom-link-animate"> 131 <a href="/fr/tramcite-en-bref" class="d-flex justify-content-between gap-3"> 132 TramCité en bref 133 </a> 134 </li> 135 136 <li class="border-bottom-link-animate"> 137 <a href="/fr/le-trace" class="d-flex justify-content-between gap-3"> 138 Le tracé 139 </a> 140 </li> 141 142 <li class="border-bottom-link-animate"> 143 <a href="/fr/les-grandes-etapes" class="d-flex justify-content-between gap-3"> 144 Les grandes étapes 145 </a> 146 </li> 147 148 <li class="border-bottom-link-animate"> 149 <a href="/fr/expertise-au-service-du-projet" class="d-flex justify-content-between gap-3"> 150 L'expertise au service du projet 151 </a> 152 </li> 153 154 <li class="border-bottom-link-animate"> 155 <a href="/fr/benefices-economiques-du-projet" class="d-flex justify-content-between gap-3"> 156 Les bénéfices du projet 157 </a> 158 </li> 159 </ul> 160 161 </div> 162 </div> 163 </li> 164 165 <li class="nav-item has-submenu"> 166 <a href="" 167 class="nav-link submenu-toggle" 168 data-submenu-id="submenu-2" 169 aria-haspopup="true" 170 aria-expanded="false" 171 aria-label="Travaux, 3 sous-menus" 172 > 173 Travaux 174 </a> 175 <div id="submenu-2" class="submenu-wrapper" hidden> 176 <div class="container"> 177 178 <ul class="list-unstyled"> 179 180 181 <li class="border-bottom-link-animate"> 182 <a href="/fr/avis-de-travaux" class="d-flex justify-content-between gap-3"> 183 Avis de travaux 184 </a> 185 </li> 186 187 <li class="border-bottom-link-animate"> 188 <a href="/fr/bruits-et-vibrations" class="d-flex justify-content-between gap-3"> 189 Engagements environnementaux 190 </a> 191 </li> 192 193 <li class="border-bottom-link-animate"> 194 <a href="/fr/protection-des-arbres" class="d-flex justify-content-between gap-3"> 195 Foresterie urbaine 196 </a> 197 </li> 198 </ul> 199 200 </div> 201 </div> 202 </li> 203 204 <li class="nav-item has-submenu"> 205 <a href="" 206 class="nav-link submenu-toggle" 207 data-submenu-id="submenu-3" 208 aria-haspopup="true" 209 aria-expanded="false" 210 aria-label="Relations avec les communautés, 3 sous-menus" 211 > 212 Relations avec les communautés 213 </a> 214 <div id="submenu-3" class="submenu-wrapper" hidden> 215 <div class="container"> 216 217 <ul class="list-unstyled"> 218 219 220 <li class="border-bottom-link-animate"> 221 <a href="/fr/relations-avec-les-communautes" class="d-flex justify-content-between gap-3"> 222 Démarche auprès des communautés 223 </a> 224 </li> 225 226 <li class="border-bottom-link-animate"> 227 <a href="/fr/parties-prenantes-rencontrees" class="d-flex justify-content-between gap-3"> 228 Parties prenantes rencontrées 229 </a> 230 </li> 231 232 <li class="border-bottom-link-animate"> 233 <a href="/fr/accessibilite-universelle" class="d-flex justify-content-between gap-3"> 234 Accessibilité universelle 235 </a> 236 </li> 237 </ul> 238 239 </div> 240 </div> 241 </li> 242 243 <li class="nav-item has-submenu"> 244 <a href="" 245 class="nav-link submenu-toggle" 246 data-submenu-id="submenu-4" 247 aria-haspopup="true" 248 aria-expanded="false" 249 aria-label="à propos, 2 sous-menus" 250 > 251 à propos 252 </a> 253 <div id="submenu-4" class="submenu-wrapper" hidden> 254 <div class="container"> 255 256 <ul class="list-unstyled"> 257 258 259 <li class="border-bottom-link-animate"> 260 <a href="/fr/gouvernance" class="d-flex justify-content-between gap-3"> 261 Gouvernance 262 </a> 263 </li> 264 265 <li class="border-bottom-link-animate"> 266 <a href="https://cdpqinfra.com/fr/cite" class="d-flex justify-content-between gap-3"> 267 Le Plan CITà 268 </a> 269 </li> 270 </ul> 271 272 </div> 273 </div> 274 </li> 275 </ul> 276 277 278 </nav> 279 280 </div> 281 282 <div class="d-flex flex-lg-column d-lg-none justify-content-end"> 283 <button class="btn btn-primary mobile-menu-toggle" type="button" 284 aria-controls="mobile-menu" 285 aria-label="Ouvrir le menu" 286 data-bs-toggle="offcanvas" 287 data-bs-target="#mobile-menu"> 288 </button> 289 </div> 290 291 </div> 292 </div> 293 <div class="offcanvas offcanvas-end mobile-menu-overlay" id="mobile-menu"> 294 <div class="offcanvas-header justify-content-end align-items-center"> 295 <button class="btn btn-primary mobile-menu-toggle active" type="button" data-bs-dismiss="offcanvas" 296 aria-label="Fermer le menu"></button> 297 </div> 298 <div class="offcanvas-body mobile-menu-body d-flex flex-column h-100 p-0"> 299 <nav> 300 <ul class="accordion list-unstyled primary-nav__menu-mobile py-3" id="accordion-sub-menu"> 301 <li> 302 <div class="accordion-item border-0"> 303 <h2 class="accordion-header" id="heading-1"> 304 <button 305 class="accordion-button collapsed d-block py-4 px-3 d-flex justify-content-between text-decoration-none bg-transparent" 306 type="button" 307 data-bs-toggle="collapse" 308 data-bs-target="#collapse-1" 309 aria-expanded="false" 310 aria-controls="collapse-1"> 311 Le projet 312 </button> 313 </h2> 314 <div id="collapse-1" class="accordion-collapse collapse" 315 aria-labelledby="heading-1" data-bs-parent="#accordion-sub-menu"> 316 <div class="accordion-body p-0"> 317 <ul class="list-unstyled px-3"> 318 <li> 319 <a href="/fr/tramcite-en-bref" 320 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 321 TramCité en bref 322 </a> 323 </li> 324 <li> 325 <a href="/fr/le-trace" 326 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 327 Le tracé 328 </a> 329 </li> 330 <li> 331 <a href="/fr/les-grandes-etapes" 332 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 333 Les grandes étapes 334 </a> 335 </li> 336 <li> 337 <a href="/fr/expertise-au-service-du-projet" 338 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 339 L'expertise au service du projet 340 </a> 341 </li> 342 <li> 343 <a href="/fr/benefices-economiques-du-projet" 344 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 345 Les bénéfices du projet 346 </a> 347 </li> 348 </ul> 349 </div> 350 </div> 351 </div> 352 </li> 353 <li> 354 <div class="accordion-item border-0"> 355 <h2 class="accordion-header" id="heading-2"> 356 <button 357 class="accordion-button collapsed d-block py-4 px-3 d-flex justify-content-between text-decoration-none bg-transparent" 358 type="button" 359 data-bs-toggle="collapse" 360 data-bs-target="#collapse-2" 361 aria-expanded="false" 362 aria-controls="collapse-2"> 363 Travaux 364 </button> 365 </h2> 366 <div id="collapse-2" class="accordion-collapse collapse" 367 aria-labelledby="heading-2" data-bs-parent="#accordion-sub-menu"> 368 <div class="accordion-body p-0"> 369 <ul class="list-unstyled px-3"> 370 <li> 371 <a href="/fr/avis-de-travaux" 372 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 373 Avis de travaux 374 </a> 375 </li> 376 <li> 377 <a href="/fr/bruits-et-vibrations" 378 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 379 Engagements environnementaux 380 </a> 381 </li> 382 <li> 383 <a href="/fr/protection-des-arbres" 384 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 385 Foresterie urbaine 386 </a> 387 </li> 388 </ul> 389 </div> 390 </div> 391 </div> 392 </li> 393 <li> 394 <div class="accordion-item border-0"> 395 <h2 class="accordion-header" id="heading-3"> 396 <button 397 class="accordion-button collapsed d-block py-4 px-3 d-flex justify-content-between text-decoration-none bg-transparent" 398 type="button" 399 data-bs-toggle="collapse" 400 data-bs-target="#collapse-3" 401 aria-expanded="false" 402 aria-controls="collapse-3"> 403 Relations avec les communautés 404 </button> 405 </h2> 406 <div id="collapse-3" class="accordion-collapse collapse" 407 aria-labelledby="heading-3" data-bs-parent="#accordion-sub-menu"> 408 <div class="accordion-body p-0"> 409 <ul class="list-unstyled px-3"> 410 <li> 411 <a href="/fr/relations-avec-les-communautes" 412 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 413 Démarche auprès des communautés 414 </a> 415 </li> 416 <li> 417 <a href="/fr/parties-prenantes-rencontrees" 418 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 419 Parties prenantes rencontrées 420 </a> 421 </li> 422 <li> 423 <a href="/fr/accessibilite-universelle" 424 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 425 Accessibilité universelle 426 </a> 427 </li> 428 </ul> 429 </div> 430 </div> 431 </div> 432 </li> 433 <li> 434 <div class="accordion-item border-0"> 435 <h2 class="accordion-header" id="heading-4"> 436 <button 437 class="accordion-button collapsed d-block py-4 px-3 d-flex justify-content-between text-decoration-none bg-transparent"
438 type="button" 439 data-bs-toggle="collapse" 440 data-bs-target="#collapse-4" 441 aria-expanded="false" 442 aria-controls="collapse-4"> 443 à propos 444 </button> 445 </h2> 446 <div id="collapse-4" class="accordion-collapse collapse" 447 aria-labelledby="heading-4" data-bs-parent="#accordion-sub-menu"> 448 <div class="accordion-body p-0"> 449 <ul class="list-unstyled px-3"> 450 <li> 451 <a href="/fr/gouvernance" 452 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 453 Gouvernance 454 </a> 455 </li> 456 <li> 457 <a href="https://cdpqinfra.com/fr/cite" 458 class="d-flex align-items-center justify-content-between gap-3 w-100 p-3 border-bottom text-decoration-none"> 459 Le Plan CITà 460 </a> 461 </li> 462 </ul> 463 </div> 464 </div> 465 </div> 466 </li> 467 </ul> 468 469 <ul class="list-unstyled secondary-nav__menu-mobile pb-3"> 470 <li> 471 <a href="/fr/actualites" 472 class="d-block py-4 px-3 d-flex justify-content-between text-decoration-none fw-normal"> 473 Actualités 474 </a> 475 </li> 476 <li> 477 <a href="/fr/foire-aux-questions" 478 class="d-block py-4 px-3 d-flex justify-content-between text-decoration-none fw-normal"> 479 Foire aux questions 480 </a> 481 </li> 482 <li> 483 <a href="https://tramcite.info/fr/infolettre" 484 class="d-block py-4 px-3 d-flex justify-content-between text-decoration-none fw-normal"> 485 Infolettre 486 </a> 487 </li> 488 <li> 489 <a href="/fr/nous-joindre" 490 class="d-block py-4 px-3 d-flex justify-content-between text-decoration-none fw-normal"> 491 Nous joindre 492 </a> 493 </li> 494 </ul> 495 </nav> 496 <footer class="pt-3 pb-4 px-3 mobile-footer__block" role="contentinfo"> 497 <ul class="list-unstyled footer-menu-mobile"> 498 <li class=""> 499 <a href="/fr/temoins" 500 class="d-block py-2 text-decoration-none fw-normal text-white "> 501 Notice d'utilisation des témoins 502 </a> 503 </li> 504 <li class=""> 505 <a href="/fr/notice-de-confidentialite" 506 class="d-block py-2 text-decoration-none fw-normal text-white "> 507 Politique de confidentialité 508 </a> 509 </li> 510 <li class=""> 511 <a href="https://tramcite.info/fr/centre-de-documentation" 512 class="d-block py-2 text-decoration-none fw-normal text-white "> 513 Centre de documentation 514 </a> 515 </li> 516 <li class=""> 517 <a href="/fr/politique-editoriale" 518 class="d-block py-2 text-decoration-none fw-normal text-white "> 519 Politique éditoriale 520 </a> 521 </li> 522 <li class=""> 523 <a href="/fr/accessibilite" 524 class="d-block py-2 text-decoration-none fw-normal text-white "> 525 Accessibilité 526 </a> 527 </li> 528 <li class=""> 529 <a href="/fr/nous-joindre" 530 class="d-block py-2 text-decoration-none fw-normal text-white "> 531 Nous joindre 532 </a> 533 </li> 534 <li class=""> 535 <a href="" 536 class="d-block py-2 text-decoration-none fw-normal text-white optanon-show-settings"> 537 Paramètres des témoins 538 </a> 539 </li> 540 </ul> 541 <div class="row footer-bottom-social-media"> 542 <div id="block-tramcite-socialmediaplatformlinks"> 543 544 545 <div flags="63" class="social-media-platforms__container"> 546 547 548 549
550 <a class="social-media-platforms__link social-media-platforms__link--facebook" href="https://www.facebook.com/people/TramCit%C3%A9/61586616952277/" title="Facebook" target="_blank"> 551 552 553 <i class="icon-social-facebook"></i> 554 555 556 <span class="social-media-platforms__label">Facebook</span> 557 558 </a> 559 560 561 562 <a class="social-media-platforms__link social-media-platforms__link--x" href="https://x.com/TramCiteQc" title="X" target="_blank"> 563 564 565 <i class="icon-social-x"></i> 566 567 568 <span class="social-media-platforms__label">X</span> 569 570 </a> 571</div> 572 573 </div> 574 575 </div> 576 </footer> 577 </div> 578</div> 579 </div> 580</div> 581 </header> 582 583 584<div id="main-content" role="main"> 585 <div class="tramcite-content-all"> 586 <div data-drupal-messages-fallback class="hidden"></div> 587<div id="block-tramcite-content"> 588 589 590 <article data-history-node-id="221"> 591 592 593 594 595 596 <div> 597 598 <div> 599 <div><div class="paragraph-type--hero-home"> 600 601 <div class="container container--fluid py-0"> 602 <div class="hero-home__img-ctn"> 603 604 <div> <img loading="lazy" src="/sites/default/files/medias/2025-09/Header-Accueil-TramCite-2.jpg" width="1920" height="600" alt="Header" /> 605 606</div> 607 608 </div> 609 </div> 610 <div class="hero-home__text-box w-100"> 611 <div class="container py-0"> 612 <div class="hero-home__text-box-inner d-flex flex-column"> 613 <h1 class="m-0">Un tramway sur mesure pour Québec</h1> 614 615 </div> 616 </div> 617 </div> 618 </div> 619</div> 620 <div> 621<div class="paragraph-type--projet-information"> 622 <div class="container py-0 projet-information__title-wrapper"> 623 <h2 class="text-center">La future colonne vertébrale de la mobilité à Québec</h2> 624 </div> 625 626 <div class="container container--fluid p-0 projet-information__background"> 627 <img class="d-lg-none" src="/themes/custom/tramcite/src/img/bg-projet-information-mobile.png" alt=""> 628 <img class="d-none d-lg-block" src="/themes/custom/tramcite/src/img/bg-projet-information.png" alt=""> 629 </div> 630 631 <div class="container py-0"> 632 <div class="projet-information__wrapper d-flex flex-wrap flex-md-nowrap"> 633 <div class="projet-information__left-ctn bg-bleu-acier text-white"> 634 <div class="wysiwyg-wrapper"> 635 <p>Le projet</p><h3>TramCité : une ligne de tramway moderne</h3><p>Le projet est porté par trois partenaires : le gouvernement du Québec, la Ville de Québec et CDPQ Infra. Par son envergure, son tracé et sa technologie, TramCité promet dâaméliorer la fluidité de tous les déplacements dans la Communauté métropolitaine de Québec.⯠</p> 636 <a class="btn btn-primary" href="/fr/tramcite-en-bref" aria-label="La future colonne vertébrale de la mobilité à Québec. Découvrir le projet"> 637 Découvrir le projet <i class="icon-arrow-right"> </i> 638 </a> 639 </div> 640 </div> 641 642 <div class="projet-information__right-ctn d-flex flex-wrap"> 643 <div class="projet-information__item bg-bleu-pale js-animated-block js-animation-with-delay"> 644 <h3>29</h3> 645 <p class="subtitle-1 mb-0">stations</p> 646 </div> 647 <div class="projet-information__item bg-bleu-pale js-animated-block js-animation-with-delay"> 648 <h3>19</h3> 649 <p class="subtitle-1 mb-0">kilomètres de tracé</p> 650 </div> 651 <div class="projet-information__item bg-bleu-pale js-animated-block js-animation-with-delay"> 652 <h3>7</h3> 653 <p class="subtitle-1 mb-0">secteurs desservis</p> 654 </div> 655 <div class="projet-information__item bg-bleu-pale js-animated-block js-animation-with-delay"> 656 <h3>5</h3> 657 <p class="subtitle-1 mb-0">pôles dâéchanges</p> 658 </div> 659 <div class="projet-information__item js-animated-block js-animation-with-delay"> 660 <h3 class="text-white">2033</h3> 661 <p class="subtitle-1 mb-0 text-white">année de mise en service planifiée</p> 662 </div> 663 </div> 664 </div> 665 </div> 666</div> 667</div> 668 <div> 669 670<div class="block-type--list-maillage bg-vert "> 671 <div class="container --padding-top-default --padding-bottom-default"> 672 <div class="wysiwyg-wrapper"> 673 674 </div> 675 676 <div class="list-maillage__list d-flex flex-wrap gap-5 "> 677
678<div class="list-maillage__item bg-white text-darker type-bottom d-md-flex gap-5 align-items-center justify-content-between"> 679 <div class="h-100 d-flex flex-column gap-5 gap-md-5 align-items-start"> 680 <span class="list-maillage__item-icon"> 681 <img class="text-bleu-acier" src="/sites/default/files/medias/icons/courriel.svg" alt=""> 682 </span> 683 684 <div> 685 <span class="overline d-block"> 686 Pour rester en contact 687 </span> 688 689 <h2 class="h3 mb-0"> 690 L'infolettre TramCité 691 </h2> 692 </div> 693 694 <div class="wysiwyg-wrapper"> 695 <p>La planification de TramCité va bon train alors que les partenaires du projet franchissent une à une les étapes menant vers la réalisation et la mise en exploitation du futur tramway. Abonnez-vous à l'infolettre pour recevoir les dernières nouvelles sur l'avancement du projet, les activités publiques et les événements à venir. </p> 696 </div> 697 698 699 <a class="btn btn-primary --no-dark-mode type-left" href="/fr/infolettre" aria-label="L'infolettre TramCité. Je m'abonne"> 700 Je m'abonne <i class="icon-arrow-right"> </i> 701 </a> 702 </div> 703 704 </div> 705 </div> 706 </div> 707</div> 708</div> 709 <div> 710 711 <div class="paragraph paragraph-type--most-recent-news"> 712 <div class="news-list bg-lighter"> 713 <div class="container"> 714 <div class="d-flex justify-content-between align-items-start gap-4 gap-sm-5 flex-column flex-sm-row"> 715 <h3>Les plus récentes nouvelles</h3> 716 </div> 717 <div class="views-element-container">
718<script type="application/json" id="contract-data" class="contract-json-data" data-submit-id="edit-submit-news-list" data-filters="category,subject">[ 719 { 720 "title": "TramCité franchit une nouvelle étape avec lâannonce des consortiums qualifiés pour deux contrats majeurs", 721 "category": "156", 722 "subject": "161" 723 }, 724 { 725 "title": "TramCité : Plus de 120 entreprises participent à la séance dâinformation au marché", 726 "category": "156", 727 "subject": "161" 728 }, 729 { 730 "title": "Un partenariat est créé pour réaliser le TramCité à Québec", 731 "category": "191", 732 "subject": "161" 733 }, 734 { 735 "title": "Appel de candidatures pour le Comité de bon voisinage du boulevard René-Lévesque ", 736 "category": "156", 737 "subject": "226" 738 }, 739 { 740 "title": "Sélection de Construction Kiewit Cie pour les travaux de déplacement des réseaux souterrains", 741 "category": "191", 742 "subject": "161" 743 }, 744 { 745 "title": "Journée porte ouverte â Chantiers 2026 à lâouest du tracé du tramway", 746 "category": "221", 747 "subject": "226" 748 }, 749 { 750 "title": "TramCité annonce les consortiums privilégiés pour les contrats civil et système", 751 "category": "191", 752 "subject": "161" 753 }, 754 { 755 "title": "Début des travaux sur le boulevard René-Lévesque", 756 "category": "191", 757 "subject": "161" 758 }, 759 { 760 "title": "Appel à candidatures â Comité de bon voisinage du secteur tunnel", 761 "category": "156", 762 "subject": "226" 763 }, 764 { 765 "title": "Comprendre les travaux préparatoires pour le tramway de Québec", 766 "category": "156", 767 "subject": "161" 768 }, 769 { 770 "title": "Porte ouverte le 8 juin : Travaux et réorganisation de la circulation et du stationnement dans Saint-Roch dès 2026", 771 "category": "221", 772 "subject": "226" 773 }, 774 { 775 "title": "Travaux au centre-ville : participez à une séance dâinformation en ligne", 776 "category": "221", 777 "subject": "226" 778 }, 779 { 780 "title": "TramCité : plusieurs chantiers actifs cet automne", 781 "category": "156", 782 "subject": "161" 783 } 784]</script>
784 785<input type="hidden" id="total-result" value="3"> 786<div class="view--news_list-counter" role="status" aria-live="polite" aria-atomic="true"> 787 <div class="news-results-count"> 788 3 résultats 789 </div> 790</div> 791 792 793 794<div class="view--news_list-items py-5 py-md-6"> 795 <div class="views-row"> 796<div class="news-item"> 797 <a class="news-item-a" href="/fr/actualite/tramcite-plusieurs-chantiers-actifs-cet-automne" 798 aria-label="Voir le détail pour Avancement du projet (Article), TramCité : plusieurs chantiers actifs cet automne. 30 septembre 2026"> 799 800 <div class="news-header"> 801 <img src="/sites/default/files/medias/actualites/Header_travaux-centre-ville_tram-alliance_2.jpg" alt="TramCité : plusieurs chantiers actifs cet automne"/> 802 </div> 803 <div class="news-body"> 804 <span>Avancement du projet</span> 805 <div class=""> 806 <div class="news-subject">Article</div> 807 <h2 class="h5"> 808 TramCité : plusieurs chantiers actifs cet automne 809 </h2> 810 </div> 811 <div class="news-content"> 812 <div class="news-date">30 septembre 2026</div> 813 <div class="btn-a"></div> 814 </div> 815 </div> 816 </a> 817</div> 818</div> 819 <div class="views-row"> 820<div class="news-item"> 821 <a class="news-item-a" href="/fr/actualite/travaux-au-centre-ville-participez-une-seance-dinformation-en-ligne" 822 aria-label="Voir le détail pour Relations avec la communauté (Ãvénement), Travaux au centre-ville : participez à une séance dâinformation en ligne. 22 septembre 2026"> 823 824 <div class="news-header"> 825 <img src="/sites/default/files/medias/img/1_travaux-rl/Header-TramCite-septembre2026.jpg" alt="Travaux au centre-ville : participez à une séance dâinformation en ligne"/> 826 </div> 827 <div class="news-body"> 828 <span>Relations avec la communauté</span> 829 <div class=""> 830 <div class="news-subject">Ãvénement</div> 831 <h2 class="h5"> 832 Travaux au centre-ville : participez à une séance dâinformation en ligne 833 </h2> 834 </div> 835 <div class="news-content"> 836 <div class="news-date">22 septembre 2026</div> 837 <div class="btn-a"></div> 838 </div> 839 </div> 840 </a> 841</div> 842</div> 843 <div class="views-row"> 844<div class="news-item"> 845 <a class="news-item-a" href="/fr/actualite/comprendre-les-travaux-preparatoires-pour-le-tramway-de-quebec" 846 aria-label="Voir le détail pour Avancement du projet (Article), Comprendre les travaux préparatoires pour le tramway de Québec. 12 juin 2026"> 847 848 <div class="news-header"> 849 <img src="/sites/default/files/medias/actualites/Hero_TramCite_web-2.jpg" alt="Comprendre les travaux préparatoires pour le tramway de Québec"/> 850 </div> 851 <div class="news-body"> 852 <span>Avancement du projet</span> 853 <div class=""> 854 <div class="news-subject">Article</div> 855 <h2 class="h5"> 856 Comprendre les travaux préparatoires pour le tramway de Québec 857 </h2> 858 </div> 859 <div class="news-content"> 860 <div class="news-date">12 juin 2026</div> 861 <div class="btn-a"></div> 862 </div> 863 </div> 864 </a> 865</div> 866</div> 867 868 </div> 869 870 871</div> 872 873 </div> 874 </div> 875 </div> 876</div> 877 </div> 878 879 </div> 880 881</article> 882 883 </div> 884 885 </div> 886 887 </div> 888 889 <footer role="contentinfo"> 890 <div class="bg-bleu-marin text-white"> 891 <div class="container">
892 <div class="row footer-menu-grid gap-5"> 893 <div class="column-12 column-sm-6 column-lg-4 footer-column"> 894 <ul class="d-flex flex-column gap-3"> 895 <li class=" pt-3"> 896 <a href="/fr/temoins" title="Notice d'utilisation des témoins" class="">Notice d'utilisation des témoins</a> 897 </li> 898 <li class=" pt-3"> 899 <a href="/fr/notice-de-confidentialite" title="Politique de confidentialité" class="">Politique de confidentialité</a> 900 </li> 901 <li class=" pt-3"> 902 <a href="https://tramcite.info/fr/centre-de-documentation" title="Centre de documentation" class="">Centre de documentation</a> 903 </li> 904 </ul> 905 </div> 906 <div class="column-12 column-sm-6 column-lg-4 footer-column"> 907 <ul class="d-flex flex-column gap-3"> 908 <li class=" pt-3"> 909 <a href="/fr/politique-editoriale" title="Politique éditoriale" class="">Politique éditoriale</a> 910 </li> 911 <li class=" pt-3"> 912 <a href="/fr/infolettre" title="Infolettre" class="">Infolettre</a> 913 </li> 914 <li class=" pt-3"> 915 <a href="/fr/accessibilite" title="Accessibilité" class="">Accessibilité</a> 916 </li> 917 </ul> 918 </div> 919 <div class="column-12 column-sm-6 column-lg-4 footer-column"> 920 <ul class="d-flex flex-column gap-3"> 921 <li class=" pt-3"> 922 <a href="/fr/nous-joindre" title="Nous joindre" class="">Nous joindre</a> 923 </li> 924 <li class=" pt-3"> 925 <a href="/fr/sitemap" title="Plan du site" class="">Plan du site</a> 926 </li> 927 <li class=" pt-3"> 928 <a href="" title="Paramètres des témoins" class="optanon-show-settings">Paramètres des témoins</a> 929 </li> 930 </ul> 931 </div> 932 </div> 933 <div class="row footer-bottom-social-media"> 934 <div id="block-tramcite-socialmediaplatformlinks"> 935 936 937 <div flags="63" class="social-media-platforms__container"> 938 939 940 941 942 <a class="social-media-platforms__link social-media-platforms__link--facebook" href="https://www.facebook.com/people/TramCit%C3%A9/61586616952277/" title="Facebook" target="_blank"> 943 944 945 <i class="icon-social-facebook"></i> 946 947 948 <span class="social-media-platforms__label">Facebook</span> 949 950 </a> 951 952 953 954 <a class="social-media-platforms__link social-media-platforms__link--x" href="https://x.com/TramCiteQc" title="X" target="_blank"> 955 956 957 <i class="icon-social-x"></i> 958 959 960 <span class="social-media-platforms__label">X</span> 961 962 </a> 963</div> 964 965 </div> 966 967 </div> 968 </div> 969 </div> 970 <div class="container footer-bottom"> 971 <div class="row-main"> 972 <div class="footer-column"> 973 <div class="footer-logo"> 974 <a href="/fr" title="Lien vers la page d'accueil"> 975 <img src="/themes/custom/tramcite/logo-footer.svg" alt="Tramcite"> 976 </a> 977 <p> 978 © TramCité, 2026 979 </p> 980 </div> 981 </div> 982 <div class="footer-column d-none d-lg-block"></div> 983 <div class="footer-list-logo flex-wrap"> 984 <div class="footer-column"> 985 <img src="/sites/default/files/medias/2025-08/logo-quebec.svg" alt="Québec" /> 986 </div> 987 988 <div class="footer-column column-space"> 989 <span class="space"></span> 990 </div> 991 <div class="footer-column"> 992 <img src="/sites/default/files/medias/2025-08/logo-cdpq-infra.svg" alt="CDPQ Infra" /> 993 </div> 994 995 <div class="footer-column column-space">
996 <span class="space"></span> 997 </div> 998 <div class="footer-column"> 999 <img src="/sites/default/files/medias/2025-08/logo-ville-de-quebec.svg" alt="Ville de Québec" /> 1000 </div> 1001 1002 <div class="footer-column last-column"> 1003 <p class="mb-3">Avec la participation du gouvernement du Canada</p> 1004 <img src="/sites/default/files/medias/2025-08/logo-canada.svg" alt="Canada" /> 1005 </div> 1006 1007 </div> 1008 </div> 1009 </div> 1010</footer> 1011 1012 1013 </div> 1014 1015
1016<script src="/core/assets/vendor/jquery/jquery.min.js?v=4.0.0"></script>
vendor: 1 bytes, line 1016
1016
1017<script src="/sites/default/files/js/js_qM4MApdasvtTo0idOnFpBA6PRXMaqPHev_rdaqT_zTU.js?scope=footer&delta=1&language=fr&theme=tramcite&include=eJxLz89Pz0mNL0lM108HEjrpqHy9xKzEClTBXJ2SosTc5MySVP30nPykxBwAa4EZsw"></script>
1017 1018 1019</body> 1020</html> 1021
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.