PageSourceSearch

https://tramcite.info/fr

html tramcite.info collected 2026-10-08 01:27:13 UTC 45,620 bytes, 1,021 lines download raw bytes

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&amp;
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&amp;delta=0&amp;language=fr&amp;theme=tramcite&amp;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&#039;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. &nbsp;</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">&nbsp;</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&#039;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.&nbsp;</p>
696      </div>
697
698                    
699      <a class="btn btn-primary --no-dark-mode type-left" href="/fr/infolettre" aria-label="L&#039;infolettre TramCité. Je m&#039;abonne">
700        Je m&#039;abonne <i class="icon-arrow-right">&nbsp;</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&#039;utilisation des témoins" class="">Notice d&#039;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&amp;delta=1&amp;language=fr&amp;theme=tramcite&amp;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.