A place to cache linked articles (think custom and personal wayback machine)
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.

index.html 30KB

před 4 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644
  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,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>De la démocratie en France (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://n.survol.fr/n/de-la-democratie-en-france">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. De la démocratie en France (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://n.survol.fr/n/de-la-democratie-en-france">Source originale du contenu</a></h3>
  445. <blockquote class="wp-block-quote">
  446. <p>Démocratie : Régime politique, système de gouvernement dans lequel le pouvoir est exercé par le peuple, par l’ensemble des citoyens.</p><cite><a href="http://www.cnrtl.fr/definition/d%C3%A9mocratie">TLFi, via le CNRTL</a><br/></cite></blockquote>
  447. <p> </p>
  448. <blockquote class="wp-block-quote">
  449. <p>Le terme démocratie (du grec ancien δημοκρατία / dēmokratía, combinaison de δῆμος / dêmos, « territoire » (de daiesthai, « partager ») puis « peuple », et kratein, « commander »), désigne le plus souvent un régime politique dans lequel les citoyens ont le pouvoir.</p><cite><a href="https://fr.wikipedia.org/wiki/D%C3%A9mocratie">Wikipedia</a></cite></blockquote>
  450. <h2>Sommes-nous <em>(vraiment)</em> en démocratie ?</h2>
  451. <p>Si vous avez déjà lu quelque chose à ce sujet en dehors de la télévision, des discours politiques et des livres d’école, vous savez déjà que non. On peut argumenter que nos systèmes sont les plus pertinents qu’on ait imaginé jusqu’alors, qu’une démocratie pure est irréalisable ou non souhaitable, mais le fait est que nous nous n’en sommes pas une. Il n’y a d’ailleurs pas grand débat à ce sujet.</p>
  452. <p>Que nous nous désignions régulièrement de <em>démocratie représentative</em> n’y change rien. Les régimes marxistes-léninistes se désignaient sous le terme de <em>démocratie</em> <em>populaire</em>, et la Chine comme la Corée du nord se voient toujours comme telles. On peut se gausser mais ça montre bien que le nom qu’on se donne ne vaut que pour les beaux discours, et au moins <em>démocratie</em><em> populaire </em>a le bon goût de ne pas relever de l’oxymore. On ne peut pas en dire autant chez nous.</p>
  453. <p><hr class="wp-block-separator"/><p>Une décision peut-elle être prise quand bien même il apparait clair que le peuple ou sa majorité est contre ? À l’inverse, quand il apparait clair que le peuple souhaite une décision donnée, est-il possible qu’elle ne soit pas prise ?</p></p>
  454. <p>S’il est possible de répondre oui à une des deux questions, alors le peuple n’a pas vraiment le pouvoir. Le reste n’est qu’argumentation pour éviter de regarder la vérité en face.</p>
  455. <p><hr class="wp-block-separator"/><p>S’ils ne peuvent être pris comme des sources de vérité absolue et que chaque question porte ses propres biais, les instituts de sondages nous montrent quand même des exemples à loisir. Dans les discussions préalables à ce billet, on m’a par exemple rappelé que s’il avait fallu suivre l’opinion du peuple, nous n’aurions probablement pas mis fin à la peine de mort en 1981. </p></p>
  456. <p>Dans l’essentiel des démocraties occidentales, le peuple n’a éventuellement le pouvoir qu’au moment des élections. Ensuite il le confie à des élus qui en jouissent jusqu’à la prochaine élection. Le peuple lui-même n’a de pouvoir qu’une journée de temps en temps, et encore : En France il n’a quasiment le pouvoir que de choisir à qui le confier, ou de répondre à des questions que d’autres auront choisi de lui poser. Difficile de prétendre que le peuple exerce le pouvoir.</p>
  457. <p>En fait les systèmes électoraux français sont tels que même lors des élections, même en se restreignant au choix des élus, il est difficile d’affirmer que le choix réalisé représente le peuple.<br/></p>
  458. <p>Plus que de savoir si nous en sommes une, ce qui m’interpelle est plutôt de savoir si nous voulons en être une. Moi oui, mais je suis loin d’être certain que cette opinion soit partagée.</p>
  459. <h2>Voulons-nous <em>(vraiment)</em> de la démocratie ?</h2>
  460. <p>Vous avez d’un côté un dirigeant éclairé avec une vision pour l’avenir. Il est accompagné d’un groupe d’experts qui travaille avec le terrain pour élaborer ce qu’ils pensent être les <em>meilleures</em> décisions. Parfois ils peuvent se tromper, parfois ils ne voient pas la réalité du terrain, parfois le choix dépend aussi ou surtout des valeurs du dirigeant ou des experts, mais prenons pour hypothèse que cet ensemble recherche et tend vers les <em>meilleures</em> décisions.</p>
  461. <p>De l’autre côté vous avez le peuple et un moyen d’exprimer collectivement <em>notre</em> décision. Parfois il est difficile de dégager une volonté dans un ensemble complexe d’opinions et il peut même y avoir des erreurs. Parfois le peuple prend une décision sans en comprendre les tenants et aboutissants, change avec le temps, voire se fait manipuler, mais prenons pour hypothèse qu’un moyen d’expression permet d’exprimer au mieux possible <em>notre </em>décision collective.</p>
  462. <p>S’il y a désaccord, qui souhaitez-vous suivre ?</p>
  463. <p>Dit autrement et en caricaturant, préférez-vous une prison dorée ou un enfer libre ? La démocratie c’est l’enfer libre. C’est peut-être prendre les mauvaises décisions mais pouvoir en décider <em>nous</em>.</p>
  464. <p><hr class="wp-block-separator"/><blockquote class="wp-block-quote">
  465. <p>Le futur selon <a href="https://twitter.com/hashtag/GiletsJaunes?src=hash&amp;ref_src=twsrc%5Etfw">#GiletsJaunes</a>🤔<a href="https://twitter.com/hashtag/RIC?src=hash&amp;ref_src=twsrc%5Etfw">#RIC</a>:Référendum d’initiative citoyenne 2019<br/>👉🏽Suppression de la <a href="https://twitter.com/hashtag/CSG?src=hash&amp;ref_src=twsrc%5Etfw">#CSG</a>:89% de oui<br/>👉🏽Camps de rétention des fichés S:72% de oui<br/>👉🏽Aucune limitation de vitesse:65% de oui<br/>👉🏽Rétablissement de la peine de mort:61% de oui<br/>👉🏽Démission de <a href="https://twitter.com/hashtag/Macron?src=hash&amp;ref_src=twsrc%5Etfw">#Macron</a>:55% de oui</p><cite>— Olivier Duhamel (@o_duhamel) <a href="https://twitter.com/o_duhamel/status/1074001239317336064?ref_src=twsrc%5Etfw">15 décembre 2018</a></cite></blockquote></p>
  466. <p/>
  467. <p>Moi aussi les réponses à ces sondages me font peur. Elles ne sont représentatives que des sondés mais je ne suis pas forcément convaincu que toutes les réponses seraient différentes pour un référendum national. Je suis pourtant personnellement très inquiet par le courant qui veut que le peuple soit trop ignorant ou trop imbécile pour décider lui-même de son avenir et qu’il faut qu’un élite décide à leur place. <br/></p>
  468. <p>En creux dans les propos cités, on dit qu’une minorité de 10 à 40% a <em>raison</em> et doit garder le pouvoir pour que surtout les choix de la majorité ne soient pas exécutés. Bien évidemment c’est cette même minorité qui s’érige en juge et décide de quels propos sont <em>justes</em> et de quels propos sont <em>dangereux</em>. Son seul droit à le faire c’est qu’elle est déjà au pouvoir, depuis bien longtemps.</p>
  469. <p>Plus que les réponses au sondage, ce sont <a href="https://www.marianne.net/politique/pour-le-patron-de-lrem-le-referendum-d-initiative-citoyenne-est-forcement-dangereux#Echobox=1545065624">les propos du responsable LREM</a> qui me font peur. Il est en train de justifier qu’il faut que laisser les gouvernants gouverner seuls parce que seuls eux ont une opinion valable, et surtout pas laisser le peuple décider. On est à la limite de souhaiter une dictature éclairée.</p>
  470. <p>Que la politique actuelle les favorise depuis longtemps ne doit être qu’une coïncidence, ne croyez-vous pas ? Eux-même sont probablement les premiers à traiter les anciens régimes communistes de détestable dictature alors que c’est la mise en application la plus pure de ces principes là : Une qui élite dirige le peuple en son nom. La seule différence c’est que ce n’est pas la même élite qui est au pouvoir.<br/></p>
  471. <hr class="wp-block-separator"/><p>Moquez-vous si vous voulez des gouvernants anglais qui tentent contre vents et marées d’exécuter la sortie de l’Europe malgré tout ce que cela va leur coûter, mais quelque part ils auraient des leçons de démocratie à nous donner.</p>
  472. <p>De notre côté, après le « non » au référendum sur le traité établissant une constitution pour l’Europe (Rome II), nos élus ont acté ensuite le traité de Lisbonne qui contenait grosso modo la même chose reformulé autrement (sans référendum cette fois). Peut-être était-ce la <em>meilleure</em> décision — je vous en laisse juge — mais c’est largement discutable du point de vue démocratique. En France nous glorifions même l’idée du gouvernant visionnaire et ferme, qui <em>sait</em> prendre des décisions impopulaires. Impopulaire ça veut aussi dire « contre la volonté du peuple ». En terme de démocratie ça se pose là.<br/></p>
  473. <p>Tout au plus on peut se demander si le peuple du Royaume Uni n’a pas changé d’avis depuis son vote pour le Brexit. C’est d’ailleurs là un point intéressant. Nos systèmes sont faits pour assurer une stabilité et pouvoir mettre en œuvre des politiques cohérentes qui se déploient mal s’il faut systématiquement changer de direction. Mais du coup, si le peuple ne peut pas changer de direction, exerce-t-il encore le pouvoir ? </p>
  474. <h2>Améliorer <em>(vraiment)</em> la démocratie française<br/></h2>
  475. <p>À défaut de parler de démocratie directe, ou de la vouloir, la France est quand même très loin du concept de démocratie. Trop loin même.</p>
  476. <p>Au minimum, ce qu’il manque est un système permettant au peuple de s’exprimer quand il le souhaite. Il y en a trois simples : 1– La possibilité de révoquer des gouvernants, 2– Les référendums ou décisions d’origine populaire, et 3– le renouvellement court des mandats.</p>
  477. <hr class="wp-block-separator"/><p>La révocation des mandats permettrait au peuple de changer d’avis ou de mettre fin à un élu qui agirait autrement que ce qui était prévisible au moment des élections. Ça semble du bon sens mais c’est aussi assez risqué. Il est facile de fédérer <em>contre</em> un élu, mais pas forcément d’avoir un consensus <em>pour</em> un remplaçant.</p>
  478. <p>La révocation n’a pour moi de sens qu’au sein d’une assemblée proportionnelle et pour toute l’assemblée dans son ensemble, ou alors exceptionnellement à titre individuel mais alors avec un quorum extrêmement élevé, genre 50% des électeurs, ou 2/3 des votants (blancs inclus).<br/></p>
  479. <hr class="wp-block-separator"/><p>Le vrai enjeu est probablement celui des référendums d’origine populaire. Vous vous souvenez de mes deux questions pour définir une démocratie ? Ça se résume en « si la volonté du peuple est claire, est-elle suivie ? » Le référendum d’origine populaire est uniquement ça, formaliser une volonté claire, et la rendre exécutable. Toute la difficulté c’est de définir qui et sous quelles conditions peut lancer un tel référendum.</p>
  480. <p>La voie qui semble être prise en ce moment est qu’il faut que ça vienne des députés – ce qui invalide tout le propos démocratique – et que les soutiens populaires se fassent de façon publics – ce qui pose bien d’autres problèmes de vie privée et de liberté de conscience pour les plus exposés. </p>
  481. <p>Il y a encore beaucoup de choses à imaginer. C’est faisable mais ça va être long à s’imposer tellement notre classe dirigeante a peur de laisser la main directe au peuple.</p>
  482. <blockquote class="wp-block-quote">
  483. <p>le droit de vote c’est dangereux (1789)<br/>le suffrage universel c’est dangereux (1848)<br/>le bulletin secret c’est dangereux (1851)<br/>le parlementarisme c’est dangereux (1875)<br/>le vote des femmes c’est dangereux (1945)<br/>le référendum d’initiative citoyenne c’est dangereux (2018)</p><cite>Jean Massiet (@JeanMassiet) <a href="https://twitter.com/JeanMassiet/status/1074765448284172289?ref_src=twsrc%5Etfw">17 décembre 2018</a><br/></cite></blockquote>
  484. <p>Pour ceux qui ont vraiment trop peur de laisser le peuple s’exprimer, on peut commencer par avoir une capacité de referendum d’origine populaire uniquement sur de la censure (marquer le refus à une loi ou une mesure qui viendrait d’être votée). Ça permettrait uniquement de refuser une évolution contre l’accord du peuple. Pas grand danger à part celui d’un status quo mais si on apprécie un minimum l’idée de démocratie il serait logique de ne pas pouvoir imposer quelque chose de nouveau au peuple si ce dernier arrive à exprimer son désaccord.<br/></p>
  485. <hr class="wp-block-separator"/><p>Le renouvellement des mandats a l’air totalement irréaliste mais c’est ce qui me semble le plus viable à court terme. Par le passé nous avions le Sénat qui fonctionnait ainsi : mandat de neuf ans renouvelable par tiers. Imaginez un vote permanent, tous les six mois, pour renouveler 1/8ème de l’Assemblée nationale. Nos députés garderaient un mandat de 4 ans, leur permettant d’apprendre et se montrer efficaces. Le renouvellement par (petite) partie permet de ne pas reprendre tout à zéro en permanence, tout en permettant à la population de changer la représentation nationale progressivement en cours d’action.</p>
  486. <p>Par là le peuple met même une pression permanente sur les élus nationaux, avec la crainte de perdre ou gagner des sièges s’ils prennent des décisions impopulaires (c’est à dire « contre le peuple »). Non seulement on permet au peuple d’influencer sa représentation en continue, mais en plus on donne un peu plus de pression pour que cette représentation prenne en compte l’avis du peuple. Ça ne corrige pas tout, mais c’est déjà ça.</p>
  487. <p>Et, bien évidemment, pour que ça fonctionne, il faudra quitter notre système majoritaire à deux tours découpé par circonscription et passer par des listes nationales (même si rien n’empêche de mettre des règles complexes assurant une représentativité aux différents territoires et d’en faire sortir des élus locaux). Si on peut en profiter pour que ça passe par de la proportionnelle ce serait encore mieux d’un point de vue démocratique mais on peut tout à fait passer à du renouvellement continu sans ça.<br/></p>
  488. </article>
  489. </section>
  490. <nav id="jumpto">
  491. <p>
  492. <a href="/david/blog/">Accueil du blog</a> |
  493. <a href="https://n.survol.fr/n/de-la-democratie-en-france">Source originale</a> |
  494. <a href="/david/stream/2019/">Accueil du flux</a>
  495. </p>
  496. </nav>
  497. <footer>
  498. <div>
  499. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  500. <p>
  501. Bonjour/Hi!
  502. Je suis <a href="/david/" title="Profil public">David&nbsp;Larlet</a>, je vis actuellement à Montréal et j’alimente cet espace depuis 15 ans. <br>
  503. Si tu as apprécié cette lecture, n’hésite pas à poursuivre ton exploration. Par exemple via les <a href="/david/blog/" title="Expériences bienveillantes">réflexions bimestrielles</a>, la <a href="/david/stream/2019/" title="Pensées (dés)articulées">veille hebdomadaire</a> ou en t’abonnant au <a href="/david/log/" title="S’abonner aux publications via RSS">flux RSS</a> (<a href="/david/blog/2019/flux-rss/" title="Tiens c’est quoi un flux RSS ?">so 2005</a>).
  504. </p>
  505. <p>
  506. Je m’intéresse à la place que je peux avoir dans ce monde. En tant qu’humain, en tant que membre d’une famille et en tant qu’associé d’une coopérative. De temps en temps, je fais aussi des <a href="https://github.com/davidbgk" title="Principalement sur Github mais aussi ailleurs">trucs techniques</a>. Et encore plus rarement, <a href="/david/talks/" title="En ce moment je laisse plutôt la place aux autres">j’en parle</a>.
  507. </p>
  508. <p>
  509. Voici quelques articles choisis :
  510. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  511. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  512. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  513. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  514. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  515. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  516. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  517. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  518. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  519. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  520. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  521. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  522. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  523. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  524. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  525. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  526. </p>
  527. <p>
  528. On peut <a href="mailto:david%40larlet.fr" title="Envoyer un courriel">échanger par courriel</a>. Si éventuellement tu souhaites que l’on travaille ensemble, tu devrais commencer par consulter le <a href="http://larlet.com">profil dédié à mon activité professionnelle</a> et/ou contacter directement <a href="http://scopyleft.fr/">scopyleft</a>, la <abbr title="Société coopérative et participative">SCOP</abbr> dont je fais partie depuis six ans. Je recommande au préalable de lire <a href="/david/blog/2018/cout-site/" title="Attention ce qui va suivre peut vous choquer">combien coûte un site</a> et pourquoi je suis plutôt favorable à une <a href="/david/pro/devis/" title="Discutons-en !">non-demande de devis</a>.
  529. </p>
  530. <p>
  531. Je ne traque pas ta navigation mais mon
  532. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  533. conserve des logs d’accès.
  534. </p>
  535. </div>
  536. </footer>
  537. <script type="text/javascript">
  538. ;(_ => {
  539. const jumper = document.getElementById('jumper')
  540. jumper.addEventListener('click', e => {
  541. e.preventDefault()
  542. const anchor = e.target.getAttribute('href')
  543. const targetEl = document.getElementById(anchor.substring(1))
  544. targetEl.scrollIntoView({behavior: 'smooth'})
  545. })
  546. })()
  547. </script>