davidbgk
/
larlet-fr-david-cache
ウォッチ 1
スター 0
フォーク 0
コード リリース 0 アクティビティ
A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
82 コミット
1 ブランチ
ツリー: 7325c7c457
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'7325c7c457' から
${ noResults }
larlet-fr-david-cache/cache/70679821cf5c75ed84865000c04.../index.html

index.html 31KB
Raw Blame 履歴

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597 
  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 logique de l'autoritarisme (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://blog.nkb.fr/la-logique-de-l-autoritarisme/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   La logique de l'autoritarisme (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://blog.nkb.fr/la-logique-de-l-autoritarisme/">Source originale du contenu</a></h3>

  463.     <p>Les attentats du 13 novembre 2015 ont été menés par un groupe communiquant sans chiffrement après que leur coordinateur a annoncé l'attaque en février dans un magazine de Daesh<sup><a href="#notes">[1]</a></sup>. Un service de renseignement efficace aurait dû lire <em>Dabiq</em>, le magazine en question, et placer le téléphone d'Abaaoud, le coordinateur, sous écoute. Ils ne l'ont pas fait.</p>

  464. 

  465. <p>Après les attentats, la <em>seule</em> chose à faire pour le gouvernement était d'exiger la démission des personnes responsables de ce “naufrage historique”<sup><a href="#notes">[2]</a></sup> des services de renseignement. Il ne l'a pas fait.</p>

  466. 

  467. <h2>La France, pays autoritaire</h2>

  468. 

  469. <p>Au contraire, le gouvernement français a fait basculer le pays sous un régime autoritaire. La privation de liberté d'au moins six militants écologistes<sup><a href="#notes">[3]</a></sup> a un nom, celui de prisonniers politiques. Ce n'est pas une exagération que d'utiliser ce mot - prisonnier politique ou prisonnier d'opinion - c'est juste la définition du concept, celui d'une privation de liberté pour une action politique. La suspension, annoncée officiellement par le gouvernement, de la Convention des Droits de l'Homme<sup><a href="#notes">[4]</a></sup> montre sa volonté de ne plus respecter les libertés fondamentales. Plus grave, le gouvernement souffle sur les braises du nationalisme en organisant un concours lors duquel les citoyens étaient invités à montrer à leurs proches la sincérité de leur attachement au drapeau français<sup><a href="#notes">[5]</a></sup>. C'est la première fois en Europe occidentale depuis 1945 que le gouvernement lui-même cherche à légitimer une politique par le nationalisme.</p>

  470. 

  471. <p>Le résultat - nul - des centaines de perquisitions menées par la police depuis le 13 novembre montre que le déploiement de forces n'était pas nécessaire<sup><a href="#notes">[6]</a></sup>. Des actes de terrorisme de gravité équivalente ont lieu régulièrement en Europe: Londres en 2004, Madrid en 2005, Oslo en 2011. Aucun des gouvernements touchés n'a réagi en supprimant les libertés fondamentales. La crise la plus similaire à l'hystérie française de 2015 est l'<em>Automne Allemand</em> de 1977. A cette époque, un groupe contrôlé depuis l'étranger, aux revendications politiques extrémistes, a mené plusieurs opérations terroristes visant à la fois des cibles symboliques et des cibles “civiles”. Malgré une volonté martiale, les autorités de la RFA n'ont à aucun moment décrété l'état d'urgence<sup><a href="#notes">[7]</a></sup>.</p>

  472. 

  473. <p>Enfin, le gouvernement a annoncé que l'état d'urgence pourrait être reconduit au delà de 3 mois<sup><a href="#notes">[8]</a></sup>. C'est là encore une nouveauté dans l'Europe de l'après-guerre. Une telle déclaration n'a rien à voir avec l'existence d'une menace. Elle n'est là que pour signifier aux administrés que des actes de résistance pourraient leur coûter très cher. On peut se permettre de risquer une assignation à résidence de quelques semaines. Sur plusieurs mois, c'est la destruction assurée de toute relation professionnelle et personnelle. Les parlementaires sont eux aussi avertis: Le gouvernement fait courir une rumeur comme quoi la carrière des opposants à l'état d'urgence est d'ores et déjà terminée<sup><a href="#notes">[9]</a></sup>.</p>

  474. 

  475. <p>Déploiement de forces inutile, nationalisme instrumentalisé par le gouvernement, suspension des droits fondamentaux et menaces: ce sont les signes d'un régime autoritaire. On peut imaginer que l'état de droit revienne rapidement. La logique de l'autoritarisme montre que ce ne sera pas si simple.</p>

  476. 

  477. <h2>Comment en est-on arrivé là?</h2>

  478. 

  479. <p>Les attentats n'ont joué qu'un rôle de déclencheur dans la mise en place de l'autoritarisme. Le gouvernement français aurait tout à fait pu se comporter comme le gouvernement norvégien en 2011 et affirmer son attachement à l'état de droit et aux droits fondamentaux tout en cherchant à comprendre comment l'attentat avait pu se produire.</p>

  480. 

  481. <p>Le corps politique français utilise les attentats du 13 novembre pour légitimer son pouvoir. La stratégie économique du gouvernement n'a pas fonctionné (le chômage augmente) et aucune de ses autres actions ne s'est soldée par une victoire concrète (ses actions militaires à l'étranger et sa politique sociale n'ont pas recueilli d'adhésion particulière). La défense des citoyens contre une menace - quelle qu'en soit la nature - devient naturellement le dernier moyen de légitimation disponible.</p>

  482. 

  483. <p>La stratégie économique du gouvernement n'a pas fonctionné car le corps politique s'est lui-même ôté la possibilité d'agir sur les leviers économiques. L'alliance de nombreux politiciens avec des industriels a fait naître des politiques économiques débilitantes, haïes de la majeure partie de la population. Cette alliance est logique.</p>

  484. 

  485. <p>Imaginez-vous ministre. Vous avez 65 ans et un train de vie que vous ne pourrez pas entretenir avec votre retraite. Une entreprise pétrolière vous propose un contrat de consulting qui vous fera gagner €200,000 par an pour 5 heures de travail hebdomadaire. Que décidez vous? Allez-vous pousser une législation contraignante sur la pollution? Et même si vous le faites (votre probité vous honore), comment pourrez-vous travailler si vos collègues ou vos chefs ont fait le choix inverse?<sup><a href="#notes">[10]</a></sup></p>

  486. 

  487. <p>Seules des convictions hors du commun permettraient de briser cet état de fait et mener des politiques économiques adéquates. Seul hic: la stagnation qui dure en Europe depuis six ans est surtout l'expression du retournement démographique. Avec une population active qui diminue et une population de pensionnés qui augmente, le niveau de vie doit nécessairement baisser, à moins d'augmenter la productivité de manière extraordinaire ou de recourir massivement à l'immigration. Naturellement, les politiques publiques depuis les années 1980 se sont attellées à tenter la première solution avec des résultats désastreux. Personne ne s'est fait l'avocat de la seconde.</p>

  488. 

  489. <p>Conserver ou obtenir le pouvoir lorsque le niveau de vie diminue nécessite de trouver un bouc émissaire. Les partis républicains s'en sont pris à l'Europe ou à la mondialisation depuis les années 1990 sans convaincre personne. Les partis d'extrême-droite ont choisi les musulmans avec un succès sans cesse grandissant, au point qu'ils ont pris le pouvoir dans certains pays et s'apprêtent à le faire dans certaines régions de France.</p>

  490. 

  491. <p>Imaginez-vous maintenant sous-préfet dans la Somme. Vous avez deux enfants handicapés et des dettes. Allez-vous lutter de toutes vos forces contre un parti anti-républicain qui risque d'arriver au pouvoir? Ou bien allez vous discrètement effacer les traces de votre engagement anti-fasciste pour éviter de vous faire écarter en cas d'une prise du pouvoir par l'extrême-droite? Depuis plusieurs années, des diplômés de l'école d'administration rejoignent le Front National car ils savent que c'est le parti où il sera le plus facile de faire carrière. Depuis quelques semaines, les organismes financés par les régions où le Front National est le plus fort changent leur discours, de peur de voir leurs financements supprimés lors de la prise de fonction des nouveaux présidents de région.</p>

  492. 

  493. <p>D'une part, la situation macro-économique et la corruption d'une partie de la classe politique a fait de la dénonciation des musulmans comme responsables de la diminution du niveau de vie la seule politique viable. D'autre part, des groupes politiques très organisés, au premier rang desquels le Front National, se montrent prêts à implémenter cette politique.</p>

  494. 

  495. <p>La réaction logique des personnes au pouvoir ne peut être autre que d'implémenter ladite politique avant de le perdre, ce pouvoir. Cette implémentation est le régime autoritaire en vigueur depuis le 13 novembre.</p>

  496. 

  497. <p>L'autoritarisme du gouvernement n'est pas pour autant une politique réfléchie et planifiée. Il n'y a pas eu de complot. C'est la suite de décisions prises par le président et ses ministres, face à un mouvement réactionnaire très puissant, qui a forcé des élus PS à se convertir en un gouvernement autoritaire. Après plusieurs semaines d'autoritarisme, s'en dédire reviendrait à perdre la face - et le pouvoir.</p>

  498. 

  499. <h2>Pourquoi l'autoritarisme risque de durer</h2>

  500. 

  501. <p>L'histoire du 20<sup>e</sup> siècle abonde d'exemples où des régimes démocratiques suspendent les libertés pour quelques semaines ou quelques mois (notamment en France en 1955 ou en 1961). Des dérogations plus longues à l'état de droit ont eu lieu pour certaines parties de la population (les Noirs aux Etats-Unis jusque dans les années 1960, les musulmans suspects de terrorisme depuis 2001).</p>

  502. 

  503. <p>La situation actuelle se distingue de deux manières. D'une part, aucune alternative au gouvernement par la peur n'est proposée. L'unanimisme de la classe politique et l'acceptation par la majorité des décideurs de l'idéologie de l'extrême-droite empêche l'émergence de politiques nouvelles. La loi sur l'état d'urgence l'illustre bien: Aucun parti n'a voté contre.</p>

  504. 

  505. <p>D'autre part, aucun acteur extérieur n'est en mesure d'influencer la politique française, comme ce fut le cas lors de la guerre d'Algérie. Les pays européens sont confrontés à des degrés divers aux mêmes problèmes démographiques et économiques que la France. Au contraire, la politique par la peur et la police a été adoptée immédiatement en Belgique. Les succès de l'extrême-droite en France galvanisent les groupes réactionnaires dans des pays où ils étaient les plus minoritaires. En Allemagne, et, surtout, en Suède, l'extrême-droite influence la politique du gouvernement sans pour autant y être représentée. Le 24 novembre, après que la Suède a arrêté d'accueillir de nouveaux réfugiés, un responsable de l'ONU a Stockholm le disait ainsi: “Le dernier bastion de l'humanisme est tombé”<sup><a href="#notes">[11]</a></sup>.</p>

  506. 

  507. <h2>On fait quoi?</h2>

  508. 

  509. <p>L'installation d'un régime autoritaire en France est l'illustration d'une nouvelle période dans le combat qui oppose les Lumières à la Réaction depuis le 18<sup>e</sup> siècle<sup><a href="#notes">[11]</a></sup>. La progression des Lumières depuis 300 ans n'a rien de linéaire. Entre les révolutions de 1789 et 1848, entre 1848 et 1945, on ne compte pas les pays et les périodes où les valeurs humanistes ont disparues.</p>

  510. 

  511. <p>On peut imaginer que 2015 marque le début d'une nouvelle parenthèse réactionnaire. Même si c'est peu probable, gardez à l'esprit que les normes morales peuvent changer d'un mois, voire d'un jour à l'autre. Entre le 22 juin et le 10 juillet 1940 (19 jours), il est devenu <em>normal</em> de s'opposer à l'état de droit en France. Du 9 au 10 novembre 1989, la censure en RDA est devenue <em>anormale</em>. Un tel changement de norme pourrait tout à fait se produire en France si la police décidait de sanctionner massivement les actes de résistance au régime autoritaire<sup><a href="#notes">[13]</a></sup>.</p>

  512. 

  513. <p>Si une telle évolution se produisait, les idées des Lumières devraient être conservées dans des bibliothèques d'opposition et des “<a href="https://en.wikipedia.org/wiki/Flying_University">universités volantes</a>”. Compte-tenu de la facilité avec laquelle un gouvernement autoritaire peut censurer les services en ligne, il faut <em>aujourd'hui</em> s'assurer que les travaux à transmettre à la prochaine génération qui s'opposera à la Réaction sont disponibles hors-ligne, voire sur support physique, dans des formats ouverts.</p>

  514. 

  515. <p><a name="notes"/></p>

  516. 

  517. <h3>Notes</h3>

  518. 

  519. <ol>

  520. <li>Sur l'absence de chiffrement dans les communications des terroristes, lire <a href="https://theintercept.com/2015/11/18/signs-point-to-unencrypted-communications-between-terror-suspects/">Signs Point to Unencrypted Communications Between Terror Suspects</a>. L'interview d'Abaaoud dans <em>Dabiq</em> est chez Gawker: <a href="http://gawker.com/paris-massacre-mastermind-bragged-about-infiltrating-eu-1743509467">Paris Massacre Mastermind Bragged About Infiltrating Europe in February Interview</a>.</li>

  521. <li>Lire <a href="http://aboudjaffar.blog.lemonde.fr/2015/11/21/san-andreas/">Les démons sont éternels</a> chez Abou Djaffar.</li>

  522. <li>La liste des assignés à résidence connus est <a href="https://wiki.laquadrature.net/%C3%89tat_urgence/Recensement#Assignations_.C3.A0_r.C3.A9sidence">compilée par La Quadrature du Net</a>.</li>

  523. <li><a href="http://www.nextinpact.com/news/97474-etat-d-urgence-france-va-deroger-a-convention-europeenne-droits-l-homme.htm">État d’urgence : la France va déroger à la Convention européenne des droits de l’homme</a>. Par ailleurs, le premier Ministre français a <a href="http://www.politis.fr/Etat-d-urgence-Valls-admet-ne-pas,33107.html">publiquement fait part</a> de son intention de ne pas respecter la constitution.</li>

  524. <li>Voir sur le site du gouvernement: <a href="http://www.gouvernement.fr/partagez-hommage-national">Attentats de Paris : participons tous à l'hommage national</a>.</li>

  525. <li>Lire <a href="http://www.nextinpact.com/news/97437-a-ceux-qui-diffusent-chiffres-etat-durgence.htm">À ceux qui diffusent les chiffres de l'état d'urgence</a> de Marc Rees pour mieux comprendre la com' du gouvernement sur l'état d'urgence.</li>

  526. <li>Sur ce sujet, lire <a href="http://www.bpb.de/geschichte/deutsche-geschichte/geschichte-der-raf/49296/staatliches-handeln?p=all">Der nicht erklärte Ausnahmezustand</a>.</li>

  527. <li><a href="http://www.francetvinfo.fr/faits-divers/terrorisme/attaques-du-13-novembre-a-paris/etat-d-urgence-en-france/video-bernard-cazeneuve-n-exclut-pas-de-prolonger-l-etat-d-urgence-si-dans-trois-mois-l-evaluation-de-la-menace-est-au-meme-niveau_1193893.html">Annonce de Bernard Cazeneuve, ministre de l'intérieur, le 26 novembre 2015</a>.</li>

  528. <li>Voir le <a href="http://lelab.europe1.fr/les-trois-deputes-ps-qui-ont-vote-contre-la-prolongation-de-letat-durgence-bientot-convoques-a-solferino-mais-apres-les-regionales-2625073">Canard Enchaîné du 25 novembre 2015</a>.</li>

  529. <li>Gerhard Schröder avec Gazprom, Tony Blair ou Nicolas Sarkozy avec leurs conférences dans des états autoritaires ne sont que les exemples les plus flagrants de cette soumission - humaine - des politiques aux intérêts économiques.</li>

  530. <li>Lire <a href="http://www.theguardian.com/world/2015/nov/24/sweden-asylum-seekers-refugees-policy-reversal">Sweden slams shut its open-door policy towards refugees</a>.</li>

  531. <li>On peut évidemment choisir un cadre d'analyse psychologique ou économique. Je pense que l'opposition entre Lumière et Réaction est assez marquante et réelle. Dans <em>Billard um halb zehn</em>, Heinrich Böll parle du “Sacrement de l'Agneau” qui s'oppose au “Sacrement du Buffle”. C'est plus poétique.</li>

  532. <li>Ce qu'elle a fait au moins une fois le 27 novembre 2015, en frappant à la porte de quelqu'un qui n'avait pas mis le bon drapeau à sa fenêtre (<a href="https://twitter.com/nighty/status/670270988475609088">source</a>).</li>

  533. </ol>

  534.   </article>

  535. </section>

  536. 

  537. 

  538. <nav id="jumpto">

  539.   <p>

  540.     <a href="/david/blog/">Accueil du blog</a> |

  541.     <a href="http://blog.nkb.fr/la-logique-de-l-autoritarisme/">Source originale</a> |

  542.     <a href="/david/stream/2019/">Accueil du flux</a>

  543.   </p>

  544. </nav>

  545. 

  546. <footer>

  547.   <div>

  548.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  549.     <p>

  550.       Bonjour/Hi!

  551.       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>

  552.       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>).

  553.     </p>

  554.     <p>

  555.       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>.

  556.     </p>

  557.     

  558.     <p>

  559.       Voici quelques articles choisis :

  560.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  561.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  562.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  563.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  564.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  565.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  566.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  567.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  568.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  569.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  570.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  571.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  572.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  573.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  574.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  575.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  576.     </p>

  577.     <p>

  578.       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>.

  579.     </p>

  580.     <p>

  581.       Je ne traque pas ta navigation mais mon

  582.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  583.       conserve des logs d’accès.

  584.     </p>

  585.   </div>

  586. </footer>

  587. <script type="text/javascript">

  588.   ;(_ => {

  589.     const jumper = document.getElementById('jumper')

  590.     jumper.addEventListener('click', e => {

  591.       e.preventDefault()

  592.       const anchor = e.target.getAttribute('href')

  593.       const targetEl = document.getElementById(anchor.substring(1))

  594.       targetEl.scrollIntoView({behavior: 'smooth'})

  595.     })

  596.   })()

  597. </script>