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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567
  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>La procédure parlementaire, le déficit démocratique français (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="http://www.jslefebvre.eu/analyses/2018/04/03/la-procedure-parlementaire-le-deficit-democratique-francais/">
  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. La procédure parlementaire, le déficit démocratique français (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="http://www.jslefebvre.eu/analyses/2018/04/03/la-procedure-parlementaire-le-deficit-democratique-francais/">Source originale du contenu</a></h3>
  445. <p class="p1"><span class="s1">Examen en commission, amendements, passage en plénière, vote, navette parlementaire. Mon collègue égraine les étapes de la fabrication d’une loi en France. Nous sommes dans les locaux du journal à Paris et sa mission de ce début d’après-midi est de former les correspondants bruxellois à ces subtilités. L’objectif est simple. Permettre à chaque journaliste de comprendre aussi les enjeux des autres rubriques et ainsi faciliter les collaborations. </span></p>
  446. <p class="p1"><span class="s1">C’est ainsi. Je connais mieux les arcanes du pouvoir européen que ceux de mon propre pays. Je peux vous citer nombre d’arrêts de la Cour de justice de l’UE, le Conseil constitutionnel ne m’est que vaguement familier. <a href="https://www.contexte.com/article/relations-interinstitutionnelles/les-trilogues-ces-raccourcis-de-la-democratie-europeenne_23550.html">Un trilogue</a> me parait être une évidence, alors que <a href="https://fr.wikipedia.org/wiki/Commission_mixte_paritaire">l’existence des CMP</a> reste un mystère. </span></p>
  447. <p class="p1"><span class="s1">Dans les grandes lignes, les procédures françaises et européennes sont relativement similaires. Après tout, que ce soit à Paris ou à Bruxelles, une des missions premières d’un député est d’amender les textes qu’on lui propose. </span></p>
  448. <p class="p1"><span class="s1">Or, au fur et à mesure que Samuel avance dans son propos, mes yeux s’écarquillent. </span></p>
  449. <h2 class="p1"><span class="s1"><b>Un jeu déséquilibré </b></span></h2>
  450. <p class="p1"><span class="s1">Chaque petite astuce du Palais Bourbon est faite pour qu’à la fin… ce soit le gouvernement qui l’emporte. Aucun doute n’est permis. L’exécutif a toutes les cartes en main pour réduire au strict minimum l’influence des députés. Attention, je ne dis pas que le Parlement européen est un bastion de courage politique, loin de là. Mais au moins, il existe une vraie autonomie du travail des parlementaires, condition indispensable pour pouvoir infléchir un texte.</span></p>
  451. <p class="p1"><span class="s1">À Paris, quand un projet de loi arrive à l’Assemblée nationale, il est examiné pendant une semaine en commission parlementaire, puis en séance publique la semaine suivante. Et voilà. En quinze jours, c’est plié. Honnêtement, comment imaginer que les députés puissent se faire une idée claire, réfléchir aux conséquences de telle ou telle mesure en si peu de temps ? Faire le poids face à des ministres qui disposent de services administratifs spécialisés pour les alimenter en analyses et arguments est mission impossible. La technocratie écrasera forcément le politique, chose qui n’a pas l’air de déranger quand cela se fait à Paris.  </span></p>
  452. <p class="p1"><span class="s1">Sans forcément passer entre six et douze mois sur une loi comme à Bruxelles (les enjeux d’équilibre ne sont pas les mêmes), un juste milieu ne serait-il pas possible ? Pour permettre de mûrir les réflexions des députés qui ne sont pas omniscients en terme de connaissances sur les différents dossiers. Autant vous dire que depuis cette formation, je suis devenu un fervent parti partisan du Sénat, qui permet d’allonger légèrement le débat. Même si ses chances d’arriver à modifier un texte sont limitées et variables (rappelons-le, l’Assemblée l’emporte en cas de désaccord). </span></p>
  453. <p class="p1"><span class="s1">Dans les débats actuels autour de la réforme constitutionnelle, Emmanuel Macron souhaite revoir la procédure parlementaire, pour aller encore plus vite. Je commence à me poser des questions sur l’utilité même dans ce cas, de conserver un Parlement. Soyons sérieux. Ou il suffirait juste de lui demander de répondre par oui ou non. </span></p>
  454. <h2 class="p1"><span class="s1"><b>Maitre des cartes et des horloges </b></span></h2>
  455. <p class="p1"><span class="s1">L’autre point qui m’a fait tomber de ma chaise, la question des amendements. À Bruxelles, les députés en déposent autant qu’ils le souhaitent, sont les seuls à pouvoir le faire, et les périodes pour pouvoir le faire sont clairement définies. </span></p>
  456. <p class="p1"><span class="s1">À Paris, en plus du fait que le gouvernement peut lui-aussi en soumettre, il a le droit de le faire quand il veut. Si, si. Même en dehors des délais, et rien l’empêche d’en proposer un de trois pages, complexe au possible, quelques heures avant le vote. Cela ne peut fonctionner que si vous misez sur la docilité de votre majorité, pas trop regardante sur ce qu’elle vote. </span></p>
  457. <p class="p1"><span class="s1">Soyons honnêtes. Au niveau européen, la Commission tente bien de convaincre certains députés de déposer tel ou tel amendement. Mais rien de comparable. C’est le jeu normal de l’influence du pouvoir, et un jeu complexe car il faut ensuite convaincre une majorité d’élus de soutenir la proposition. L’exécutif ne peut miser sur la loyauté d’un seul parti, puisqu’aucun n’a la majorité. </span></p>
  458. <p class="p1"><span class="s1">Enfin, que dire quand on voit que l’Assemblée nationale ne détermine qu’une semaine par mois son propre ordre du jour… Deux semaines par mois, c’est le gouvernement qui décide sur quoi les députés vont travailler. On est très loin de la conférence des présidents du Parlement européen, qui décide souverainement de son agenda. </span></p>
  459. <p class="p1"><span class="s1">Le pouvoir législatif français est clairement placé sous tutelle de l’exécutif alors qu’ils devraient être indépendants l’un de l’autre. </span></p>
  460. <p class="p1"><span class="s1">Un hémicycle est là pour contrôler, soupeser, mettre sur le grill les projets législatifs de l’exécutif. Or, l’Assemblée nationale ne dispose que de très peu d’outils pour cela. Car même si un texte passe avec des amendements qui déplaisent au gouvernement, ce dernier peut revenir dessus en demandant un vote bloqué : l’Assemblée doit se prononcer de nouveau sur le texte en prenant seulement en compte les modifications approuvées par l’exécutif. Vous brisez alors toute la nuance nécessaire à un débat parlementaire puisque vous jouer la carte “loyauté” de la majorité envers le président de la République. </span><span class="s1"> </span></p>
  461. <p><span class="s1">Finalement, les Français ont bien compris tout ce petit jeu – sans forcément en connaître les détails – en montrant bien peu d’entrain à voter aux législatives. Le pouvoir ne réside pas dans leur Assemblée, mais dans la superstructure composée de l’Elysée, Matignon et les ministères. Si un tel système pouvait fonctionner (et apparaître légitime) dans les années 60, il apparait complètement dépassé pour répondre aux enjeux actuels. Entre deux élections présidentielles, les citoyens, à travers leurs représentants, n’ont aucune prise sur l’orientation des décisions via le fonctionnement normal des institutions. La déficit démocratique est béant. </span></p>
  462. <h2 class="p1"><span class="s1"><b>Souvenir de 2016</b></span></h2>
  463. <p class="p1"><span class="s1">En écrivant ces lignes, cela m’a fait penser à une anecdote qui remonte à 2016 et qui montre bien la différence de culture politique, entre un régime (même embryonnaire) de système parlementaire, et le pouvoir français. Le Premier ministre de l’époque, Manuel Valls s’est rendu au Parlement européen, et s’est exprimé face au groupe des sociaux-démocrates. </span></p>
  464. <p class="p1"><span class="s1">Son intervention et la séance de questions-réponses est restée dans les mémoires puisque le chef du gouvernement français a passé son temps à s’emporter contre les interrogations de sa propre famille politique européenne. Manuel Valls a même piqué une colère car les députés mettaient trop de temps à son goût pour voter le PNR, le fameux registre des passagers des compagnies aériennes créé pour permettre de mieux repérer les terroristes en vadrouille. Certains élus jugeaient même la proposition dangereuse, car pas assez protectrice pour la vie privée des citoyens. </span></p>
  465. <p class="p1"><span class="s1">Tout s’explique maintenant. Manuel Valls pensait parler à des exécutants. Eux se comportaient en représentants du pouvoir législatif.</span></p>
  466. </article>
  467. </section>
  468. <nav id="jumpto">
  469. <p>
  470. <a href="/david/blog/">Accueil du blog</a> |
  471. <a href="http://www.jslefebvre.eu/analyses/2018/04/03/la-procedure-parlementaire-le-deficit-democratique-francais/">Source originale</a> |
  472. <a href="/david/stream/2019/">Accueil du flux</a>
  473. </p>
  474. </nav>
  475. <footer>
  476. <div>
  477. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  478. <p>
  479. Bonjour/Hi!
  480. 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>
  481. 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>).
  482. </p>
  483. <p>
  484. 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>.
  485. </p>
  486. <p>
  487. Voici quelques articles choisis :
  488. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  489. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  490. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  491. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  492. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  493. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  494. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  495. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  496. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  497. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  498. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  499. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  500. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  501. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  502. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  503. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  504. </p>
  505. <p>
  506. 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>.
  507. </p>
  508. <p>
  509. Je ne traque pas ta navigation mais mon
  510. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  511. conserve des logs d’accès.
  512. </p>
  513. </div>
  514. </footer>
  515. <script type="text/javascript">
  516. ;(_ => {
  517. const jumper = document.getElementById('jumper')
  518. jumper.addEventListener('click', e => {
  519. e.preventDefault()
  520. const anchor = e.target.getAttribute('href')
  521. const targetEl = document.getElementById(anchor.substring(1))
  522. targetEl.scrollIntoView({behavior: 'smooth'})
  523. })
  524. })()
  525. </script>