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

hace 4 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557
  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>Pourquoi maintenant ? (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://www.monde-diplomatique.fr/2019/01/BONELLI/59444">
  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. Pourquoi maintenant ? (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://www.monde-diplomatique.fr/2019/01/BONELLI/59444">Source originale du contenu</a></h3>
  445. <p><span class="mot-lettrine"><span class="lettrine">V</span>oilà</span> longtemps qu’un mouvement social n’avait pas à ce point inquiété les gouvernants. L’ampleur, la durée et la détermination de celui des «<small class="fine"> </small>gilets jaunes<small class="fine"> </small>» les ont désagréablement surpris. Ils ont également été déstabilisés par son hétérogénéité en matière d’intérêt pour la politique, d’activité professionnelle, de lieu de résidence et d’orientation partidaire. Il n’est pas imputable à des organisations politiques ou syndicales traditionnelles : il rassemble diverses composantes de ce que le pouvoir nomme la «<small class="fine"> </small>majorité silencieuse<small class="fine"> </small>», au nom de laquelle il prétend s’exprimer et dont il n’attend d’autre mobilisation que le vote.</p>
  446. <p>L’ouvrage classique du politiste américain Barrington Moore offre des pistes pour expliquer le surgissement de ce mouvement largement spontané et faiblement coordonné<span class="spip_note_ref"> (<a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444#nb1" class="spip_note" rel="appendix" title="Barrington Moore Jr, Injustice : The Social Bases of Obedience and Revolt, (...)" id="nh1">1</a>)</span>. Écrit dans un contexte où des universitaires cherchaient à comprendre les grandes vagues de contestation des années 1960-1970 aux États-Unis, il opère un changement de perspective. À la question : «<small class="fine"> </small>Pourquoi les gens se révoltent-ils<small class="fine"> </small>?<small class="fine"> </small>» il substitue celle-ci : «<small class="fine"> </small>Pourquoi ne le font-ils pas plus souvent<small class="fine"> </small>?<small class="fine"> </small>» Quand ses confrères évoquent le poids des inégalités économiques ou celui de la domination raciale, Moore réplique que ces facteurs demeurent dramatiquement constants tout au long de l’histoire, sans pour autant provoquer de soulèvements. S’ils constituent des éléments nécessaires de la révolte, il lui apparaît donc difficile d’en faire une causalité.</p>
  447. <p>À partir d’une étude richement documentée sur les ouvriers allemands entre 1848 et la fin des années 1930, l’auteur recherche les raisons pour lesquelles ces derniers s’accommodaient ordinairement d’un ordre social et politique qui leur était défavorable, ainsi que les conditions qui les amenaient, plus exceptionnellement, à le rejeter. Sa principale conclusion est que la stabilité repose essentiellement sur les contreparties concédées par les dominants aux dominés : <i>«<small class="fine"> </small>Sans le concept de réciprocité — ou mieux, d’obligation morale, un terme qui n’implique pas l’égalité des charges ou des obligations —, il devient impossible d’interpréter la société humaine comme le résultat d’autre chose que de la force perpétuelle et de la supercherie.<small class="fine"> </small>»</i></p>
  448. <p>Pour Moore, la rupture de ce <i>«<small class="fine"> </small>pacte social implicite<small class="fine"> </small>»</i> explique les contestations qu’il étudie. Souvent, remarque-t-il, elles découlent de transformations techniques ou économiques qui rebattent les cartes et fournissent autant d’occasions de réévaluer à la baisse les contreparties offertes antérieurement. Certaines fractions des élites <i>«<small class="fine"> </small>ne jouant plus le jeu<small class="fine"> </small>»</i> apparaissent alors comme <i>«<small class="fine"> </small>parasites<small class="fine"> </small>»</i> et perdent leur légitimité.</p>
  449. <p>Pour se convaincre de l’actualité de cette analyse, il suffit de rappeler les transformations contemporaines du monde du travail, qui ont <i>«<small class="fine"> </small>déstabilisé les stables<small class="fine"> </small>»,</i> pour reprendre la formule du sociologue Robert Castel<span class="spip_note_ref"> (<a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444#nb2" class="spip_note" rel="appendix" title="Robert Castel, Les Métamorphoses de la question sociale. Une chronique du (...)" id="nh2">2</a>)</span>. Nombre de ceux qui ont un emploi ont vu se dégrader leurs conditions de vie, au point qu’ils doivent lutter pour <i>«<small class="fine"> </small>boucler les fins de mois<small class="fine"> </small>»,</i> comme le répètent à l’envi beaucoup de «<small class="fine"> </small>gilets jaunes<small class="fine"> </small>».</p>
  450. <p>Cette situation a été encore aggravée par le démantèlement progressif des protections apportées par l’État. En France, celui-ci a joué un rôle central pour tempérer les contradictions entre le travail et le capital. Le développement de services publics de qualité — dans l’éducation, la santé, les transports, les communications, l’énergie, etc. —, accessibles à faible coût et sur l’ensemble du territoire, a permis de limiter les conséquences les plus néfastes d’une relation salariale structuralement défavorable aux travailleurs, au moins à partir de la seconde moitié des années 1970.</p>
  451. <p>Or les réformes de l’État conduites avec constance depuis le milieu des années 1990 se sont traduites par une dualisation du service public<span class="spip_note_ref"> (<a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444#nb3" class="spip_note" rel="appendix" title="Cf. notamment Laurent Bonelli et Willy Pelletier, « De l’État-providence à (...)" id="nh3">3</a>)</span>. Mesure-t-on la distance qui s’est creusée entre un hôpital, un tribunal ou une université d’une métropole régionale et ceux d’une ville moyenne ou d’une petite ville<small class="fine"> </small>? Les logiques de rentabilité et de compétitivité semblent avoir pris le pas sur l’objectif de réduction des inégalités sociales et territoriales. D’où le sentiment d’abandon que manifestent les usagers, et le désarroi d’agents qui ont vu leurs missions se transformer radicalement. D’où, également, l’impression diffuse que la protection offerte auparavant à tous fonctionne désormais au bénéfice exclusif de ceux qui apparaissent comme les mieux lotis.</p>
  452. <p>Ce renversement n’est pas sans effets sur le sentiment d’injustice décrit par Moore et explique pour partie la dimension antifiscale du mouvement des «<small class="fine"> </small>gilets jaunes<small class="fine"> </small>»<span class="spip_note_ref"> (<a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444#nb4" class="spip_note" rel="appendix" title="Lire Alexis Spire, « Aux sources de la colère contre l’impôt », Le Monde (...)" id="nh4">4</a>)</span>. Sauf que, désormais, les responsables de l’État ont perdu leur position d’arbitre et sont associés aux élites économiques dans la catégorie des «<small class="fine"> </small>parasites<small class="fine"> </small>». Les critiques sur le train de vie — réel ou supposé — des parlementaires et des ministres sont récurrentes sur les ronds-points occupés <i>(lire «<small class="fine"> </small><a href="https://www.monde-diplomatique.fr/2019/01/SOUCHON/59398" class="spip_in">“Avant, j’avais l’impression d’être seule”</a><small class="fine"> </small>»),</i> alimentées par les scandales de prévarication, de fraude fiscale ou de connivence avec le monde des affaires qui ont éclaté ces dernières années.</p>
  453. <p>Certains propos des gouvernants semblent confirmer cette distance sociale avec les «<small class="fine"> </small>gens ordinaires<small class="fine"> </small>». Lorsque M. Emmanuel Macron déclare : <i>«<small class="fine"> </small>Une gare, c’est un lieu où on croise les gens qui réussissent et les gens qui ne sont rien<small class="fine"> </small>»</i> (3 juillet 2017), ou que son prédécesseur se gausse — en privé — des <i>«<small class="fine"> </small>sans-dents</i><span class="spip_note_ref"> (<a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444#nb5" class="spip_note" rel="appendix" title="Cité par Valérie Trierweiler, Merci pour ce moment, Les Arènes, Paris, (...)" id="nh5">5</a>)</span> <i><small class="fine"> </small>»,</i> ils trahissent sans doute leur représentation profonde de la société. Mais ils donnent également corps au sentiment de mépris que ressentent nombre de leurs concitoyens, au point d’ailleurs que le président de la République concentre sur son nom la colère accumulée, comme le résume le mot d’ordre «<small class="fine"> </small>Macron, dégage<small class="fine"> </small>!<small class="fine"> </small>».</p>
  454. <p>L’ensemble des formations politiques semblent avoir perdu leur crédit et sont renvoyées dos à dos comme appartenant au «<small class="fine"> </small>système<small class="fine"> </small>», même quand elles défendent des positions alternatives. Cela explique aussi pourquoi aucune n’a pour le moment été capable d’encadrer le mouvement des «<small class="fine"> </small>gilets jaunes<small class="fine"> </small>» ou de lui offrir un débouché autre qu’un appel à de nouvelles élections.</p>
  455. <p>Cette impossibilité permet également de comprendre le recours à l’auto-organisation et à l’action directe. Les contestataires ne recherchent pas de médiation organisationnelle, politique ou syndicale, et n’ont pas recours aux canaux routinisés de la contestation. Ils souhaitent s’adresser directement aux représentants du pouvoir. À l’Élysée et dans les préfectures, d’abord, que certains appellent à investir. Par le blocage des centres névralgiques, ensuite : ronds-points, sorties ou péages d’autoroute, frontières ou dépôts de carburant.</p>
  456. <p>La combinaison d’un ras-le-bol qui trouve à s’exprimer collectivement, de l’absence de médiation, des modes d’action directe et du déploiement de la force publique pour les juguler explique largement les explosions de violence. Il ne fait pas de doute que, à Paris notamment, des militants aguerris ont participé aux affrontements avec la police et aux dégradations. La presse comme le gouvernement l’ont signalé avec insistance, désignant simultanément des «<small class="fine"> </small>anarcho-autonomes<small class="fine"> </small>» et des groupes d’extrême droite. Mais l’ampleur de ces actions, tout comme ce que l’on sait de ceux qui ont été déférés à la justice, montre qu’elles ne se limitent pas à leurs menées. De la même manière, il semble difficile de leur imputer l’incendie de la préfecture du Puy-en-Velay, celui des péages de La Ciotat ou de Narbonne, ou les altercations qui ont eu lieu un peu partout en France, y compris dans de petites villes.</p>
  457. <p>Il y a quelques années, un haut responsable des forces de maintien de l’ordre insistait, lors d’un entretien, sur le caractère relationnel de la violence. Il nous confiait : <i>«<small class="fine"> </small>C’est nous, l’institution, qui fixons le niveau de violence de départ. Plus la nôtre est haute, plus celle des manifestants l’est aussi.<small class="fine"> </small>»</i> Interpellations massives (1 723 pour la seule journée du 8 décembre), recours aux canons à eau, aux véhicules blindés, aux hélicoptères et même à des policiers à cheval, utilisation fournie de grenades lacrymogènes (plus de 10 000 pour la manifestation parisienne du 1er décembre), emploi récurrent de lanceurs de balles de défense <i>(lire «<small class="fine"> </small><a href="https://www.monde-diplomatique.fr/2019/01/BALDASSARRA/59402" class="spip_in">Des armes controversées</a><small class="fine"> </small>»)…</i> on comprend que la stratégie adoptée ces dernières semaines n’a guère apaisé les tensions.</p>
  458. <p>Ces choix tactiques découlent notamment du <i>«<small class="fine"> </small>splendide isolement<small class="fine"> </small>»</i> de la police et de la gendarmerie françaises, qui les rend imperméables aux techniques que développent leurs homologues ailleurs en Europe, comme la désescalade<span class="spip_note_ref"> (<a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444#nb6" class="spip_note" rel="appendix" title="Olivier Fillieule et Fabien Jobard, « Un splendide isolement. Les politiques (...)" id="nh6">6</a>)</span>. Vingt ans de politiques sécuritaires ont considérablement accru leur pouvoir et leur autonomie. Leurs modes d’action dans la lutte contre le terrorisme, contre la petite délinquance ou contre les émeutes urbaines ne sont que rarement questionnés. Au point qu’elles se sont convaincues de la solidité de leur expertise et peuvent parfois déployer «<small class="fine"> </small>naturellement<small class="fine"> </small>» leurs techniques dans d’autres contextes et vers d’autres cibles. Les images de dizaines de lycéens de Mantes-la-Jolie interpellés par la police et agenouillés, les mains derrière la tête, ont choqué. C’est pourtant une pratique relativement commune dans certaines cités populaires.</p>
  459. <p>Ces stratégies et ces dispositifs musclés sont également encouragés par la plupart des élus, qui y voient l’occasion d’affirmer une fermeté jugée politiquement payante. Quitte à s’exonérer ensuite de la responsabilité de la violence en l’attribuant aux seuls «<small class="fine"> </small>casseurs<small class="fine"> </small>», avec la complaisance intéressée des médias, toujours friands d’images d’affrontements et de destructions.</p>
  460. <p>Les gouvernants mesurent sans doute mal les effets désastreux de ces manœuvres sur leur légitimité. Ils donnent en effet le sentiment de ne pouvoir tenir leur place que protégés par les boucliers et matraques des forces de l’ordre et par les prétoires des chambres de comparution immédiate. Ils accréditent la perception que leur pouvoir ne reposerait que sur la «<small class="fine"> </small>force perpétuelle<small class="fine"> </small>» et la «<small class="fine"> </small>supercherie<small class="fine"> </small>», dont Moore a montré la fragilité. C’est au contraire la «<small class="fine"> </small>réciprocité<small class="fine"> </small>» qui conditionne la stabilité de l’ordre social et politique dans la durée.</p>
  461. </article>
  462. </section>
  463. <nav id="jumpto">
  464. <p>
  465. <a href="/david/blog/">Accueil du blog</a> |
  466. <a href="https://www.monde-diplomatique.fr/2019/01/BONELLI/59444">Source originale</a> |
  467. <a href="/david/stream/2019/">Accueil du flux</a>
  468. </p>
  469. </nav>
  470. <footer>
  471. <div>
  472. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  473. <p>
  474. Bonjour/Hi!
  475. 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>
  476. 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>).
  477. </p>
  478. <p>
  479. 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>.
  480. </p>
  481. <p>
  482. Voici quelques articles choisis :
  483. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  484. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  485. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  486. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  487. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  488. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  489. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  490. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  491. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  492. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  493. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  494. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  495. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  496. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  497. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  498. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  499. </p>
  500. <p>
  501. 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>.
  502. </p>
  503. <p>
  504. Je ne traque pas ta navigation mais mon
  505. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  506. conserve des logs d’accès.
  507. </p>
  508. </div>
  509. </footer>
  510. <script type="text/javascript">
  511. ;(_ => {
  512. const jumper = document.getElementById('jumper')
  513. jumper.addEventListener('click', e => {
  514. e.preventDefault()
  515. const anchor = e.target.getAttribute('href')
  516. const targetEl = document.getElementById(anchor.substring(1))
  517. targetEl.scrollIntoView({behavior: 'smooth'})
  518. })
  519. })()
  520. </script>