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

index.html 44KB

před 4 roky
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601
  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>Un manuel pour remettre l’histoire à l’endroit (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.monde-diplomatique.fr/2014/09/BREVILLE/50783">
  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. Un manuel pour remettre l’histoire à l’endroit (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.monde-diplomatique.fr/2014/09/BREVILLE/50783">Source originale du contenu</a></h3>
  445. <p>Des torrents d’encre gonflent un fleuve d’ignorance : il y aura bientôt plus de publications consacrées à l’histoire qu’à l’automobile. Au seul mois de juin 2014, trois nouveaux magazines sont apparus dans les kiosques. <i>Les Clés de l’histoire,</i> dernier-né de Sophia Publications, qui édite également les mensuels <i>L’Histoire</i> et <i>Historia,</i> se veut un <i>«<small class="fine"> </small>produit populaire, joyeux et facile d’accès<small class="fine"> </small>»,</i> un <i>«<small class="fine"> </small>magazine sympa et intergénérationnel<small class="fine"> </small>»</i> destiné à <i>«<small class="fine"> </small>donner du bonheur à tous les lecteurs<small class="fine"> </small>».</i> Le bimestriel <i>Tout sur l’histoire</i> (Fleurus Presse) se positionne pour sa part <i>«<small class="fine"> </small>sur le créneau de l’histoire à grand spectacle<small class="fine"> </small>»</i> et <i>«<small class="fine"> </small>regarde vers les 18-25 ans, quand le reste du secteur se tourne vers les plus de 55 ans<small class="fine"> </small>».</i> Quant au troisième, <i>Secrets d’histoire</i> (Uni-éditions), il décline sur papier le concept de l’émission de Stéphane Bern sur France 2 (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb1" class="spip_note" rel="footnote" title="Les Clés de la presse, n° 750, Montrouge, 27 juin 2014." id="nh1">1</a>). S’y ajoutent <i>Guerres &amp; Histoire, Ça m’intéresse Histoire, Le Figaro Histoire</i> et les multiples hors-séries qui peuplent les kiosques.</p>
  446. <dl class="spip_document_13058 spip_documents spip_documents_left">
  447. <dt><a href="http://www.monde-diplomatique.fr/t/manuelh" title="JPEG - 67.8 ko"><img src="http://www.monde-diplomatique.fr/local/cache-vignettes/L250xH343/contremanuel-79423.jpg" alt="JPEG - 67.8 ko"/></a></dt>
  448. <dd class="crayon document-descriptif-13058 spip_doc_descriptif">En vente <a href="http://www.monde-diplomatique.fr/t/manuelh" class="">sur notre boutique en ligne</a>.
  449. </dd>
  450. </dl>
  451. <p> La chose fut comprise avant même Hérodote : l’histoire est une arme au tranchant effilé<small class="fine"> </small>; qui la forge l’a pour soi, et malheur aux vaincus. Son récit habite les peuples, appelle la légende. Il divise ou rassemble. Se raconte et se transmet. Se déforme et se révise. Il passionne. Et les marchands en ont fait un marché. Un produit haut en couleur, mais sans relief ni profondeur. Un produit sans problème — mais pas sans profit.</p>
  452. <p>Sur les ondes aussi, on raconte beaucoup d’histoires. La discipline a droit à des émissions sur Europe 1, France Inter, France Culture et, à la télévision, sur France 2 et sur la chaîne Histoire (propriété à 100<small class="fine"> </small>% de Bouygues et longtemps dirigée par M. Patrick Buisson, ancien directeur du journal d’extrême droite <i>Minute</i>) (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb2" class="spip_note" rel="footnote" title="« Au cœur de l’histoire » sur Europe 1, « La fabrique de l’histoire » sur France (...)" id="nh2">2</a>). Quant aux rayons des librairies, ils s’encombrent chaque année de dizaines de nouveaux ouvrages. Car tout personnage public peut désormais s’affirmer apprenti historien. Tandis que les dirigeants politiques affectionnent les biographies, de préférence d’un personnage illustre dont ils peuvent prétendre s’inspirer — Georges Mandel pour M. Nicolas Sarkozy, Napoléon Ier pour M. Lionel Jospin, Henri IV pour M. François Bayrou, etc. —, les journalistes affichent un plus grand éclectisme. En à peine quinze ans, parallèlement à ses fonctions de directeur du <i>Nouvel Observateur,</i> puis de <i>Libération,</i> puis du <i>Nouvel Observateur,</i> puis de <i>Libération,</i> etc., Laurent Joffrin a trouvé le temps d’écrire sur Mai 68, sur la Résistance, sur <i>Les Grandes Batailles navales, de Salamine à Midway</i> (Seuil) et sur les guerres napoléoniennes, sans oublier <i>La Grande Histoire des codes secrets</i> (Seuil).</p>
  453. <p>On l’aura compris : les porte-voix de l’histoire «<small class="fine"> </small>popularisée<small class="fine"> </small>» ou «<small class="fine"> </small>vulgarisée<small class="fine"> </small>» sont rarement des spécialistes. Sur les cinquante meilleures ventes de l’année 2012 en France, seuls treize livres ont été écrits par des historiens de profession — dont sept par Max Gallo, qui a quitté le monde universitaire depuis plusieurs décennies. Les autres sont journalistes (Patrice Duhamel, Franck Ferrand, Bernard Benyamin), animateurs de télévision (Pierre Bellemarre, Bern), écrivains (Katherine Pancol, Amin Maalouf), chroniqueurs princiers (Gonzague Saint Bris) ou simples témoins (un prisonnier cambodgien, un résistant, une déportée). Dans bien des cas, le nom de l’auteur fonctionne comme un logo : s’il devenait invisible, le livre se vendrait beaucoup moins bien. Les maisons d’édition jouent d’ailleurs sur l’effet «<small class="fine"> </small>vu à la télé<small class="fine"> </small>» en ornant parfois la couverture de leurs ouvrages d’une photographie de l’auteur.</p>
  454. <p>La recette pour rencontrer les faveurs du grand public est simple : <i>«<small class="fine"> </small>Il faut attirer avec des méthodes de divertissement</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb3" class="spip_note" rel="footnote" title="Entretien avec Stéphane Bern, TéléObs, Paris, 27 août 2013." id="nh3">3</a>)<i><small class="fine"> </small>»</i> (Bern, quatre ouvrages au Top 50 de <i>Livres Hebdo</i>), en choisissant <i>«<small class="fine"> </small>les épisodes les plus spectaculaires, les plus truculents</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb4" class="spip_note" rel="footnote" title="Conférence de Lorànt Deutsch à la Fnac de Paris-la Défense, 21 avril 2012. Cité (...)" id="nh4">4</a>)<i><small class="fine"> </small>»</i> (Lorànt Deutsch, deux millions de livres vendus (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb5" class="spip_note" rel="footnote" title="Le livre de Deutsch Métronome. L’histoire de France au rythme du métro (...)" id="nh5">5</a>)), en privilégiant ce qui est <i>«<small class="fine"> </small>atroce<small class="fine"> </small>», «<small class="fine"> </small>poignant<small class="fine"> </small>»</i> ou <i>«<small class="fine"> </small>inattendu<small class="fine"> </small>»</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb6" class="spip_note" rel="footnote" title="Entretien avec Franck Ferrand, Médias &amp; Histoire, 11 juin (...)" id="nh6">6</a>) (Ferrand, six cent mille auditeurs quotidiens sur Europe 1). Bref, l’histoire séduit au-delà du cercle des initiés si elle parvient à éveiller des émotions, des sentiments, des impressions.</p>
  455. <p>Pour aboutir à ce résultat, une excellente méthode consiste à la personnaliser, à l’incarner dans des personnages prompts à susciter l’émerveillement, la compassion, la colère, l’indignation, la pitié ou l’effroi. Dans <i>Femmes de dictateur</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb7" class="spip_note" rel="footnote" title="Diane Ducret, Femmes de dictateur, Perrin, Paris, 2011." id="nh7">7</a>), qui lui a permis de se hisser en tête des ventes de 2012, la journaliste Diane Ducret propose une plongée <i>«<small class="fine"> </small>dans l’intimité de Hitler, Mussolini, Mao, Lénine, Staline, Bokassa ou Ceaucescu<small class="fine"> </small>».</i> De même que <i>Rocky II</i> a succédé à <i>Rocky,</i> Ducret a publié <i>Femmes de dictateurs 2.</i> Au menu du nouveau millésime : l’«<small class="fine"> </small>intimité<small class="fine"> </small>» de M. Fidel Castro, mais aussi de Saddam Hussein, Oussama Ben Laden, Slobodan Milosevic et Kim Jong-il.</p>
  456. <p>Les «<small class="fine"> </small>dictateurs<small class="fine"> </small>» n’étant pas seuls à faire vendre, beaucoup d’auteurs préfèrent se concentrer sur les «<small class="fine"> </small>grands hommes<small class="fine"> </small>». Ainsi, Bern a raconté les vies de Napoléon et de Louis XIV — lequel a également été étudié par Saint Bris, par ailleurs biographe d’Henri IV. Mais le maître en la matière demeure Gallo, qui a dressé le portrait de ces trois souverains, mais aussi de Jean Jaurès, Charles de Gaulle, Jules César, Giuseppe Garibaldi, Spartacus, Néron, Rosa Luxemburg, Jules Vallès ou Robespierre. A coups de dossiers et de hors-séries, la presse joue les passagers clandestins des succès d’édition. Pour surfer sur la vague Ducret, <i>Le Point</i> s’intéressait, le 19 décembre 2013, aux «<small class="fine"> </small>Favorites : maîtresses et concubines<small class="fine"> </small>». Le même mois, l’hebdomadaire <i>Valeurs actuelles</i> réhabilitait les <i>«<small class="fine"> </small>héros français piétinés par la gauche<small class="fine"> </small>»,</i> de Clovis à Charles Martel en passant par les inévitables Louis XIV et Napoléon (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb8" class="spip_note" rel="footnote" title="Valeurs actuelles, Paris, 5 décembre 2013." id="nh8">8</a>).</p>
  457. <p>La biographie n’est en rien un sous-genre : elle peut aider à comprendre les subtilités de certains phénomènes sociaux, politiques ou culturels. Mais la version qu’en présentent en général les médias se résume trop souvent au panégyrique d’un grand homme, émaillé de scènes d’alcôve et de commérages, imposant au passé des problématiques contemporaines. Ainsi, selon <i>Valeurs actuelles,</i> Vercingétorix aurait été <i>«<small class="fine"> </small>un chef courageux, un combattant qui a fait le choix de l’action guerrière pour préserver sa culture<small class="fine"> </small>»,</i> et Charles Martel, qui <i>«<small class="fine"> </small>arrêta les Arabes à Poitiers<small class="fine"> </small>»,</i> un <i>«<small class="fine"> </small>résistant réprouvé<small class="fine"> </small>»...</i></p>
  458. <p>Les auteurs les plus en vogue revendiquent cette «<small class="fine"> </small>héroïsation<small class="fine"> </small>». Le «<small class="fine"> </small>grand homme<small class="fine"> </small>» joue un rôle fédérateur : en magnifiant la France, il rassemble les citoyens autour du culte d’un passé glorieux. En d’autres termes, les «<small class="fine"> </small>héros<small class="fine"> </small>» favorisent l’amour de la patrie. Cette conception, tout droit héritée de la IIIe République, domine dans les médias, où pullulent les propos qui transforment la France en royaume des Bisounours : <i>«<small class="fine"> </small>L’histoire de France, c’est avant tout la plus belle des histoires<small class="fine"> </small>»</i> (Deutsch)<small class="fine"> </small>; <i>«<small class="fine"> </small>Mes ancêtres n’étaient pas gaulois, loin s’en faut, mais l’étude passionnée de l’histoire de France m’a permis d’aimer ce pays qui m’a vu naître<small class="fine"> </small>»</i> (Bern)<small class="fine"> </small>; <i>«<small class="fine"> </small>Il faut que la France se réapproprie sa propre histoire et réapprenne à s’aimer<small class="fine"> </small>»</i> (Eric Zemmour).</p>
  459. <p><span class="spip_document_13057 spip_documents spip_documents_center">
  460. <a href="http://www.monde-diplomatique.fr/t/manuelh"><img src="http://www.monde-diplomatique.fr/local/cache-vignettes/L510xH372/chapitre2-manuel-5f352.jpg" alt=""/></a></span></p>
  461. <p>Pour tous ces auteurs, les problèmes de cohésion nationale viendraient donc de ce que l’histoire ne remplit plus sa mission : elle alimenterait le désamour des jeunes envers leur nation. L’idée n’est pas nouvelle. En 1979, déjà, à l’unisson du <i>Figaro,</i> du <i>Point</i> et de <i>Valeurs actuelles,</i> Alain Decaux critiquait les réformes scolaires, qui contribuaient selon lui à <i>«<small class="fine"> </small>couper</i> [les jeunes] <i>de leurs racines</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb9" class="spip_note" rel="footnote" title="Alain Decaux, « On n’enseigne plus l’histoire à vos enfants », Le Figaro (...)" id="nh9">9</a>)<i><small class="fine"> </small>».</i> Trente ans plus tard, l’annonce des nouveaux programmes de collège et de lycée par le ministre Luc Chatel a suscité une offensive conjointe de la presse (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb10" class="spip_note" rel="footnote" title="« Ce que nos enfants n’apprennent plus au collège », Le Figaro Magazine, 26 août (...)" id="nh10">10</a>) et de l’édition (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb11" class="spip_note" rel="footnote" title="Laurent Wetzel, Ils ont tué l’histoire-géo, François Bourin Editeur, Paris, (...)" id="nh11">11</a>), qui se disputent âprement le marché de l’anathème. Chaque ouvrage dénonçant la «<small class="fine"> </small>casse de l’histoire<small class="fine"> </small>» bénéficie d’une couverture médiatique généreuse. Le livre de Vincent Badré sur les manuels, qui ressasse des lamentations sur la disparition des grands personnages ou les méfaits de la repentance coloniale, a été recensé favorablement dans <i>Le Figaro Histoire, Le Figaro Magazine, Le Parisien</i> et <i>Valeurs actuelles</i><small class="fine"> </small>; son auteur a été interviewé, parfois à plusieurs reprises, par TF1, France 2, France 3, France Info, France Inter et RMC.</p>
  462. <h3 class="h3 spip">La crise de Cuba avant le nazisme,<br class="manualbr"/>le régime de Vichy après le 11-Septembre...</h3>
  463. <p>De tribunes en plateaux télévisés, trois reproches reviennent sans cesse : les nouveaux programmes n’enseigneraient plus les héros français<small class="fine"> </small>; ils auraient abandonné la chronologie au profit d’une approche thématique inefficace<small class="fine"> </small>; ils délaisseraient le passé national pour privilégier une histoire mondiale «<small class="fine"> </small>compassionnelle<small class="fine"> </small>».</p>
  464. <p><i>«<small class="fine"> </small>Les adolescents ont besoin de repères chronologiques, biographiques,</i> explique Ferrand, sur Europe 1, le 8 septembre 2013. <i>Si l’on veut avoir une chance de les réconcilier avec leur passé, il faut que celui-ci leur apparaisse plus lisible et plus attrayant.<small class="fine"> </small>»</i> Dimitri Casali, historien en chef au <i>Figaro Magazine,</i> qui officie également à <i>L’Express</i> et sur le site Atlantico, considère que le <i>«<small class="fine"> </small>ministère de l’éducation altermondialiste<small class="fine"> </small>»</i> a remplacé <i>«<small class="fine"> </small>une histoire qui avait fait ses preuves depuis cent ans, basée sur le récit des grands personnages et la chronologie, par un ensemble de thématiques compassionnelles<small class="fine"> </small>».</i> Selon lui, l’école est sous l’emprise des <i>«<small class="fine"> </small>pédagogues<small class="fine"> </small>»,</i> des <i>«<small class="fine"> </small>anciens trotskistes<small class="fine"> </small>».</i> Elle contribuerait à diffuser un <i>«<small class="fine"> </small>roman noir de l’histoire de France<small class="fine"> </small>»,</i> une <i>«<small class="fine"> </small>vision binaire<small class="fine"> </small>»</i> opposant les <i>«<small class="fine"> </small>oppresseurs occidentaux<small class="fine"> </small>»</i> et les <i>«<small class="fine"> </small>oppressés</i> [sic], <i>c’est-à-dire le reste du monde<small class="fine"> </small>»</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb12" class="spip_note" rel="footnote" title="« Exit la chronologie : comment la refonte du programme transforme les cours (...)" id="nh12">12</a>).</p>
  465. <p>La nouvelle architecture des programmes de lycée est assurément déroutante. Ainsi, en classe de première, la seconde guerre mondiale est traitée — avec Verdun, la crise de Cuba et le 11-Septembre — dans le «<small class="fine"> </small>thème 2<small class="fine"> </small>» consacré à «<small class="fine"> </small>la guerre au XXe siècle<small class="fine"> </small>», tandis que le nazisme apparaît dans le «<small class="fine"> </small>thème 3<small class="fine"> </small>» dédié au «<small class="fine"> </small>siècle des totalitarismes<small class="fine"> </small>», où il est mêlé au fascisme et au stalinisme. Quant au régime de Vichy et à la Résistance, ils surgissent dans la cinquième et dernière partie, sur «<small class="fine"> </small>Les Français et la République<small class="fine"> </small>»... Y voir une volonté de dissoudre l’histoire de la nation dans un ensemble de «<small class="fine"> </small>thématiques compassionnelles<small class="fine"> </small>» relève néanmoins du fantasme, sinon, parfois, de la paranoïa.</p>
  466. <p>Pour le reste, les programmes restent très largement franco-centrés. L’étude des civilisations africaines, qui a cristallisé les critiques, occupe à peine 10<small class="fine"> </small>% du programme de cinquième. La bataille de Bouvines, dont Deutsch prétend qu’elle a disparu, figure toujours au menu, de même que les grands personnages, de Jeanne d’Arc à Napoléon (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb13" class="spip_note" rel="footnote" title="L’association et le site Internet Aggiornamento histoire-géographie proposent (...)" id="nh13">13</a>).</p>
  467. <p>Quant aux manuels scolaires, ils demeurent d’importants vecteurs de la pensée dominante, mais pas nécessairement dans le sens évoqué par Badré ou Casali. Ils véhiculent avec ardeur nombre d’idées reçues : le mythe de l’«<small class="fine"> </small>union sacrée<small class="fine"> </small>» dans les tranchées de la première guerre mondiale, alors que les unités de soldats étaient souvent traversées par des divisions sociales<small class="fine"> </small>; le prétendu anti-impérialisme du président américain Woodrow Wilson, qui n’hésitait pourtant pas à multiplier les interventions militaires et les ingérences politiques en Amérique latine tout en prônant le «<small class="fine"> </small>droit à l’autodétermination des peuples<small class="fine"> </small>» à la conférence de Versailles<small class="fine"> </small>; le rôle prétendument décisif du débarquement allié dans la défaite de l’Allemagne<small class="fine"> </small>; la fable d’une Union européenne créée dans le seul but d’instaurer une paix durable sur le continent, etc. Tous ces clichés ne dénotent pas vraiment une «<small class="fine"> </small>éducation altermondialiste<small class="fine"> </small>»...</p>
  468. <p>Cristallisant toutes les passions, les manuels scolaires représentent un enjeu dont chacun perçoit l’importance (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb14" class="spip_note" rel="footnote" title="Lire le dossier « Manuels scolaires, le soupçon », Le Monde diplomatique, (...)" id="nh14">14</a>). Soupçonnés à tort d’influencer les enseignants — lesquels élaborent en réalité eux-mêmes leurs cours, et n’utilisent le plus souvent les manuels que comme supports —, ils habitent, entre autres sources, l’imaginaire des élèves qui en parcourent les textes, les images, les figures.</p>
  469. <h3 class="h3 spip">Dans les livres scolaires, <br class="manualbr"/>un ton consensuel et froid, <br class="manualbr"/>des chiffres qui défilent <br class="manualbr"/>comme des noms dans un annuaire</h3>
  470. <p>Les ouvrages qui ont obtenu l’agrément du ministère frappent par leur ton consensuel et froid : des événements, des dates, des chiffres y défilent comme les noms dans un annuaire, mécaniquement, tout juste reliés par quelques conjonctions de coordination. <i>«<small class="fine"> </small>Depuis la crise des années 1970, les sociétés postindustrielles entrent dans une phase de croissance démographique et économique plus lente. Le chômage et la précarité renaissent : même s’ils sont amortis par l’Etat-providence, ils rendent plus difficile son financement<small class="fine"> </small>»,</i> dit par exemple un livre de Belin pour expliquer l’apparition du chômage de masse. Or la crise de l’«<small class="fine"> </small>Etat-providence<small class="fine"> </small>» n’est pas le produit d’une fatalité<small class="fine"> </small>; elle résulte de décisions politiques : la baisse des impôts et l’ouverture des frontières économiques, par exemple, décisions qui correspondent à une idéologie particulière et sont promues par certains groupes sociaux. Ecrire n’est pas simplement décrire.</p>
  471. <p><span class="spip_document_13056 spip_documents spip_documents_center">
  472. <a href="http://www.monde-diplomatique.fr/t/manuelh"><img src="http://www.monde-diplomatique.fr/local/cache-vignettes/L510xH372/chapitre-manuel-06ef6.jpg" alt=""/></a></span></p>
  473. <p>Pour les manuels scolaires, les conséquences n’ont pas de causes, ni les victimes de bourreaux (sauf si ces derniers sont nazis ou communistes). Ils parlent de la pauvreté mais n’évoquent pas la richesse. Ils se veulent au-dessus de la mêlée et se bornent à rapporter des points de vue différents, même quand ceux-ci ne sont pas tout à fait équivalents. Par exemple, selon Magnard (première, 2012) le <i>«<small class="fine"> </small>bilan de la colonisation<small class="fine"> </small>»</i> est <i>«<small class="fine"> </small>ambigu<small class="fine"> </small>»</i> : <i>«<small class="fine"> </small>Le pouvoir se maintient par la force, mais il permet la scolarisation et l’émergence d’élites indigènes. La situation médicale des colonisés s’améliore, mais le travail forcé sur les grands chantiers maintient des rapports inégaux entre Blancs et colonisés.<small class="fine"> </small>»</i> Peut-on vraiment mettre sur le même plan la construction d’écoles ou de dispensaires et le massacre de centaines de milliers de Mau-Mau, de Hereros ou d’Algériens<small class="fine"> </small>?</p>
  474. <p>Parce qu’ils attribuent les évolutions sociales et politiques à des entités non définies <i>(«<small class="fine"> </small>la France<small class="fine"> </small>», «<small class="fine"> </small>les Français<small class="fine"> </small>», «<small class="fine"> </small>la société<small class="fine"> </small>», «<small class="fine"> </small>l’opinion publique<small class="fine"> </small>»),</i> les manuels négligent les jeux d’influence, les résistances, les interactions qui font de l’histoire une science jubilatoire. Ils donnent raison à Deutsch quand il voit dans cette discipline telle qu’on l’enseigne <i>«<small class="fine"> </small>une matière froide, un objet de dissection<small class="fine"> </small>».</i></p>
  475. <p>Est-on vraiment condamné à choisir entre l’histoire-spectacle, mise au service de l’amour de la France, et cette matière désincarnée que nous imposent l’école et la science universitaire<small class="fine"> </small>?</p>
  476. <p>Dès les années 1930, aux Etats-Unis, Harold Rugg avait imaginé un manuel d’histoire progressiste, qui abordait de front le problème des inégalités sociales afin d’en dénoncer les causes. L’initiative se heurta à l’opposition d’organisations conservatrices — la Légion américaine, l’Association nationale des industriels, divers groupes patriotiques —, qui s’employèrent à la torpiller. Pour trois cent mille exemplaires de <i>Man and His Changing Society</i> vendus en 1938, il ne s’en écoulait plus que vingt mille six ans plus tard. <i>«<small class="fine"> </small>Un prolétariat éduqué est une source constante de désordre et de danger pour toute nation<small class="fine"> </small>»,</i> déclara à l’époque le président de l’université Columbia (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb15" class="spip_note" rel="footnote" title="Cité dans Michael Parenti, History as Mystery, City Lights Books, San (...)" id="nh15">15</a>), bien conscient de l’enjeu que représente la diffusion d’un savoir historique critique.</p>
  477. <p>Avec une équipe d’universitaires, de journalistes et de professeurs d’histoire-géographie, <i>Le Monde diplomatique</i> s’est lancé dans la réalisation d’un ouvrage accessible et exigeant, qui revisite les programmes de première et de terminale, de la révolution industrielle à nos jours. Ce contre-manuel ne se contente pas d’énoncer des faits : il les explique, les compare, les met en perspective, et démonte au passage quelques idées reçues. Il traite l’histoire <i>«<small class="fine"> </small>à parts égales</i> (<a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783#nb16" class="spip_note" rel="footnote" title="Romain Bertrand, L’Histoire à parts égales. Récits d’une rencontre, (...)" id="nh16">16</a>)<i><small class="fine"> </small>»,</i> en accordant autant d’importance aux vaincus qu’aux vainqueurs, et donne toute sa place au Sud, souvent peu et mal traité. Loin des images officielles, son iconographie privilégie le travail des artistes, qu’il resitue dans les grands courants de leur époque.</p>
  478. <p>Parce que l’histoire est une construction qui varie selon les pays et les configurations politiques, de nombreux extraits de manuels scolaires étrangers (chinois, syrien, algérien, israélien, allemand...) accompagnent ses soixante-quinze articles. Comment le pacte germano-soviétique est-il décrit dans les écoles en Russie<small class="fine"> </small>? Quelle présentation les manuels turcs donnent-ils du génocide arménien<small class="fine"> </small>? Qu’apprennent les élèves palestiniens au sujet de la création d’Israël<small class="fine"> </small>? Comment les Allemands parlent-ils de la guerre du Vietnam<small class="fine"> </small>? Et les Boliviens, de la mondialisation<small class="fine"> </small>?</p>
  479. <p>Le manuel critique du <i>Monde diplomatique</i> ne cherche pas à obtenir un label ministériel, ni à «<small class="fine"> </small>faire aimer la France<small class="fine"> </small>» ou à «<small class="fine"> </small>réconcilier les citoyens avec leur passé<small class="fine"> </small>». Il ne vise pas davantage les 18-25 ans que les plus de 55 ans : il s’adresse aux étudiants, aux enseignants et, plus largement, à tous ceux qui considèrent l’histoire non comme le musée de l’ordre, mais comme une science du changement.</p>
  480. <blockquote class="spip">
  481. <h3 class="h3 spip">A découvrir </h3>
  482. <p><span class="spip_document_13055 spip_documents spip_documents_right">
  483. <a href="http://www.monde-diplomatique.fr/t/manuelh"><img src="http://www.monde-diplomatique.fr/local/cache-vignettes/L255xH500/betisier250-a6025.jpg" alt=""/></a></span> Le <a href="http://www.monde-diplomatique.fr/t/manuelh" class=""><i>Manuel d’histoire critique</i></a> est découpé en dix chapitres couvrant la période comprise entre 1830 et... le monde qui vient. Chaque partie est introduite par l’énoncé — et la réfutation — d’une idée reçue : «<small class="fine"> </small>Les soldats de 1914-1918 étaient tous unis dans les tranchées<small class="fine"> </small>», «<small class="fine"> </small>La crise de 1929 a porté Adolf Hitler au pouvoir<small class="fine"> </small>», etc. En soixante-quinze textes et cent quatre-vingts pages, l’ouvrage traite l’intégralité du programme d’histoire des premières et des terminales.</p>
  484. <p>L’ensemble s’accompagne de nombreuses cartes, mais aussi d’une iconographie en rupture avec les stéréotypes. Et d’un bêtisier constitué à partir de manuels d’histoire publiés sur les cinq continents.</p>
  485. </blockquote>
  486. </article>
  487. </section>
  488. <nav id="jumpto">
  489. <p>
  490. <a href="/david/blog/">Accueil du blog</a> |
  491. <a href="http://www.monde-diplomatique.fr/2014/09/BREVILLE/50783">Source originale</a> |
  492. <a href="/david/stream/2019/">Accueil du flux</a>
  493. </p>
  494. </nav>
  495. <footer>
  496. <div>
  497. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  498. <p>
  499. Bonjour/Hi!
  500. 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>
  501. 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>).
  502. </p>
  503. <p>
  504. 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>.
  505. </p>
  506. <p>
  507. Voici quelques articles choisis :
  508. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  509. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  510. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  511. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  512. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  513. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  514. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  515. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  516. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  517. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  518. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  519. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  520. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  521. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  522. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  523. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  524. </p>
  525. <p>
  526. 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>.
  527. </p>
  528. <p>
  529. Je ne traque pas ta navigation mais mon
  530. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  531. conserve des logs d’accès.
  532. </p>
  533. </div>
  534. </footer>
  535. <script type="text/javascript">
  536. ;(_ => {
  537. const jumper = document.getElementById('jumper')
  538. jumper.addEventListener('click', e => {
  539. e.preventDefault()
  540. const anchor = e.target.getAttribute('href')
  541. const targetEl = document.getElementById(anchor.substring(1))
  542. targetEl.scrollIntoView({behavior: 'smooth'})
  543. })
  544. })()
  545. </script>