A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 24KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang="fr">
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset="utf-8">
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name="viewport" content="width=device-width,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>Implantation de voies cyclables dans Ahuntsic-Cartierville (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f0f0ea">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f0f0ea">
  26. <!-- Documented, feel free to shoot an email. -->
  27. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  28. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  29. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <script>
  36. function toggleTheme(themeName) {
  37. document.documentElement.classList.toggle(
  38. 'forced-dark',
  39. themeName === 'dark'
  40. )
  41. document.documentElement.classList.toggle(
  42. 'forced-light',
  43. themeName === 'light'
  44. )
  45. }
  46. const selectedTheme = localStorage.getItem('theme')
  47. if (selectedTheme !== 'undefined') {
  48. toggleTheme(selectedTheme)
  49. }
  50. </script>
  51. <meta name="robots" content="noindex, nofollow">
  52. <meta content="origin-when-cross-origin" name="referrer">
  53. <!-- Canonical URL for SEO purposes -->
  54. <link rel="canonical" href="https://montreal.ca/articles/implantation-de-voies-cyclables-dans-ahuntsic-cartierville-5150">
  55. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick">
  56. <article>
  57. <header>
  58. <h1>Implantation de voies cyclables dans Ahuntsic-Cartierville</h1>
  59. </header>
  60. <nav>
  61. <p class="center">
  62. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  63. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  64. </svg> Accueil</a> •
  65. <a href="https://montreal.ca/articles/implantation-de-voies-cyclables-dans-ahuntsic-cartierville-5150" title="Lien vers le contenu original">Source originale</a>
  66. </p>
  67. </nav>
  68. <hr>
  69. <div class="lead"><div><p><span><span><span><span><span><span>En&#xA0;2020, 5 km de pistes&#xA0;cyclables bidirectionnelles, 4 saisons et s&#xE9;curitaires ont &#xE9;t&#xE9; implant&#xE9;es sur les rues Prieur et Sauriol&#xA0;pour les usager(&#xE8;re)s de tous &#xE2;ges. En 2021, 2 km s&#x2019;ajoutent&#xA0;tandis que d&#x2019;autres liens cyclables sont planifi&#xE9;s pour 2022.</span></span></span></span></span></span></p></div></div>
  70. <div class="content-modules"><div class="content-module-stacked"><div><h2><span><span><span><span>Pour un partage plus inclusif et s&#xE9;curitaire de la voie publique</span></span></span></span></h2>
  71. <p><span><span><span><span><span><span>Ces voies cyclables sont destin&#xE9;es autant aux jeunes &#xE9;l&#xE8;ves, pour se rendre de la maison &#xE0; l&#x2019;&#xE9;cole ou au parc, qu&#x2019;aux travailleuses et travailleurs, aux familles, aux personnes &#xE0; mobilit&#xE9; r&#xE9;duite, aux r&#xE9;sident(e)s qui souhaitent s&#x2019;approvisionner aupr&#xE8;s des commer&#xE7;ant(e)s du quartier, bref&#xA0;aux usag&#xE8;res et usagers&#xA0;de tous les &#xE2;ges.</span></span></span></span></span></span></p>
  72. <h3><span><span><span><span><span><span>Le projet est&#xA0;r&#xE9;alis&#xE9; en 3&#xA0;phases</span></span></span></span></span></span></h3>
  73. <p><span><span><span><span><span><span>&#xC0; l&#x2019;&#xE9;t&#xE9; 2020, 5 km ont &#xE9;t&#xE9;&#xA0;implant&#xE9;s sur les rues Prieur et Sauriol,&#xA0;&#xE0; l&#x2019;ouest de l&#x2019;avenue Papineau. </span></span></span></span></span></span></p>
  74. <p><span><span><span><span><span><span>Pour 2021, 2,4 km de piste, situ&#xE9;s &#xE0; l&#x2019;est de l&#x2019;avenue Papineau, seront&#xA0;ajout&#xE9;s avec comme objectif un prolongement jusqu&#x2019;aux limites est de l&#x2019;arrondissement, en 2022, pour la rue Prieur Est et jusqu&#x2019;au parc des Hirondelles pour la rue Sauriol Est.&#xA0;</span></span></span></span></span></span></p>
  75. <p><span><span><span><span><span><span>L&#x2019;am&#xE9;nagement de&#xA0;ces pistes cyclables occasionnera certains changements quant &#xE0; la r&#xE9;partition actuelle de l&#x2019;espace public d&#xE9;di&#xE9; &#xE0; la circulation automobile et n&#xE9;cessitera des changements d&#x2019;habitudes dans certains secteurs de l&#x2019;arrondissement.</span></span></span></span></span></span></p>
  76. <h2><span><span><span><span><span><span>Impacts - travaux de la phase II (2021)</span></span></span></span></span></span></h2>
  77. <h3>Mise &#xE0;&#xA0;sens unique de la rue Sauriol Est</h3>
  78. <p>Dans le cadre de ces&#xA0;travaux, la rue Sauriol Est sera mise &#xE0; sens unique, entre l&#x2019;avenue Papineau et la rue De Saint-Firmin.</p>
  79. <h3>Retrait de places de stationnement</h3>
  80. <p>L&#x2019;implantation des pistes cyclables n&#xE9;cessite aussi le retrait de places de stationnement. L&#x2019;espace public &#xE9;tant r&#xE9;partit de mani&#xE8;re diff&#xE9;rente, les places disponibles sur les rues transversales pourraient alors &#xEA;tre&#xA0;utilis&#xE9;es plus fr&#xE9;quemment et palier &#xE0; cette r&#xE9;duction. Ces transformations demanderont&#xA0;certains changements d&#x2019;habitudes.</p></div></div><div class="content-module-stacked"><figure class="figure"><div class="img-container"><img src="https://res.cloudinary.com/villemontreal/image/upload/q_auto,f_auto,dpr_auto,q_auto/v1/portail/t0co9tgrmwkouxvngtig.jpg" class="img-fluid" alt="Carte qui indique o&#xF9; sont situ&#xE9;es les nouvelles pistes cyclables"></div><figcaption class="figure-caption">Carte et l&#xE9;gende des pistes cyclables implant&#xE9;es et &#xE0; venir dans Ahuntsic-Cartierville</figcaption></figure></div><div class="content-module-stacked"><h3><span><span><span><span>Des pistes cyclables d&#xE9;neig&#xE9;es en&#xA0;hiver</span></span></span></span></h3>
  81. <p><span><span><span><span>Ces nouvelles pistes cyclables 4 saisons sont d&#xE9;neig&#xE9;es par l&#x2019;arrondissement afin de favoriser la pratique du v&#xE9;lo tout au long de l&#x2019;ann&#xE9;e.</span></span></span></span></p>
  82. <h3><span><span><span><span>Ces voies cyclables&#xA0;facilitent l&#x2019;acc&#xE8;s aux &#xE9;coles et aux parcs</span></span></span></span></h3>
  83. <p><span><span><span><span>Ces pistes cyclables desservent&#xA0;8 &#xE9;coles primaires et 2 &#xE9;coles secondaires, soit&#xA0;: Saint-Andr&#xE9;-Ap&#xF4;tre, Ahuntsic, Saint-Paul-de-la-Croix, Fernand-S&#xE9;guin, Louis-Colin, La Visitation, Saint-Antoine-Marie-Claret et Saints-Martyrs-Canadiens ainsi que les coll&#xE8;ges Mont-Saint-Louis et R&#xE9;gina-Assumpta.</span></span></span></span></p>
  84. <p><span><span><span><span>En reliant ces &#xE9;tablissements scolaires aux quartiers qui les entourent, ces pistes cyclables offrent un <strong>passage s&#xE9;curis&#xE9;</strong>&#xA0;tant pour les &#xE9;tudiant(e)s que les membres du personnel, de m&#xEA;me que pour tous les citoyens qui profitent de ces&#xA0;installations.</span></span></span></span></p>
  85. <p><span><span><span><span>Dans cette m&#xEA;me perspective, l&#x2019;implantation de ces pistes est une &#xE9;tape importante dans le trac&#xE9; de quartiers plus verts, en longeant 7 parcs situ&#xE9;s de la rue Meilleur aux limites est de l&#x2019;arrondissement, soit&#xA0;les parcs Tolhurst, Saint-Andr&#xE9;-Ap&#xF4;tre, Ahuntsic, Saint-Paul-de-la-Croix, du Sault-au-R&#xE9;collet, des&#xA0;Hirondelles et Prieur.&#xA0;</span></span></span></span></p>
  86. <h2><span><span><span><span>Des quartiers &#xE0; &#xE9;chelle humaine accessibles en transport actif</span></span></span></span></h2>
  87. <p><span><span><span><span>Li&#xE9;es directement au <a href="https://ville.montreal.qc.ca/portal/page?_pageid=8957,143276111&amp;_dad=portal&amp;_schema=PORTAL"><strong><span>R&#xE9;seau express v&#xE9;lo</span></strong></a> (REV MTL), sur les rues Berri et Lajeunesse, ces pistes offrent aux usagers un acc&#xE8;s rapide aux commerces locaux de la <a href="https://promenadefleury.com/"><span>Promenade Fleury</span></a>, de <a href="https://www.fleuryouest.com/"><span>Fleury Ouest</span></a> et de la rue Lajeunesse. Elles offrent aussi un acc&#xE8;s aux stations de m&#xE9;tro Henri-Bourassa et Sauv&#xE9;.</span></span></span></span></p>
  88. <p><span><span>Il sera d&#xE9;sormais tr&#xE8;s simple pour les cyclistes, planchistes et les personnes se d&#xE9;pla&#xE7;ant en triporteur de se rendre &#xE0; la biblioth&#xE8;que d&#x2019;Ahuntsic, la Maison de la culture, l&#x2019;ar&#xE9;na Ahuntsic ainsi qu&#x2019;au pavillon d&#x2019;accueil du <a href="https://parcoursgouin.ca/"><strong><span>Parcours Gouin</span></strong></a>, situ&#xE9; devant la piste cyclable qui longe la rivi&#xE8;re des Prairies sur plus de 15 km (<a href="http://ville.montreal.qc.ca/pls/portal/docs/PAGE/ARROND_AHC_FR/MEDIA/DOCUMENTS/CARTE%202019%20DU%20PARCOURS%20GOUIN.PDF"><strong><span>consultez ou t&#xE9;l&#xE9;chargez la carte du Parcours Gouin</span></strong></a>).</span></span></p></div><div class="content-module-stacked"><h2>Travaux pr&#xE9;vus en 2021</h2>
  89. <h4>Rue Prieur Est, c&#xF4;t&#xE9; nord</h4>
  90. <ul><li>Prolongement de la piste cyclable bidirectionnelle entre l&#x2019;av. Papineau et la rue De Saint-Firmin.</li>
  91. </ul><h4>Rue Sauriol Est, c&#xF4;t&#xE9; nord</h4>
  92. <ul><li>Prolongement de la piste cyclable bidirectionnelle entre l&#x2019;av. Papineau et la rue De Saint-Firmin.</li>
  93. </ul><h4>Rue de Port-Royal Est, c&#xF4;t&#xE9; nord</h4>
  94. <ul><li>Implantation d&#x2019;une piste cyclable unidirectionnelle entre la rue De Saint-Firmin et l&#x2019;av. De Lorimier.</li>
  95. </ul><h4>Rue De Saint-Firmin, c&#xF4;t&#xE9; ouest</h4>
  96. <ul><li>Implantation d&#x2019;une piste cyclable bidirectionnelle entre la rue de Port-Royal et du boul. Henri-Bourassa Est.</li>
  97. </ul></div><div class="content-module-stacked"><div class="wrapper wrapper-explainer"><h3 class="h3">R&#xE9;partition modale sur la rue Prieur Est, entre l&apos;av. Papineau et la rue De Saint-Firmin</h3><div class="row"><div class="col-12 col-md-5 mb-4 mb-md-0"><img src="https://res.cloudinary.com/villemontreal/image/upload/v1625523515/portail/nugxfgo9c1up7tygdlyk.jpg" alt="R&#xE9;partition modale sur la rue Prieur Est entre l&apos;av. Papineau et la rue De Saint-Firmin" class="img-fluid mb-2"></div><div class="col-12 col-md-7 mb-4 mb-md-0">Voici comment sera r&#xE9;partit l&#x2019;espace public, &#xE0;&#xA0;la suite des travaux effectu&#xE9;s en 2021 afin de prolonger la piste cyclable bidirectionnelle situ&#xE9;e du c&#xF4;t&#xE9; nord de la rue Prieur Est.</div></div></div></div><div class="content-module-stacked"><div class="wrapper wrapper-explainer"><h3 class="h3">R&#xE9;partition modale sur la rue De Saint-Firmin, entre la rue de Port-Royal Est et le boul. Henri-Bourassa Est</h3><div class="row"><div class="col-12 col-md-5 mb-4 mb-md-0"><img src="https://res.cloudinary.com/villemontreal/image/upload/v1625524172/portail/fxrktuqwu90nygnxbox1.jpg" alt="Illustration de la r&#xE9;partition modale sur la rue De Saint-Firmin entre la rue de Port-Royal Est et le boul. Henri-Bourassa Est" class="img-fluid mb-2"></div><div class="col-12 col-md-7 mb-4 mb-md-0">Voici la nouvelle r&#xE9;partition de l&#x2019;espace public, &#xE0; la suite de l&#x2019;implantation de la piste cyclable bidirectionnelle, sur le c&#xF4;t&#xE9; ouest de la rue De Saint-Firmin, en 2021.</div></div></div></div><div class="content-module-stacked"><div class="wrapper wrapper-explainer"><h3 class="h3">R&#xE9;partition modale sur la rue Sauriol Est, entre l&apos;av. Papineau et la rue De Saint-Firmin</h3><div class="row"><div class="col-12 col-md-5 mb-4 mb-md-0"><img src="https://res.cloudinary.com/villemontreal/image/upload/v1625523741/portail/lb3xwtvvk7gj8uhdvkuj.jpg" alt="Illustration de la r&#xE9;partition modale sur la rue Sauriol Est, entre l&apos;av. Papineau et la rue De Saint-Firmin" class="img-fluid mb-2"></div><div class="col-12 col-md-7 mb-4 mb-md-0">Sur la rue Sauriol Est, voici comment sera d&#xE9;sormais r&#xE9;partit l&#x2019;espace public une fois les travaux termin&#xE9;s afin de prolonger la piste cyclable bidirectionnelle situ&#xE9;e du c&#xF4;t&#xE9; sud de cette rue.</div></div></div></div><div class="content-module-stacked"><div class="wrapper wrapper-explainer"><h3 class="h3">R&#xE9;partition modale sur la rue de Port-Royal Est, entre la rue De Saint-Firmin et l&apos;av. De Lorimier</h3><div class="row"><div class="col-12 col-md-5 mb-4 mb-md-0"><img src="https://res.cloudinary.com/villemontreal/image/upload/v1625524686/portail/ezpvyohl34bpzbdyup9j.jpg" alt="Illustration de la r&#xE9;partition modale sur la rue de Port-Royal Est, entre la rue De Saint-Firmin et l&apos;av. De Lorimier" class="img-fluid mb-2"></div><div class="col-12 col-md-7 mb-4 mb-md-0">&#xC0; la suite des travaux de 2021, voici comment se r&#xE9;partit l&#x2019;espace public sur la rue de Port-Royal Est, apr&#xE8;s l&#x2019;implantation de la piste cyclable unidirectionnelle, sur le c&#xF4;t&#xE9; nord de cette rue.</div></div></div></div><div class="content-module-stacked"><figure class="figure"><div class="img-container"><img src="https://res.cloudinary.com/villemontreal/image/upload/q_auto,f_auto,dpr_auto,q_auto/v1/portail/edxh1dieip68nfuo0ky9.jpg" class="img-fluid" alt="Tableau des travaux qui doivent &#xEA;tre fait en 2021"></div><figcaption class="figure-caption">Liste et &#xE9;ch&#xE9;ancier des travaux pr&#xE9;vus en 2021</figcaption></figure></div><div class="content-module-stacked"><h2><span><span><span><span>Travaux r&#xE9;alis&#xE9;s en 2020</span></span></span></span></h2>
  98. <h4><span><span><span><span>Rue Prieur</span></span></span></span></h4>
  99. <ul><li>
  100. <p><span><span><span><span><span>Sur la rue Prieur Ouest&#xA0;: entre la rue Verville et la rue Jeanne-Mance et entre la rue Meilleur et la rue Hogue.</span></span></span></span></span></p>
  101. </li>
  102. <li>
  103. <p><span><span><span><span><span>Sur la rue Prieur Est&#xA0;: entre la rue Garnier et l&#x2019;avenue&#xA0;Papineau.</span></span></span></span></span></p>
  104. </li>
  105. <li>
  106. <p><span><span><span><span><span>La partie de la rue Prieur qui est d&#xE9;j&#xE0; &#xE0; sens unique vers l&#x2019;ouest, entre la rue Saint-Hubert et l&#x2019;avenue Christophe-Colomb, le restera.</span></span></span></span></span></p>
  107. </li>
  108. <li>
  109. <p><span><span><span><span><span>La partie &#xE0; l&#x2019;est de l&#x2019;avenue Christophe-Colomb sera mise &#xE0; sens unique vers l&#x2019;est, et ce, jusqu&#x2019;&#xE0; la limite de l&#x2019;arrondissement d&#x2019;Ahuntsic-Cartierville.</span></span></span></span></span></p>
  110. </li>
  111. <li>
  112. <p><span><span><span><span><span>La partie &#xE0; l&#x2019;ouest, soit&#xA0;du parc Ahuntsic, sera mise &#xE0; sens unique vers l&#x2019;ouest.</span></span></span></span></span></p>
  113. </li>
  114. </ul><h4><span><span><span><span>Rue Sauriol</span></span></span></span></h4>
  115. <ul><li><span><span><span><span>Les travaux ont &#xE9;t&#xE9; r&#xE9;alis&#xE9;s sur le tron&#xE7;on situ&#xE9; entre les avenues P&#xE9;loquin et Papineau.</span></span></span></span></li>
  116. <li><span><span><span><span>La rue Sauriol a &#xE9;t&#xE9; mise &#xE0; sens unique vers l&#x2019;ouest entre l&#x2019;avenue Papineau et la rue Saint-Denis.</span></span></span></span></li>
  117. </ul></div><div class="content-module-stacked"><h2><span><span><span><span>Une r&#xE9;ponse &#xE0; un besoin qui &#xE9;mane de la population</span></span></span></span></h2>
  118. <p><span><span><span><span>Ce projet structurant r&#xE9;sulte de plusieurs consultations citoyennes qui se sont d&#xE9;roul&#xE9;es <span>&#xE0; maintes occasions et sous plusieurs formes lors de la d&#xE9;marche de r&#xE9;alisation et d&#x2019;adoption du <a href="https://www.realisonsmtl.ca/6399/documents/21630/download">Plan local de d&#xE9;placements (PLD) d&#x2019;Ahuntsic-Cartierville</a>. </span></span></span></span></span></p>
  119. <p><span><span><span><span><span>Ainsi, de mai 2018 &#xE0; d&#xE9;cembre 2019, que ce soit par le biais d&#x2019;un sondage public sur la plate-forme num&#xE9;rique <a href="https://www.realisonsmtl.ca/pldac">R&#xE9;alisons Montr&#xE9;al</a>, ou lors de forums de discussions, de consultations publiques, d&#x2019;atelier de travail sur la mise &#xE0; sens unique des rues vis&#xE9;es, l&#x2019;arrondissement a sollicit&#xE9; la population relativement &#xE0; ce projet qui </span>&#xE9;mane d&#x2019;une demande de r&#xE9;sident(e)s de l&#x2019;arrondissement [Mobilisation environnement Ahuntsic-Cartierville (M&#xC9;AC), Ahuntcycle, etc.].</span></span></span></span></p>
  120. <p><span><span><span><span>R&#xEA;vant &#xE0; des quartiers plus verts, anim&#xE9;s, plus s&#xE9;curitaires, ils ont manifest&#xE9; l&#x2019;envie de vivre dans un milieu de vie sain et un environnement durable. </span></span></span></span></p>
  121. <h2>Un projet concret en mati&#xE8;re de d&#xE9;veloppement durable</h2>
  122. <p><span><span><span><span>C&#x2019;est sans compter que l&#x2019;implantation de ces nouvelles pistes cyclables&#xA0;s&#x2019;int&#xE8;gre dans le <a href="http://ville.montreal.qc.ca/pls/portal/docs/PAGE/ARROND_AHC_FR/MEDIA/DOCUMENTS/PSDD%20AHUNSTIC_FINAL.PDF">Plan strat&#xE9;gique de d&#xE9;veloppement durable&#xA0;2019-2025 &#x2013; Ahuntsic-Cartierville un arrondissement durable et r&#xE9;silient</a>. Ce plan a, entre autres pour objectifs&#xA0;:</span></span></span></span></p>
  123. <ul><li><span><span><span><span>de r&#xE9;duire les &#xE9;missions de gaz &#xE0; effet de serre (GES) et la d&#xE9;pendance aux &#xE9;nergies fossiles;</span></span></span></span></li>
  124. <li><span><span><span><span>&#xE0; assurer l&#x2019;acc&#xE8;s &#xE0; des quartiers durables, &#xE0; &#xE9;chelle humaine et en sant&#xE9;;</span></span></span></span></li>
  125. <li><span><span><span><span>ainsi qu&#x2019;&#xE0; r&#xE9;aliser la transition vers une &#xE9;conomie verte, circulaire et responsable.</span></span></span></span></li>
  126. </ul><h2><span><span><span><span>La suite&#xA0;en 2022</span></span></span></span></h2>
  127. <p><span><span><span><span>Ces deux&#xA0;pistes cyclables seront prolong&#xE9;es &#xE0; l&#x2019;est de l&#x2019;avenue&#xA0;Papineau, et ce,&#xA0;jusqu&#x2019;aux limites de l&#x2019;arrondissement.</span></span></span></span></p></div></div>
  128. </article>
  129. <hr>
  130. <footer>
  131. <p>
  132. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  133. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-home"></use>
  134. </svg> Accueil</a> •
  135. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  136. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-rss2"></use>
  137. </svg> RSS</a> •
  138. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  139. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-user-tie"></use>
  140. </svg> Pro</a> •
  141. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  142. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-mail"></use>
  143. </svg> Email</a> •
  144. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  145. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-hammer2"></use>
  146. </svg> Légal</abbr>
  147. </p>
  148. <template id="theme-selector">
  149. <form>
  150. <fieldset>
  151. <legend><svg class="icon icon-brightness-contrast">
  152. <use xlink:href="/static/david/icons2/symbol-defs.svg#icon-brightness-contrast"></use>
  153. </svg> Thème</legend>
  154. <label>
  155. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  156. </label>
  157. <label>
  158. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  159. </label>
  160. <label>
  161. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  162. </label>
  163. </fieldset>
  164. </form>
  165. </template>
  166. </footer>
  167. <script>
  168. function loadThemeForm(templateName) {
  169. const themeSelectorTemplate = document.querySelector(templateName)
  170. const form = themeSelectorTemplate.content.firstElementChild
  171. themeSelectorTemplate.replaceWith(form)
  172. form.addEventListener('change', (e) => {
  173. const chosenColorScheme = e.target.value
  174. localStorage.setItem('theme', chosenColorScheme)
  175. toggleTheme(chosenColorScheme)
  176. })
  177. const selectedTheme = localStorage.getItem('theme')
  178. if (selectedTheme && selectedTheme !== 'undefined') {
  179. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  180. }
  181. }
  182. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  183. window.addEventListener('load', () => {
  184. let hasDarkRules = false
  185. for (const styleSheet of Array.from(document.styleSheets)) {
  186. let mediaRules = []
  187. for (const cssRule of styleSheet.cssRules) {
  188. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  189. continue
  190. }
  191. // WARNING: Safari does not have/supports `conditionText`.
  192. if (cssRule.conditionText) {
  193. if (cssRule.conditionText !== prefersColorSchemeDark) {
  194. continue
  195. }
  196. } else {
  197. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  198. continue
  199. }
  200. }
  201. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  202. }
  203. // WARNING: do not try to insert a Rule to a styleSheet you are
  204. // currently iterating on, otherwise the browser will be stuck
  205. // in a infinite loop…
  206. for (const mediaRule of mediaRules) {
  207. styleSheet.insertRule(mediaRule.cssText)
  208. hasDarkRules = true
  209. }
  210. }
  211. if (hasDarkRules) {
  212. loadThemeForm('#theme-selector')
  213. }
  214. })
  215. </script>
  216. </body>
  217. </html>