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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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>Lettre à Jean Grave, par Élisée Reclus (Voter c'est abdiquer) (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="http://www.homme-moderne.org/textes/classics/ereclus/jgrave.html">
  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>Lettre à Jean Grave, par Élisée Reclus (Voter c'est abdiquer)</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="http://www.homme-moderne.org/textes/classics/ereclus/jgrave.html" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p align="center"><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">                                   Clarens, Vaud, 26 septembre 1885. </font></p>
  71. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">                                  Compagnons, </font></p>
  72. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     Vous demandez à un homme de bonne volonté, qui
  73. n'est ni votant ni candidat, de vous exposer quelles sont ses
  74. idées sur l'exercice du droit de suffrage. </font></p>
  75. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     Le délai que vous m'accordez est bien court, mais ayant, au
  76. sujet du vote électoral, des convictions bien nettes, ce que
  77. j'ai à vous dire peut se formuler en quelques mots. </font></p>
  78. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     <strong>Voter, c'est abdiquer </strong>; nommer un ou plusieurs maîtres pour
  79. une période courte ou longue, c'est renoncer à sa
  80. propre souveraineté. Qu'il devienne monarque absolu, prince
  81. constitutionnel ou simplement mandataire muni d'une petite part de
  82. royauté, le candidat que vous portez au trône ou
  83. au fauteuil sera votre supérieur. Vous nommez des hommes qui
  84. sont au-dessus des lois, puisqu'ils se chargent de les
  85. rédiger et que leur mission est de vous faire
  86. obéir. </font></p>
  87. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     Voter, c'est être dupe ; c'est croire que des hommes comme
  88. vous acquerront soudain, au tintement d'une sonnette, la vertu de tout
  89. savoir et de tout comprendre. Vos mandataires ayant à
  90. légiférer sur toutes choses, des allumettes aux
  91. vaisseaux de guerre, de l'échenillage des arbres
  92. à l'extermination des peuplades rouges ou noires, il vous
  93. semble que leur intelligence grandisse en raison même de
  94. l'immensité de la tâche. L'histoire vous enseigne
  95. que le contraire a lieu. Le pouvoir a toujours affolé, le
  96. parlotage a toujours abêti. Dans les assemblées
  97. souveraines, la médiocrité prévaut
  98. fatalement. </font></p>
  99. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     Voter c'est évoquer la trahison. Sans doute, les votants
  100. croient à l'honnêteté de ceux auxquels
  101. ils accordent leurs suffrages  — et peut-être ont-il
  102. raison le premier jour, quand les candidats sont encore dans la ferveur
  103. du premier amour. Mais chaque jour a son lendemain. Dès que
  104. le milieu change, l'homme change avec lui. Aujourd'hui, le candidat
  105. s'incline devant vous, et peut-être trop bas ; demain, il se
  106. redressera et peut-être trop haut. Il mendiait les votes, il
  107. vous donnera des ordres. L'ouvrier, devenu contre-maître,
  108. peut-il rester ce qu'il était avant d'avoir obtenu la faveur
  109. du patron ? Le fougueux démocrate n'apprend-il pas
  110. à courber l'échine quand le banquier daigne
  111. l'inviter à son bureau, quand les valets des rois lui font
  112. l'honneur de l'entretenir dans les antichambres ?
  113. L'atmosphère de ces corps législatifs est malsain
  114. à respirer, vous envoyez vos mandataires dans un milieu de
  115. corruption ; ne vous étonnez pas s'ils en sortent corrompus. </font></p>
  116. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     N'abdiquez donc pas, ne remettez donc pas vos destinées
  117. à des hommes forcément incapables et à
  118. des traîtres futurs. Ne votez pas ! Au lieu de confier vos
  119. intérêts à d'autres,
  120. défendez-les vous-mêmes ; au lieu de prendre des
  121. avocats pour proposer un mode d'action futur,  agissez ! Les
  122. occasions ne manquent pas aux hommes de bon vouloir. Rejeter sur les
  123. autres la responsabilité de sa conduite, c'est manquer de
  124. vaillance. </font></p>
  125. <p><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">     Je vous salue de tout cœur, compagnons . </font></p>
  126. <p align="center"><font size="4" face="AGaramond, Garamond, Times, Baskerville, Sabon, serif">Élisée Reclus. </font><br>
  127.   </p>
  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-2021-12.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-2021-12.svg#icon-rss2"></use>
  137. </svg> Suivre</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-2021-12.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-2021-12.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-2021-12.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-2021-12.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 src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  168. <script>
  169. function loadThemeForm(templateName) {
  170. const themeSelectorTemplate = document.querySelector(templateName)
  171. const form = themeSelectorTemplate.content.firstElementChild
  172. themeSelectorTemplate.replaceWith(form)
  173. form.addEventListener('change', (e) => {
  174. const chosenColorScheme = e.target.value
  175. localStorage.setItem('theme', chosenColorScheme)
  176. toggleTheme(chosenColorScheme)
  177. })
  178. const selectedTheme = localStorage.getItem('theme')
  179. if (selectedTheme && selectedTheme !== 'undefined') {
  180. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  181. }
  182. }
  183. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  184. window.addEventListener('load', () => {
  185. let hasDarkRules = false
  186. for (const styleSheet of Array.from(document.styleSheets)) {
  187. let mediaRules = []
  188. for (const cssRule of styleSheet.cssRules) {
  189. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  190. continue
  191. }
  192. // WARNING: Safari does not have/supports `conditionText`.
  193. if (cssRule.conditionText) {
  194. if (cssRule.conditionText !== prefersColorSchemeDark) {
  195. continue
  196. }
  197. } else {
  198. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  199. continue
  200. }
  201. }
  202. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  203. }
  204. // WARNING: do not try to insert a Rule to a styleSheet you are
  205. // currently iterating on, otherwise the browser will be stuck
  206. // in a infinite loop…
  207. for (const mediaRule of mediaRules) {
  208. styleSheet.insertRule(mediaRule.cssText)
  209. hasDarkRules = true
  210. }
  211. }
  212. if (hasDarkRules) {
  213. loadThemeForm('#theme-selector')
  214. }
  215. })
  216. </script>
  217. </body>
  218. </html>