A place to cache linked articles (think custom and personal wayback machine)
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.html 34KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862
  1. <!doctype html><!-- This is a valid HTML5 document. -->
  2. <!-- Screen readers, SEO, extensions and so on. -->
  3. <html lang=fr>
  4. <!-- Has to be within the first 1024 bytes, hence before the <title>
  5. See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
  6. <meta charset=utf-8>
  7. <!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
  8. <!-- The viewport meta is quite crowded and we are responsible for that.
  9. See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
  10. <meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>La culture en partage (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.lettresvives.org/2019/09/22/la-culture-en-partage/">
  31. <style>
  32. /* http://meyerweb.com/eric/tools/css/reset/ */
  33. html, body, div, span,
  34. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  35. a, abbr, address, big, cite, code,
  36. del, dfn, em, img, ins,
  37. small, strike, strong, tt, var,
  38. dl, dt, dd, ol, ul, li,
  39. fieldset, form, label, legend,
  40. table, caption, tbody, tfoot, thead, tr, th, td,
  41. article, aside, canvas, details, embed,
  42. figure, figcaption, footer, header, hgroup,
  43. menu, nav, output, ruby, section, summary,
  44. time, mark, audio, video {
  45. margin: 0;
  46. padding: 0;
  47. border: 0;
  48. font-size: 100%;
  49. font: inherit;
  50. vertical-align: baseline;
  51. }
  52. /* HTML5 display-role reset for older browsers */
  53. article, aside, details, figcaption, figure,
  54. footer, header, hgroup, menu, nav, section { display: block; }
  55. body { line-height: 1; }
  56. blockquote, q { quotes: none; }
  57. blockquote:before, blockquote:after,
  58. q:before, q:after {
  59. content: '';
  60. content: none;
  61. }
  62. table {
  63. border-collapse: collapse;
  64. border-spacing: 0;
  65. }
  66. /* http://practicaltypography.com/equity.html */
  67. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
  68. /* https://www.filamentgroup.com/lab/js-web-fonts.html */
  69. @font-face {
  70. font-family: 'EquityTextB';
  71. src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
  72. url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  73. font-weight: 300;
  74. font-style: normal;
  75. font-display: swap;
  76. }
  77. @font-face {
  78. font-family: 'EquityTextB';
  79. src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
  80. url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  81. font-weight: 300;
  82. font-style: italic;
  83. font-display: swap;
  84. }
  85. @font-face {
  86. font-family: 'EquityTextB';
  87. src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
  88. url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  89. font-weight: 700;
  90. font-style: normal;
  91. font-display: swap;
  92. }
  93. @font-face {
  94. font-family: 'ConcourseT3';
  95. src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
  96. url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  97. font-weight: 300;
  98. font-style: normal;
  99. font-display: swap;
  100. }
  101. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
  102. body {
  103. /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  104. font-family: "EquityTextB", Palatino, serif;
  105. background-color: #f0f0ea;
  106. color: #07486c;
  107. font-kerning: normal;
  108. -moz-osx-font-smoothing: grayscale;
  109. -webkit-font-smoothing: subpixel-antialiased;
  110. text-rendering: optimizeLegibility;
  111. font-variant-ligatures: common-ligatures contextual;
  112. font-feature-settings: "kern", "liga", "clig", "calt";
  113. }
  114. pre, code, kbd, samp, var, tt {
  115. font-family: 'TriplicateT4c', monospace;
  116. }
  117. em {
  118. font-style: italic;
  119. color: #323a45;
  120. }
  121. strong {
  122. font-weight: bold;
  123. color: black;
  124. }
  125. nav {
  126. background-color: #323a45;
  127. color: #f0f0ea;
  128. display: flex;
  129. justify-content: space-around;
  130. padding: 1rem .5rem;
  131. }
  132. nav:last-child {
  133. border-bottom: 1vh solid #2d7474;
  134. }
  135. nav a {
  136. color: #f0f0ea;
  137. }
  138. nav abbr {
  139. border-bottom: 1px dotted white;
  140. }
  141. h1 {
  142. border-top: 1vh solid #2d7474;
  143. border-bottom: .2vh dotted #2d7474;
  144. background-color: #e3e1e1;
  145. color: #323a45;
  146. text-align: center;
  147. padding: 5rem 0 4rem 0;
  148. width: 100%;
  149. font-family: 'ConcourseT3';
  150. display: flex;
  151. flex-direction: column;
  152. }
  153. h1.single {
  154. padding-bottom: 10rem;
  155. }
  156. h1 span {
  157. position: absolute;
  158. top: 1vh;
  159. left: 20%;
  160. line-height: 0;
  161. }
  162. h1 span a {
  163. line-height: 1.7;
  164. padding: 1rem 1.2rem .6rem 1.2rem;
  165. border-radius: 0 0 6% 6%;
  166. background: #2d7474;
  167. font-size: 1.3rem;
  168. color: white;
  169. text-decoration: none;
  170. }
  171. h2 {
  172. margin: 4rem 0 1rem;
  173. border-top: .2vh solid #2d7474;
  174. padding-top: 1vh;
  175. }
  176. h3 {
  177. text-align: center;
  178. margin: 3rem 0 .75em;
  179. }
  180. hr {
  181. height: .4rem;
  182. width: .4rem;
  183. border-radius: .4rem;
  184. background: #07486c;
  185. margin: 2.5rem auto;
  186. }
  187. time {
  188. display: bloc;
  189. margin-left: 0 !important;
  190. }
  191. ul, ol {
  192. margin: 2rem;
  193. }
  194. ul {
  195. list-style-type: square;
  196. }
  197. a {
  198. text-decoration-skip-ink: auto;
  199. text-decoration-thickness: 0.05em;
  200. text-underline-offset: 0.09em;
  201. }
  202. article {
  203. max-width: 50rem;
  204. display: flex;
  205. flex-direction: column;
  206. margin: 2rem auto;
  207. }
  208. article.single {
  209. border-top: .2vh dotted #2d7474;
  210. margin: -6rem auto 1rem auto;
  211. background: #f0f0ea;
  212. padding: 2rem;
  213. }
  214. article p:last-child {
  215. margin-bottom: 1rem;
  216. }
  217. p {
  218. padding: 0 .5rem;
  219. margin-left: 3rem;
  220. }
  221. p + p,
  222. figure + p {
  223. margin-top: 2rem;
  224. }
  225. blockquote {
  226. background-color: #e3e1e1;
  227. border-left: .5vw solid #2d7474;
  228. display: flex;
  229. flex-direction: column;
  230. align-items: center;
  231. padding: 1rem;
  232. margin: 1.5rem;
  233. }
  234. blockquote cite {
  235. font-style: italic;
  236. }
  237. blockquote p {
  238. margin-left: 0;
  239. }
  240. figure {
  241. border-top: .2vh solid #2d7474;
  242. background-color: #e3e1e1;
  243. text-align: center;
  244. padding: 1.5rem 0;
  245. margin: 1rem 0 0;
  246. font-size: 1.5rem;
  247. width: 100%;
  248. }
  249. figure img {
  250. max-width: 250px;
  251. max-height: 250px;
  252. border: .5vw solid #323a45;
  253. padding: 1px;
  254. }
  255. figcaption {
  256. padding: 1rem;
  257. line-height: 1.4;
  258. }
  259. aside {
  260. display: flex;
  261. flex-direction: column;
  262. background-color: #e3e1e1;
  263. padding: 1rem 0;
  264. border-bottom: .2vh solid #07486c;
  265. }
  266. aside p {
  267. max-width: 50rem;
  268. margin: 0 auto;
  269. }
  270. /* https://fvsch.com/code/css-locks/ */
  271. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  272. font-size: 1rem;
  273. line-height: calc( 1.5em + 0.2 * 1rem );
  274. }
  275. h1 {
  276. font-size: 1.9rem;
  277. line-height: calc( 1.2em + 0.2 * 1rem );
  278. }
  279. h2 {
  280. font-size: 1.6rem;
  281. line-height: calc( 1.3em + 0.2 * 1rem );
  282. }
  283. h3 {
  284. font-size: 1.35rem;
  285. line-height: calc( 1.4em + 0.2 * 1rem );
  286. }
  287. @media (min-width: 20em) {
  288. /* The (100vw - 20rem) / (50 - 20) part
  289. resolves to 0-1rem, depending on the
  290. viewport width (between 20em and 50em). */
  291. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  292. font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
  293. line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
  294. margin-left: 0;
  295. }
  296. h1 {
  297. font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  298. line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  299. }
  300. h2 {
  301. font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  302. line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  303. }
  304. h3 {
  305. font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
  306. line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  307. }
  308. }
  309. @media (min-width: 50em) {
  310. /* The right part of the addition *must* be a
  311. rem value. In this example we *could* change
  312. the whole declaration to font-size:2.5rem,
  313. but if our baseline value was not expressed
  314. in rem we would have to use calc. */
  315. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  316. font-size: calc( 1rem + .6 * 1rem );
  317. line-height: 1.5em;
  318. }
  319. p, li, pre, details {
  320. margin-left: 3rem;
  321. }
  322. h1 {
  323. font-size: calc( 1.9rem + 1.5 * 1rem );
  324. line-height: 1.2em;
  325. }
  326. h2 {
  327. font-size: calc( 1.5rem + 1.5 * 1rem );
  328. line-height: 1.3em;
  329. }
  330. h3 {
  331. font-size: calc( 1.35rem + 1.5 * 1rem );
  332. line-height: 1.4em;
  333. }
  334. figure img {
  335. max-width: 500px;
  336. max-height: 500px;
  337. }
  338. }
  339. figure.unsquared {
  340. margin-bottom: 1.5rem;
  341. }
  342. figure.unsquared img {
  343. height: inherit;
  344. }
  345. @media print {
  346. body { font-size: 100%; }
  347. a:after { content: " (" attr(href) ")"; }
  348. a, a:link, a:visited, a:after {
  349. text-decoration: underline;
  350. text-shadow: none !important;
  351. background-image: none !important;
  352. background: white;
  353. color: black;
  354. }
  355. abbr[title] { border-bottom: 0; }
  356. abbr[title]:after { content: " (" attr(title) ")"; }
  357. img { page-break-inside: avoid; }
  358. @page { margin: 2cm .5cm; }
  359. h1, h2, h3 { page-break-after: avoid; }
  360. p3 { orphans: 3; widows: 3; }
  361. img {
  362. max-width: 250px !important;
  363. max-height: 250px !important;
  364. }
  365. nav, aside { display: none; }
  366. }
  367. ul.with_columns {
  368. column-count: 1;
  369. }
  370. @media (min-width: 20em) {
  371. ul.with_columns {
  372. column-count: 2;
  373. }
  374. }
  375. @media (min-width: 50em) {
  376. ul.with_columns {
  377. column-count: 3;
  378. }
  379. }
  380. ul.with_two_columns {
  381. column-count: 1;
  382. }
  383. @media (min-width: 20em) {
  384. ul.with_two_columns {
  385. column-count: 1;
  386. }
  387. }
  388. @media (min-width: 50em) {
  389. ul.with_two_columns {
  390. column-count: 2;
  391. }
  392. }
  393. .gallery {
  394. display: flex;
  395. flex-wrap: wrap;
  396. justify-content: space-around;
  397. }
  398. .gallery figure img {
  399. margin-left: 1rem;
  400. margin-right: 1rem;
  401. }
  402. .gallery figure figcaption {
  403. font-family: 'ConcourseT3'
  404. }
  405. footer {
  406. font-family: 'ConcourseT3';
  407. display: flex;
  408. flex-direction: column;
  409. border-top: 3px solid white;
  410. padding: 4rem 0;
  411. background-color: #07486c;
  412. color: white;
  413. }
  414. footer > * {
  415. max-width: 50rem;
  416. margin: 0 auto;
  417. }
  418. footer a {
  419. color: #f1c40f;
  420. }
  421. footer .avatar {
  422. width: 200px;
  423. height: 200px;
  424. border-radius: 50%;
  425. float: left;
  426. -webkit-shape-outside: circle();
  427. shape-outside: circle();
  428. margin-right: 2rem;
  429. padding: 2px 5px 5px 2px;
  430. background: white;
  431. border-left: 1px solid #f1c40f;
  432. border-top: 1px solid #f1c40f;
  433. border-right: 5px solid #f1c40f;
  434. border-bottom: 5px solid #f1c40f;
  435. }
  436. </style>
  437. <h1>
  438. <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  439. La culture en partage (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.lettresvives.org/2019/09/22/la-culture-en-partage/">Source originale du contenu</a></h3>
  445. <p>Nous sommes un collectif, nous défendons une pratique collective, ce texte a donc été écrit collectivement, nous le signons tou·tes, mais aucun·e de nous ne peut se voir assigner le statut d’auteur ou d’autrice de ce texte. Il est notre réponse aux attaques d’une rare violence dont ont été l’objet certaines d’entre nous autour de la pratique de l’arpentage.</p>
  446. <p>La
  447. lecture en arpentage consiste à partager les pages d’un livre et à
  448. les distribuer à un collectif. Il s’agit d’une pratique issue de
  449. l’éducation populaire et ouvrière qui offre la possibilité de
  450. mettre en mouvement l’intelligence d’un groupe. À l’origine,
  451. elle a été pratiquée par les ouvriers pour s’approprier des
  452. textes législatifs ou politiques. En ce sens, elle représente une
  453. forme d’autogestion et d’autodidactie collective qui permet de se
  454. passer de la glose de l’expert, quel qu’il soit. C’est une
  455. pratique qui vise à l’autonomie du collectif concerné. Dans les
  456. maquis du Vercors, les résistants, conscients de la nécessité de
  457. lutter aussi par la pensée, ont repris cette pratique de lecture.
  458. Elle permet un partage de la culture, « légitime »
  459. autant qu’ouvrière. Ce partage prend la forme d’un échange de
  460. points de vue et permet aux membres du groupe d’affermir leur
  461. pratique argumentative mais aussi de questionner le sens, la
  462. structure ou encore la portée de l’œuvre. En somme, c’est un
  463. outil d’accès à la culture par le partage et par la réflexion
  464. critique.</p>
  465. <p><strong>Récits
  466. d’arpentages</strong></p>
  467. <p>Certain.es
  468. d’entre nous ont expérimenté ce mode de lecture à l’occasion
  469. de formations et de stages syndicaux. Preuve que cette pratique n’a
  470. jamais véritablement disparu et constitue, hier comme aujourd’hui,
  471. un des outils de l’éducation populaire. Nous avons par exemple eu
  472. le plaisir de partager un de ces moments autour du livre <em>La Force
  473. du collectif </em>aux éditions Libertalia (1) lors du stage
  474. Résistances collectives (automne 2018). Cet ouvrage qui revient sur
  475. la lutte des ouvrier.ères de l’usine Lip, dans les années
  476. soixante-dix, se prêtant particulièrement bien – dans la forme
  477. comme dans le fond – à cet exercice. C’est à travers ce genre
  478. de formations que la lecture en arpentage continue son cheminement,
  479. se diffuse et séduit des éducateur.trices.</p>
  480. <p>Ramené
  481. à la question de la didactique des Lettres, l’arpentage devient
  482. une pratique d’entrée dans la lecture, notamment pour des œuvres
  483. qu’on pourrait considérer <em>a priori</em> comme difficiles. Il
  484. faut bien faire le constat suivant : dire à des élèves de
  485. 2nde, de 1ère, de n’importe quel âge : « Vous lirez
  486. (au choix) <em>Phèdre</em>, <em>Le Rouge et le noir</em>, etc. pour dans
  487. trois semaines et il y aura un test de lecture », nous n’y
  488. arrivons plus. Laisser certain·es élèves dans cette souffrance et
  489. cette solitude face à l’acte de lecture n’est pas envisageable
  490. pour nous. C’est pourquoi nous accompagnons l’entrée dans la
  491. lecture de multiples façons, en essayant, en tâtonnant, en adaptant
  492. des méthodes, etc., ce qui constitue aussi une grande partie de
  493. notre métier, tel que nous le concevons. Plus jamais cette
  494. injonction : « Lisez ! », sans accompagner,
  495. sans créer d’appétence pour les textes, sans recontextualiser,
  496. sans donner sens et vie à ces textes du passé pour qu’ils
  497. trouvent une nouvelle réalisation dans l’esprit des élèves.</p>
  498. <p>L’arpentage
  499. se fait en début de séquence, les élèves ont ensuite à lire
  500. l’œuvre <em>in extenso</em>. Les témoignages de pratique
  501. concordent : les élèves affirment qu’ils et elles ont envie,
  502. que cela leur semble plus abordable, plein de questions se posent,
  503. leur curiosité est en éveil.</p>
  504. <p>Parlons,
  505. puisque c’est un des points de départ de cette polémique, de la
  506. séance à propos du roman de Marguerite Yourcenar : « <em>Mais
  507. Hadrien il aime les hommes ou les femmes ? » « Pourquoi
  508. parle-t-il tant de la mort ? » « Quel regard a-t-il
  509. sur lui ? » « Ressemble-t-il à Yourcenar ? </em>»
  510. Dans la salle, au bout du compte, tout le monde est en train de
  511. chercher des cartes de l’Empire romain, les monuments évoqués
  512. dans l’œuvre, des bustes des personnages, des éléments
  513. d’information sur la vie de Yourcenar (« e<em>lle adorait la
  514. Grèce elle aussi », « elle voyageait beaucoup </em>»,
  515. etc.). Dans une des deux 1ère, une élève a aimé un passage, l’a
  516. lu à tout le monde, ce qui a abouti à la modification du programme
  517. de lecture linéaire pour y inclure ce passage qui s’est révélé
  518. si pertinent. Voici des mots entendus : « <em>Maintenant,
  519. c’est notre livre. », « C’était génial, tous
  520. ensemble on a lu un livre en deux heures et on ne s’est pas
  521. ennuyés, on a discuté</em>. ». C’est une activité pour
  522. déclencher la lecture, et ça marche.</p>
  523. <p>L’effet
  524. professeur ne suffit pas à expliquer ce résultat. En effet, une
  525. autre collègue a utilisé le procédé de l’arpentage avec
  526. <em>Enfance</em>, de Nathalie Sarraute. Avant cela, les deux activités
  527. menées pour entrer dans l’œuvre n’avaient pas permis de
  528. démarrer : certain·es élèves avouaient ne rien comprendre,
  529. plusieurs n’avaient même pas encore sérieusement ouvert le livre.
  530. La professeure annonce : « <em>Mercredi, on va essayer
  531. quelque chose.</em> »</p>
  532. <p>Mercredi
  533. matin, donc, ils découvrent la salle installée en U. Passée la
  534. petite émotion provoquée par cette disposition des tables, chacun
  535. trouve une place. La séance commence par l’annonce d’une
  536. activité qui suppose qu’ils échangent ensemble, d’où la
  537. disposition des tables. La méthode de l’« arpentage »
  538. est présentée (le mot « ouvriers » accroche leur
  539. attention, nettement) puis l’exemplaire neuf, acheté la veille
  540. pour le partager, est sorti. On fait le compte des pages, on divise
  541. par le nombre de participants. Ce sera huit chacun. La professeure
  542. casse la reliure et commence à séparer et distribuer les pages.
  543. Réaction affolée de certain·es :</p>
  544. <p>« <em>Madame,
  545. ça fait mal au cœur ! Vous avez dépensé 7 euros et vous
  546. détruisez le livre !</em></p>
  547. <p>–
  548. <em>Je ne le détruis pas, je le
  549. partage. Chacun gardera ses pages jusqu’à la fin de l’étude. </em>»</p>
  550. <p>Ils
  551. sortent les carnets de lecture, ouvrent une nouvelle double page :
  552. une page pour prendre en notes tout ce que chacun comprend de ses
  553. huit pages et la page en face pour relever remarques, questions,
  554. éventuellement citations. Passé le moment de trouble et de doute,
  555. c’est parti ! Vingt minutes de lecture absolument silencieuse
  556. et concentrée. Même les plus résistant·es au carnet de lecture
  557. finissent par prendre des notes : double réussite, lecture de
  558. Sarraute et investissement du carnet ! La classe est tellement
  559. silencieuse qu’il a fallu sortir plusieurs fois pour demander à
  560. des élèves dans le couloir de faire moins de bruit. Au retour dans
  561. la salle, personne n’a bougé, tout le monde lit. C’est un
  562. véritable moment de grâce.</p>
  563. <p>Au
  564. bout de vingt minutes, on lance la mise en commun. Une des élèves,
  565. qui connaît déjà la professeure et sait que toute remarque est
  566. possible, dit : « <em>Ça sert à rien, ce qu’on vient de
  567. faire ! À quoi ça sert de lire juste un morceau ? On peut
  568. lire tout le livre !</em> »</p>
  569. <p>Il
  570. faut alors rappeler que personne n’y arrivait, que l’idée est
  571. d’essayer de trouver une solution pour que tout le monde puisse
  572. lire effectivement le livre en entier, mais peut-être en partant des
  573. pages dont chacun·e est responsable, en élargissant à partir de
  574. cette première expérience.</p>
  575. <p>Il ne reste que quelques minutes de mise en commun, qui porte essentiellement sur les personnages. Il se passe alors quelque chose d’étonnant : ils parviennent à perdre la professeure malgré sa maîtrise du texte ! Heureusement, pour chaque question, il y a toujours un élève qui a compris ou vu. On parvient même à mettre en place les éléments essentiels concernant l’enfance de Nathalie Sarraute… et puis ça sonne, trop tôt, trop vite. On essaiera de reprendre tout ça lundi. L’idée émerge de compléter un petit dictionnaire des personnages. Sans doute aussi une petite chronologie. À voir. En tout cas, il y a une belle matière à exploiter dans les jours voire les semaines à venir !</p>
  576. <p>
  577. <strong>L’arpentage :
  578. une pratique qui dérange ?</strong></p>
  579. <p>Mais
  580. le témoignage ne suffira sans doute pas, d’autant que nous ne
  581. sommes pas à l’abri de la mauvaise foi qui refuserait de nous
  582. croire. Aussi éprouvons-nous le besoin de proposer une lecture plus
  583. théorique de l’objet didactique arpentage.</p>
  584. <p>
  585. La question du
  586. <em>corpus</em></p>
  587. <p>Les
  588. méthodes didactiques, même les plus classiques, ont toujours
  589. découpé des œuvres pour des besoins pédagogiques, tout simplement
  590. parce qu’il est impossible de faire lire trop d’œuvres en entier
  591. à des élèves et qu’il faut parfois se contenter de leur faire
  592. lire des extraits, pour leur en donner un aperçu. Cela ne choque
  593. personne qu’on fasse lire en classe le même extrait à tout le
  594. monde alors que bien souvent, cela assèche une œuvre littéraire,
  595. vue à travers trois textes, et souvent les mêmes à travers la
  596. France. Avec l’arpentage, ce sont des extraits multiples qui sont
  597. lus, consignés, restitués et discutés par l’ensemble de la
  598. classe.</p>
  599. <p>La
  600. raison n’est donc pas à chercher dans une critique de la lecture
  601. d’extraits en classe. Qu’est-ce qui donc dérange autant, au
  602. point de se permettre des insultes ?</p>
  603. <p>
  604. Le livre, objet sacré ?</p>
  605. <p>En
  606. observant les élèves travaillant sur leurs pages, nous avons pensé
  607. à l’étymologie du mot « <em>corpus </em>» et au
  608. rapport entre le travail sur le texte et l’exercice de dissection
  609. pour les études médicales, à l’image de <em>La leçon d’anatomie</em>
  610. de Rembrandt. Or cette idée d’une connaissance exploratrice,
  611. expérimentale, désacralisante ne gêne pas en soi, elle s’oppose
  612. à une autre conception de la pédagogie des lettres. Il n’est
  613. qu’à lire le passionnant ouvrage de Clémence Cardon-Quint qui
  614. éclaire les fondamentaux de l’enseignement du français tels
  615. qu’ils s’instituent dans les années 30 à 50 : «<em> le
  616. canon scolaire</em> » des œuvres à étudier, des programmes
  617. sous-tendus par les notions de goût (à forger) et de patrimoine (à
  618. transmettre), le nombre et la longueur des textes à aborder dans
  619. l’année, l’explication de texte, « <em>gloire de
  620. l’enseignement français</em> » et dont les étapes sont
  621. codifiées par l’Inspection elle-même, une conception quasi
  622. religieuse des professeur·es de français. Ils et elles sont
  623. chargé·es de faire percevoir «<em> l’humanité éternelle </em>»
  624. à travers la littérature, elle-même sacralisée comme lieu d’une
  625. « <em>révélation</em> » ; il doit se faire
  626. « <em>intercesseur</em> » pour favoriser le culte des
  627. « <em>grands</em> <em>écrivains</em> » ; le cours de
  628. français est le « <em>théâtre d’une expérience qui engage
  629. tout entière la personnalité des parties en présence </em>»….
  630. Cette sacralisation a trouvé corps dans l’objet livre, dont le
  631. découpage et le partage lors de l’arpentage a été dénoncé
  632. comme un crime horrifiant.</p>
  633. <p>On
  634. sait combien la pratique de la dissection se heurta aux violentes
  635. résistances du pouvoir religieux. Certain·es profs de lettres
  636. craindraient-ils/elles de perdre ce qu’ils/elles considèrent
  637. comme leur mission (répandre, en chaire, la foi en la littérature
  638. auprès d’élèves non-croyant·es) et le statut (de prélat) qui
  639. va avec ?</p>
  640. <p>On
  641. fera remarquer en passant que les nouveaux programmes de français
  642. au lycée vont dans leur sens : des programmes patrimoniaux qui
  643. invitent à la célébration des « <em>grandes</em> <em>œuvres</em> »
  644. et à la glose respectueuse, des « <em>programmes pour les
  645. héritiers</em> » comme le disait Denis Paget dans <em>Le Café
  646. pédagogique</em>.</p>
  647. <p>
  648. Une quête du sens</p>
  649. <p>Sur
  650. le plan didactique, pourtant, certaines critiques nous ont paru
  651. recevables. Ainsi le fait d’aborder une œuvre par bribes fait-il
  652. disparaître son unité ? Cela s’entend. Cependant, nous
  653. avons la conviction que la reconstruction collective de la logique
  654. de l’œuvre induit des interrogations sur le choix d’écriture ;
  655. le réseau des récurrences, le travail de sériation qui font œuvre
  656. apparaissent comme des évidences. De fait, l’entrée dans l’œuvre
  657. est morcelée, mais permet le travail de réception et
  658. d’appropriation de l’œuvre en ceci que l’arpentage construit
  659. ce qu’il est convenu d’appeler des <em>horizons d’attente</em>.</p>
  660. <p>Mais,
  661. de nouveau, nous entendons les frissons d’horreur, les voix qui
  662. convoquent l’histoire de la censure, à l’idée de déchirer un
  663. livre.</p>
  664. <p>La
  665. portée symbolique du geste peut effectivement faire question. Mais
  666. précisément, voilà un formidable objet didactique : il serait
  667. intéressant que nous, profs de lettres, nous prenions appui sur ces
  668. réactions effarées de certain·es jeunes (et/ou collègues) pour
  669. lancer un travail de recherche, ou un débat sur cette symbolique,
  670. voire une petite histoire des livres détruits afin que soit perçue
  671. toute la portée symbolique de la culture, comme source
  672. d’émancipation pour les dominé·es, ou comme instrument de
  673. domination. Nous pourrions questionner la démarche même de
  674. l’arpentage avec les jeunes et non pas juste l’apporter et
  675. l’imposer.</p>
  676. <p>Nous précisons toutefois que le livre n’est pas brûlé mais partagé : cela n’est pas le même geste. Nous renvoyons aux analyses de Claude Lévi-Strauss sur le cru et le cuit pour dire qu’il nous plaît de penser que la classe peut être une société où l’on pratique la cueillette. Le livre est également désacralisé, ce qui, dans le cadre d’analyse qui est le nôtre, nous parait une nécessité.</p>
  677. <p>
  678. <strong>Contre le dogmatisme littéraire</strong></p>
  679. <p>En fait, nous revenons au religieux, cette question de la sacralisation nous semble centrale. Elle explique la violence inouïe de certaines réactions qui considèrent l’arpentage comme iconoclaste. Par principe et par préjugé : ces « haters » ont-ils lu tout le fil d’Hélène ? Ont-ils lu l’article sur Lettres vives ? Ont-ils lu l’interview d’Aurore Delubriac publiée dans le <em>Café pédagogique</em>?</p>
  680. <p>Nous
  681. sommes toujours disposé.es à l’échange sur les questions
  682. didactiques, mais pas disponibles pour l’invective. Nous avons tout
  683. lu, vu apparaître toute la sémantique utilisée pour critiquer
  684. n’importe quelle démarche pédagogique sans distinction de qui et
  685. de pourquoi, sans aucune cohérence. À croire que ces personnes
  686. n’ont pas d’autre argumentaire. Nous avons lu les mêmes mots
  687. pour d’autres pratiques diffusées sur les réseaux sociaux :
  688. « <em>pédagauchiste », « Hitler », « relent
  689. de révolution culturelle », « on sait ce que cela a
  690. donné au Cambodge », « dérives », « démagogie »,
  691. « pédagogistes », « le regret des années
  692. soixante », « z’innovants », « qu’une
  693. météorite géante mette fin à tout cela », « cette
  694. merde », « la connerie humaine », « le Cercle
  695. des poètes disparus », « nauséabonde », « abrutis
  696. bouffis d’orgueil », « l’Enfer est pavé des
  697. meilleures intentions », « un nouveau populisme »,
  698. « petit-bourgeois », « totalitaire »</em>. Il
  699. tombait des injures comme s’il en pleuvait.</p>
  700. <p>Cette
  701. violence-là a effectivement quelque chose de religieux, et pas dans
  702. le plus beau sens du terme. Elle est révélatrice d’un certain
  703. rapport au livre : c’est la confusion, entre le support
  704. imprimé et l’œuvre elle-même, entre l’objet et le texte, entre
  705. le « <em>corps</em> » et « <em>l’âme</em> »,
  706. pour reprendre les mots de l’historien Roger Chartier. L’activité
  707. évoquée n’a rien de numérique en elle-même, mais elle nous met
  708. face à ce qui constitue pour beaucoup une terreur actuelle, une
  709. question refoulée, un défi peu pris en considération :
  710. comment vivre « <em>après le livre </em>» pour reprendre
  711. un titre de François Bon ? Comment inventer un autre rapport à
  712. l’écrit en dehors du papier imprimé ? Beaucoup de profs de
  713. lettres auraient-ils peur des mutations en cours ?…</p>
  714. <p>Cette
  715. conception du livre rejoint une relation à la littérature, de
  716. l’ordre de la foi, issue de nos « goûts », de notre
  717. parcours, de notre éducation : pour un « littéraire »,
  718. tout livre, sanctifié, est considéré comme le Livre ;
  719. l’auteur lui-même – et le masculin est volontaire – est un
  720. être d’exception, un élu, un génie, un « albatros ».
  721. Or cette relation à la littérature est située dans le temps et
  722. dans l’espace, elle est relative : le mot « littérature »
  723. n’existait pas dans son sens actuel avant le XIX<sup>e</sup> siècle,
  724. Alain Viala a bien étudié l’avènement progressif de la
  725. figure de l’auteur et William Marx remarquablement éclairé
  726. « <em>l’adieu à la littérature </em>»… En tant que
  727. profs de lettres, sommes-nous capables de nous décentrer, d’adopter
  728. une vision historique plus large, de sortir d’un certain
  729. ethnocentrisme ? Dit autrement, et pour revenir à ce que nous
  730. sommes, des enseignant·es : cette conception reste-t-elle
  731. tenable face à l’enjeu de la massification scolaire et de la
  732. démocratisation des savoirs ? Encore faut-il se donner cette
  733. mission, rendre les savoirs accessibles à toutes et à tous…</p>
  734. <p>Enfin,
  735. il reste tout de même une question, qu’il nous semble nécessaire
  736. de se poser, à moins de renvoyer la responsabilité de la lecture
  737. aux individus et à leur famille : comment vous y prenez-vous,
  738. les un·es et les autres, pour que les élèves lisent puis
  739. s’approprient les œuvres que vous souhaitez leur faire lire et
  740. aient envie d’en découvrir d’autres, qu’elles et ils
  741. choisiraient seul·es ?</p>
  742. <p>1.
  743. de Charles Piaget et du Réseau et du Réseau citoyens résistants,
  744. émanation de CRHA (organisateur du rassemblement annuel des
  745. Glières).</p>
  746. </article>
  747. </section>
  748. <nav id="jumpto">
  749. <p>
  750. <a href="/david/blog/">Accueil du blog</a> |
  751. <a href="http://www.lettresvives.org/2019/09/22/la-culture-en-partage/">Source originale</a> |
  752. <a href="/david/stream/2019/">Accueil du flux</a>
  753. </p>
  754. </nav>
  755. <footer>
  756. <div>
  757. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  758. <p>
  759. Bonjour/Hi!
  760. 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>
  761. 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>).
  762. </p>
  763. <p>
  764. 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>.
  765. </p>
  766. <p>
  767. Voici quelques articles choisis :
  768. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  769. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  770. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  771. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  772. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  773. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  774. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  775. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  776. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  777. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  778. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  779. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  780. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  781. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  782. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  783. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  784. </p>
  785. <p>
  786. 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>.
  787. </p>
  788. <p>
  789. Je ne traque pas ta navigation mais mon
  790. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  791. conserve des logs d’accès.
  792. </p>
  793. </div>
  794. </footer>
  795. <script type="text/javascript">
  796. ;(_ => {
  797. const jumper = document.getElementById('jumper')
  798. jumper.addEventListener('click', e => {
  799. e.preventDefault()
  800. const anchor = e.target.getAttribute('href')
  801. const targetEl = document.getElementById(anchor.substring(1))
  802. targetEl.scrollIntoView({behavior: 'smooth'})
  803. })
  804. })()
  805. </script>