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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569
  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>Bernard Stiegler : " Ce n’est qu’en projetant un véritable avenir qu’on pourra combattre Daech " (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.lemonde.fr/emploi/article/2015/11/19/bernard-stiegler-ce-n-est-qu-en-projetant-un-veritable-avenir-qu-on-pourra-combattre-daech_4813660_1698637.html">
  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. Bernard Stiegler : " Ce n’est qu’en projetant un véritable avenir qu’on pourra combattre Daech " (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.lemonde.fr/emploi/article/2015/11/19/bernard-stiegler-ce-n-est-qu-en-projetant-un-veritable-avenir-qu-on-pourra-combattre-daech_4813660_1698637.html">Source originale du contenu</a></h3>
  445. <figure class="illustration_haut ">
  446. <img data-lazyload="false" src="http://s2.lemde.fr/image/2015/11/19/534x0/4813659_6_135e_le-philosophe-bernard-stiegler-developpe-la_4358e0bdb4343cbabdd2890d17cf32b0.jpg" alt="Le philosophe Bernard Stiegler développe la thèse de son prochain ouvrage : &quot;Dans la disruption&quot;." title="© Isabelle Waternaux" class="lazy-retina"/> <figcaption class="legende" data-caption="Le philosophe Bernard Stiegler développe la thèse de son prochain ouvrage : &quot;Dans la disruption&quot;."><span class="source_image" data-copyright="© Isabelle Waternaux"/></figcaption>
  447. </figure>
  448. <h2 class="taille_courante">Pour le philosophe Bernard Stiegler, « <em>la guerre est économique</em> ». L’effondrement de l’<a class="lien_interne rub" href="http://www.lemonde.fr/emploi/" title="Toute l’actualité emploi">emploi</a> engendre le désespoir qui engendre à son tour la violence. « <em>Il n’y a pas d’avenir hors d’un renversement fondamental de la valeur en économie</em> », explique-t-il.</h2>
  449. <p class="question">« <em>Nous sommes en guerre</em> », martèle le président de la République depuis les attentats du 13 novembre. Est-ce que vous <a class="lien_interne rub" href="http://www.lemonde.fr/vous/" title="Toute l’actualité vous">vous</a> reconnaissez dans cette guerre ?</p>
  450. <p><strong>Bernard Stiegler. </strong>– Non. Que veut <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/dire/" title="Conjugaison du verbe dire">dire</a> ce “nous” ? Ils sont en guerre, pas moi. La guerre est économique, c’est la leur, et elle fait des victimes, dont <a class="lien_interne rub" href="http://www.lemonde.fr/m-moi/" title="Toute l’actualité moi">moi</a>, qui ne dors plus la nuit, non pas à cause des terroristes, mais à cause de l’absence d’avenir de mes enfants. Ce n’est pas de guerre contre Daech qu’il s’agit, mais de guerre économique et mondiale, qui nous entraînera dans la guerre civile si nous ne la combattons pas.</p>
  451. <p>L’emploi va s’effondrer, notamment auprès des jeunes. Et le désespoir engendre la violence… On ne produit plus de raisons d’espérer aujourd’hui. Les attentats du 13 novembre sont des attentats-suicides, et ce n’est pas anodin : le suicide est en voie de développement dans <a class="lien_interne rub" href="http://www.lemonde.fr/le-monde/" title="Toute l’actualité le monde">le monde</a> entier, et en particulier auprès d’une jeunesse qui sait qu’elle sera au chômage pendant très longtemps.</p>
  452. <p>Ni Hollande ni Sarkozy n’ont donné la moindre perspective à ces jeunes. C’est contre cette bêtise, cette folie, que je suis en guerre. Une guerre contre moi-même aussi : nous sommes tous soumis à cette tendance qui consiste à <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/trouver/" title="Conjugaison du verbe trouver">trouver</a> des boucs émissaires, à ne pas <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/deuxieme-groupe/r%C3%A9fl%C3%A9chir/" title="Conjugaison du verbe réfléchir">réfléchir</a>, à <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/cogner/" title="Conjugaison du verbe cogner">cogner</a>. C’est cela la barbarie, et c’est exactement ce que veut Daech : <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/cr%C3%A9er/" title="Conjugaison du verbe créer">créer</a> la guerre civile. ll y aura d’autres attentats si on ne change pas de <a class="lien_interne rub" href="http://www.lemonde.fr/politique/" title="Toute l’actualité politique">politique</a>. C’est le <a class="lien_interne rub" href="http://www.lemonde.fr/contexte/" title="Toute l’actualité contexte">contexte</a> de mon prochain livre, <em>Dans la disruption</em>.</p>
  453. <p class="lire">Lire aussi :
  454. <a href="/societe/article/2015/11/12/pour-les-desesperes-l-islamisme-radical-est-un-produit-excitant_4808430_3224.html">« Pour les désespérés, l’islamisme radical est un produit excitant »</a>
  455. </p>
  456. <p class="question">Qu’entendez-vous par disruption ?</p>
  457. <p>La disruption est un phénomène d’accélération de l’innovation qui est à la base de la stratégie développée dans la Silicon Valley : il s’agit d’aller plus vite que les <a class="lien_interne rub" href="http://www.lemonde.fr/societe/" title="Toute l’actualité société">société</a>s pour leur <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/imposer/" title="Conjugaison du verbe imposer">imposer</a> des modèles qui détruisent les structures sociales et rendent la puissance publique impuissante. C’est une stratégie de tétanisation de l’adversaire.</p>
  458. <p>Dans mon ouvrage, j’analyse un texte signé Abu Bakr Al-Naji, tel que le résume Ignace Leverrier, qui désigne un collectif, dont d’anciens agents de Saddam Hussein devenus islamistes. C’est une sorte de « <em>book » </em>de Daech : à l’image des bibles d’entreprise qui détaillent les règles pour <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/monter/" title="Conjugaison du verbe monter">monter</a> une concession, ce livre explique aux acteurs de Daech comment <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/prendre/" title="Conjugaison du verbe prendre">prendre</a> le <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/pouvoir/" title="Conjugaison du verbe pouvoir">pouvoir</a>. Il faut <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/semer/" title="Conjugaison du verbe semer">semer</a> le chaos et à <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/partir/" title="Conjugaison du verbe partir">partir</a> de là <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/exploiter/" title="Conjugaison du verbe exploiter">exploiter</a> le besoin d’autorité.</p>
  459. <p class="grid_4 encart_retrait_gauche"><span class="accroche">La pratique disruptive détruit les équilibres sociaux</span></p>
  460. <p>Je compare cette stratégie à celle du site <a href="http://barbares.thefamily.co/">Les barbares attaquent</a>, fondé par Nicolas Colin, un ancien inspecteur des <a class="lien_interne rub" href="http://www.lemonde.fr/finance/" title="Toute l’actualité finances">finances</a>, connu pour son rapport sur la fiscalité du numérique, où il mettait en évidence l’inadéquation du système fiscal face à l’<a class="lien_interne rub" href="http://www.lemonde.fr/industrie/" title="Toute l’actualité industrie">industrie</a> numérique, qu’il décrivait comme des « cavaliers de l’Apocalypse », en l’occurrence les GAFA [acronyme pour <a class="lien_interne rub" href="http://www.lemonde.fr/google/" title="Toute l’actualité Google">Google</a>, <a class="lien_interne rub" href="http://www.lemonde.fr/apple/" title="Toute l’actualité Apple">Apple</a>, <a class="lien_interne rub" href="http://www.lemonde.fr/facebook/" title="Toute l’actualité Facebook">Facebook</a> et <a class="lien_interne rub" href="http://www.lemonde.fr/amazon/" title="Toute l’actualité Amazon">Amazon</a>].</p>
  461. <p>Il est désormais passé de l’autre côté, du service public à l’économie dont il décrivait les dégâts, pour créer un fonds d’investissement qui collecte de l’argent pour <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/pratiquer/" title="Conjugaison du verbe pratiquer">pratiquer</a> la disruption à la française. Mais qui, répétant la stratégie des GAFA, ne peut qu’étendre leur écosystème et <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/intensifier/" title="Conjugaison du verbe intensifier">intensifier</a> la colonisation de l’<a class="lien_interne rub" href="http://www.lemonde.fr/europe/" title="Toute l’actualité Europe">Europe</a> : <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/faire/" title="Conjugaison du verbe faire">faire</a> exploser les <a class="lien_interne rub" href="http://www.lemonde.fr/transports/" title="Toute l’actualité transports">transports</a>, l’<a class="lien_interne rub" href="http://www.lemonde.fr/immobilier/" title="Toute l’actualité immobilier">immobilier</a>, l’éducation, toutes les filières, via de nouveaux modèles type Uber. <a class="lien_interne bourse" href="http://www.lemonde.fr/bourse/forex-data-lite/gold-united-states-dollar/">Or</a> cette pratique disruptive détruit les équilibres sociaux – ce que [le philosophe allemand] Theodor W. Adorno anticipait en parlant dès 1944 de <em>« nouvelle forme de barbarie »</em> à propos des industries culturelles.</p>
  462. <p>Ce n’est pas en déclarant la guerre à Daech que cela s’arrangera. Cette déclaration n’est qu’une manière de se <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/d%C3%A9barrasser/" title="Conjugaison du verbe débarrasser">débarrasser</a> de <a class="lien_interne bourse" href="http://www.lemonde.fr/bourse/nyse-euronext-paris-equities/ses/">ses</a> propres responsabilités en faisant <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/porter/" title="Conjugaison du verbe porter">porter</a> le chapeau à des gens devenus extrêmement dangereux et que nous avons coproduit avec Daech.</p>
  463. <p class="question">C’est donc sur les ruines de l’ultralibéralisme que se construit la radicalisation ?</p>
  464. <p>Oui. On ramène le radicalisme à une question de religion, et c’est scandaleux. La plupart des recrues de l’<a class="lien_interne rub" href="http://www.lemonde.fr/islam/" title="Toute l’actualité islam">islam</a> radical n’ont pas de <a class="lien_interne rub" href="http://www.lemonde.fr/culture/" title="Toute l’actualité culture">culture</a> religieuse. Ce n’est pas de religion dont il s’agit, mais de désespoir. Richard Durn, l’assassin de huit membres du conseil municipal de Nanterre en mars 2002, anticipe son acte en parlant de son sentiment de ne pas exister : il a voulu <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/devenir/" title="Conjugaison du verbe devenir">devenir</a> quelqu’un par ce geste.</p>
  465. <p class="question">En 2012, vous lanciez un appel pour un traité mondial de paix économique. Est-ce une solution toujours d’actualité pour <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/%C3%A9radiquer/" title="Conjugaison du verbe éradiquer">éradiquer</a> la barbarie ?</p>
  466. <p>Il faut <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/ouvrir/" title="Conjugaison du verbe ouvrir">ouvrir</a> un débat en Europe, <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/regarder/" title="Conjugaison du verbe regarder">regarder</a> les choses en face : depuis la naissance du Web, nous sommes totalement perdants. Exploitées à la façon disruptive telle que les GAFA la pratiquent, les <a class="lien_interne rub" href="http://www.lemonde.fr/technologies/" title="Toute l’actualité technologies">technologies</a> numériques accentuent la toxicité environnementale qui ne cesse de <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/cro%C3%AEtre/" title="Conjugaison du verbe croître">croître</a> depuis le début de l’Anthropocène – cette ère où l’humain est devenu un facteur géologique majeur - en termes climatiques, atmosphériques, mentaux.</p>
  467. <p>Il n’y a pas d’avenir hors d’un renversement fondamental de la valeur en économie : seul le passage à une économie productrice de valeur durable permettra de <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/surmonter/" title="Conjugaison du verbe surmonter">surmonter</a> le défi qui sera l’objet de la <a href="http://www.cop21.gouv.fr/">COP21</a> dès la semaine prochaine.</p>
  468. <p>Lançons une nouvelle <a class="lien_interne rub" href="http://www.lemonde.fr/afrique-politique/" title="Toute l’actualité politique">politique</a> européenne plutôt que de nous <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/aligner/" title="Conjugaison du verbe aligner">aligner</a> sur un modèle américain disruptif qui est suicidaire. Inventons un nouveau Web, au service d’un modèle macroéconomique viable, plutôt que de <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/premier-groupe/d%C3%A9velopper/" title="Conjugaison du verbe développer">développer</a> une <em>data economy</em> totalement ruineuse. Ce sera le thème des <a href="http://enmi-conf.org/wp/enmi15/">« Entretiens du nouveau monde industriel »</a><em>,</em> organisés au <a class="lien_interne rub" href="http://www.lemonde.fr/centre/" title="Toute l’actualité Centre">Centre</a> Pompidou les 14 et 15 décembre. Ce n’est qu’en projetant un véritable <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/avenir/" title="Conjugaison du verbe avenir">avenir</a> pour la <a class="lien_interne rub" href="http://www.lemonde.fr/planete/" title="Toute l’actualité planète">planète</a> que l’on pourra <a target="_blank" class="lien_interne conjug" href="http://conjugaison.lemonde.fr/conjugaison/troisieme-groupe/combattre/" title="Conjugaison du verbe combattre">combattre</a> Daech, c’est-à-dire le désespoir.</p>
  469. </article>
  470. </section>
  471. <nav id="jumpto">
  472. <p>
  473. <a href="/david/blog/">Accueil du blog</a> |
  474. <a href="http://www.lemonde.fr/emploi/article/2015/11/19/bernard-stiegler-ce-n-est-qu-en-projetant-un-veritable-avenir-qu-on-pourra-combattre-daech_4813660_1698637.html">Source originale</a> |
  475. <a href="/david/stream/2019/">Accueil du flux</a>
  476. </p>
  477. </nav>
  478. <footer>
  479. <div>
  480. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  481. <p>
  482. Bonjour/Hi!
  483. 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>
  484. 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>).
  485. </p>
  486. <p>
  487. 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>.
  488. </p>
  489. <p>
  490. Voici quelques articles choisis :
  491. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  492. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  493. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  494. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  495. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  496. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  497. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  498. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  499. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  500. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  501. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  502. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  503. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  504. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  505. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  506. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  507. </p>
  508. <p>
  509. 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>.
  510. </p>
  511. <p>
  512. Je ne traque pas ta navigation mais mon
  513. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  514. conserve des logs d’accès.
  515. </p>
  516. </div>
  517. </footer>
  518. <script type="text/javascript">
  519. ;(_ => {
  520. const jumper = document.getElementById('jumper')
  521. jumper.addEventListener('click', e => {
  522. e.preventDefault()
  523. const anchor = e.target.getAttribute('href')
  524. const targetEl = document.getElementById(anchor.substring(1))
  525. targetEl.scrollIntoView({behavior: 'smooth'})
  526. })
  527. })()
  528. </script>