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 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  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` element
  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>Misère du cyclisme urbain (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="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <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>
  31. <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>
  32. <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>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://blog.ecologie-politique.eu/post/Misere-du-cyclisme-urbain">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>Misère du cyclisme urbain</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://blog.ecologie-politique.eu/post/Misere-du-cyclisme-urbain" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>« Connasse, t’as qu’à te pousser dans le caniveau, je te double si je veux ! » C’est pas lui qui me gueule ça, c’est moi qui verbalise à voix haute son ding-ding parce que je prends toute la place sur cette piste cyclable trop étroite pour y rouler à deux de front. (Oui, dans la France d’avant – avant le 5 décembre 2019 – on imaginait des cyclistes épars·es se suivre de loin en loin et personne n’avait prévu des pistes suffisamment larges pour doubler.) Il me dépasse quand même, en me frôlant et en me faisant savoir qu’il est vexé que j’aie pu le confondre avec un automobiliste de base. Lui, il est beaucoup mieux. Il fait du vélo, il mange peut-être bio pour sauver la planète en rentrant à 18 h de son boulot de bureau bien payé, si j’en juge par son joli équipement. Il est probablement « déconstruit » et titulaire d’un livret éthique qui partage ses maigres bénéfices avec Pierre Rabhi, un peu comme moi. Sauf que moi, je suis capable de gérer ma frustration et de rester à rouler tranquillement derrière une vieille dame ou un gros monsieur, tant que je n’ai pas la place de les dépasser. Je le retrouve plus tard, j’étais passée devant lui suite à un mauvais choix de sa part au carrefour et il me double de nouveau. On roule à peu près à la même vitesse mais le moindre différentiel lui est insupportable, c’est son droit humain de doubler quiconque le ferait à peine ralentir, dès qu’il estime que « ça passe ». Aujourd’hui c’est lui, un barbu trentenaire ou quadra. Hier c’était elle, une meuf plus jeune en Vélib (1) pour qui s’était vital, de se placer devant moi, j’avais donc roulé deux kilomètres sur l’avenue sagement derrière elle après son dépassement dangereux. Avant-hier c’était un autre gars avec un vélo sportif, dans un virage, et qui roulait sur la piste malgré une vitesse élevée.</p>
  71. <p>Vingt-cinq ans que je fais du vélo, que je me prends des invitations peu amènes à rouler dans le caniveau pour laisser place aux « vrais » véhicules, que je me fais klaxonner par tout ce que la ville compte de trous du cul à moteur. Quel progrès : les sonnettes méprisantes ont remplacé les klaxons injurieux, la bagnole qui me passe à 50 cm a laissé place à des vélos qui me passent à 5 cm (2). J’ai beau me dire qu’on est en transition, que ça y est les aménageurs font de vraies pistes qui prennent en considération notre nombre et les différentiels de vitesse entre nous (qui ont explosé avec l’arrivée sur les pistes cyclables des trottinettes motorisées et des vélos électriques), que tout ça n’est qu’un mauvais moment à passer…</p>
  72. <p>Il y a quelques années, une élue verte pour qui j’ai bossé et que je continuais à fréquenter avec plaisir me demandait pourquoi dénoncer dans <a href="http://www.lemondealenvers.lautre.net/livres/egologie.html"><em>Égologie</em></a> la manière dont la petite bourgeoisie s’appropriait l’écologie pour optimiser sa vie. Après tout, l’essentiel était la diffusion de nos idées, qu’importe qui adhère en premier, on prend tout le monde.</p>
  73. <p>Et pourtant, si, ça importe. D’abord parce qu’en devenant marqueur de classe, la sensibilité à l’écologie se présente comme inaccessible aux classes populaires. On a beaucoup dit que les valeurs ruisselaient et que les désirs des riches infusaient chez les pauvres mais cette classe, la petite ou moyenne bourgeoisie écolo conscientisée, est une classe intermédiaire, dotée de beaucoup moins de prestige que les authentiques bourges avec leurs grosses voitures rouges et leurs yachts. Se faire donner des leçons par une prof de lettres qui jardine bio ou par un ingénieur qui fait du vélo électrique, ça n’a jamais fait rêver personne.</p>
  74. <p>Ça importe aussi parce que ces semi-winners de la guerre économique (3) ne lisent pas l’écologie comme une invitation à reconsidérer radicalement la manière dont nous vivons. C’est la même chose, mais en bio. Même pyramide sociale qui écrase les gens en-bas, même rythme (avec parenthèse méditation entre 13 h 30 et 13 h 55), même compétition pour simplement exister, même fascination pour la technique et ses promesses de vies encore plus confortables, même manière de rouler sur les autres, littéralement. Et mêmes idoles politiques, inévitablement. Votera-t-on lors de la primaire des écolos pour l’ex-ministre, pour le fan de la police nationale, pour le <a href="http://www.lemondealenvers.lautre.net/livres/le_vide_a_moitie_vert.html">« vide à moitié vert »</a> ou pour la néo-sorcière écoféministe (Sandrine Rousseau, complice de harcèlement moral et sexiste ? <a href="/post/Du-balai">non, j’y crois pas</a>) ? Le suspense est à son comble.</p>
  75. <p>Et pourtant… En se mettant au vélo, des petits bourgeois blancs découvrent ce que ça fait, de se faire traiter comme de la merde, d’être mis en danger par des personnes bien protégées par leur position sociale. Le géographe <a href="https://cyclops.hypotheses.org/author/cyclops">Matthieu Adam</a> témoigne de leur prise de conscience de cette « oppression systémique » maintenant qu’ils la subissent. Est-ce que ça va en faire des héros de la justice sociale, des alliés hors pair des classes exploitées ? Vu depuis les pistes cyclables parisiennes, ça n’en prend pas le chemin.</p>
  76. <p>(1) Puisque j’ai lu récemment un type se plaindre de ce vocabulaire parigo-centré : c’est des VLS, vélos en libre service. Ils s’appellent Vélov à Lyon (les premiers en France vers 2002 ou 2003), Vélib à Paris (juste après), VélôToulouse, V3 (VCub) à Bordeaux, etc.<br>
  77. (2) Et les piéton·nes sont aussi mal traité·es. À pied ou en bagnole, j’estime à 10 % la proportion de trous du cul individualistes qui essaient quoi qu’il en coûte à d’autres d’aller au plus vite. À vélo elle me semble bien supérieure, le double ou le triple (j’en fais parfois partie quand tout ça me gonfle trop).<br>
  78. (3) Lire à ce sujet <a href="/post/L-Illusion-du-bloc-bourgeois">Bruno Amable et Stefano Palombarini, <em>L'Illusion du bloc bourgeois</em></a> (Raisons d'agir, 2018), qui rappelle le vote macroniste bien établi dans ces classes qui sont pourtant loin de payer l'ISF.</p>
  79. </article>
  80. <hr>
  81. <footer>
  82. <p>
  83. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  84. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  85. </svg> Accueil</a> •
  86. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  87. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  88. </svg> Suivre</a> •
  89. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  90. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  91. </svg> Pro</a> •
  92. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  93. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  94. </svg> Email</a> •
  95. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  96. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  97. </svg> Légal</abbr>
  98. </p>
  99. <template id="theme-selector">
  100. <form>
  101. <fieldset>
  102. <legend><svg class="icon icon-brightness-contrast">
  103. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  104. </svg> Thème</legend>
  105. <label>
  106. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  107. </label>
  108. <label>
  109. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  110. </label>
  111. <label>
  112. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  113. </label>
  114. </fieldset>
  115. </form>
  116. </template>
  117. </footer>
  118. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  119. <script>
  120. function loadThemeForm(templateName) {
  121. const themeSelectorTemplate = document.querySelector(templateName)
  122. const form = themeSelectorTemplate.content.firstElementChild
  123. themeSelectorTemplate.replaceWith(form)
  124. form.addEventListener('change', (e) => {
  125. const chosenColorScheme = e.target.value
  126. localStorage.setItem('theme', chosenColorScheme)
  127. toggleTheme(chosenColorScheme)
  128. })
  129. const selectedTheme = localStorage.getItem('theme')
  130. if (selectedTheme && selectedTheme !== 'undefined') {
  131. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  132. }
  133. }
  134. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  135. window.addEventListener('load', () => {
  136. let hasDarkRules = false
  137. for (const styleSheet of Array.from(document.styleSheets)) {
  138. let mediaRules = []
  139. for (const cssRule of styleSheet.cssRules) {
  140. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  141. continue
  142. }
  143. // WARNING: Safari does not have/supports `conditionText`.
  144. if (cssRule.conditionText) {
  145. if (cssRule.conditionText !== prefersColorSchemeDark) {
  146. continue
  147. }
  148. } else {
  149. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  150. continue
  151. }
  152. }
  153. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  154. }
  155. // WARNING: do not try to insert a Rule to a styleSheet you are
  156. // currently iterating on, otherwise the browser will be stuck
  157. // in a infinite loop…
  158. for (const mediaRule of mediaRules) {
  159. styleSheet.insertRule(mediaRule.cssText)
  160. hasDarkRules = true
  161. }
  162. }
  163. if (hasDarkRules) {
  164. loadThemeForm('#theme-selector')
  165. }
  166. })
  167. </script>
  168. </body>
  169. </html>