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

hace 4 años
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777
  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>Le genre et la parole au travail (archive) — David Larlet</title>
  13. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  14. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
  15. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
  16. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
  17. <link rel="manifest" href="/manifest.json">
  18. <link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
  19. <link rel="shortcut icon" href="/static/david/icons/favicon.ico">
  20. <meta name="apple-mobile-web-app-title" content="David Larlet">
  21. <meta name="application-name" content="David Larlet">
  22. <meta name="msapplication-TileColor" content="#da532c">
  23. <meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
  24. <meta name="theme-color" content="#f0f0ea">
  25. <!-- That good ol' feed, subscribe :p. -->
  26. <link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">
  27. <meta name="robots" content="noindex, nofollow">
  28. <meta content="origin-when-cross-origin" name="referrer">
  29. <!-- Canonical URL for SEO purposes -->
  30. <link rel="canonical" href="https://estcequecestdutravail.xyz/2018/06/le-genre-et-la-parole-au-travail.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. Le genre et la parole au travail (archive)
  440. <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
  441. </h1>
  442. <section>
  443. <article>
  444. <h3><a href="https://estcequecestdutravail.xyz/2018/06/le-genre-et-la-parole-au-travail.html">Source originale du contenu</a></h3>
  445. <p>À <a href="http://sudweb.fr/">Sudweb</a>, comme le veut la tradition, la deuxième journée est un forum ouvert : ce sont les participant.e.s qui font le programme. <a href="https://raphael.pierquin.com/">Raphaël</a> me confiait la veille qu’il hésitait à proposer cet atelier-test suite à ses lectures sur les brave spaces, un format qui propose non pas d’évincer l’inconfort, mais de s’asseoir avec, voire de l’utiliser. Pour mieux le comprendre.</p>
  446. <h4 id="le-forum-ouvert-respecter-ses-besoins">Le Forum ouvert, respecter ses besoins</h4>
  447. <p>Les forums ouverts sont des moments intéressants : ils distribuent la parole, multiplient les sujets, cassent le format vertical de la conférence… C’est aussi un moment qui invite chacun à s’écouter vraiment et à respecter ses envies et ses besoins. Inévitablement, certains sujets débordent, plus la journée avance, plus elle est déstructurée, et c’est sans doute ce qui fait sa richesse. Ce sont les enthousiasmes et les élans qui façonnent la journée — aucune ne se ressemble. Ça nous renvoie chacun•e à notre rapport à soi et aux autres, et on y fait parfois de curieuses prises de conscience. Ça renvoie aussi à nos rôles à tou.te.s : participant.e.s, contribut.eur/rice.s ? Ça brouille les pistes, ça cultive la débrouille, c’est tant mieux.
  448. Mes effets préférés ?</p>
  449. <ul>
  450. <li>Ça rend ringarde la hiérarchie entre les savoirs et les expériences que je n’ai que trop l’habitude de croiser dans le monde extérieur.</li>
  451. <li>Ces formats (souvent en petits groupes, ateliers) favorisent les “vraies” rencontres — suscitent des discussions riches entre personnes qui ne se connaissent pas. Peut-être davantage que les journées de conférence, à mon sens. Pour moi qui ne me sens pas dans mon élément dans les grands groupes, c’est certain.</li>
  452. <li>Ça invite à respecter son rythme, et pour les introvertis (comprendre : ceux et celles qui se ressourcent quand ils/elles sont seul.e.s), c’est une invitation au bien-être. C’est tissé dans le format de l’évènement. (Tandis que les extravertis peuvent faire un grand bain rafraîchissant de rencontres non-stop, les veinards.)</li>
  453. </ul>
  454. <p>L’atelier est annoncé à 13h, le thème m’enthousiasme vraiment mais j’ai le ventre qui gronde.
  455. Juste avant, j’ai participé à l’atelier “Trucs et astuces pour des interactions safe” de Julia.
  456. J’ai respecté les appels de mon estomac et j’ai été récompensée par des lasagnes végétariennes du tonnerre. Je discute tranquillement sous la treille et j’arrive tardivement à l’atelier, 20 minutes avant la fin annoncée.</p>
  457. <h4 id="quest-ce-quun-brave-space-">Qu’est-ce qu’un brave space ?</h4>
  458. <p>C’est une notion nouvelle pour moi, c’est Raphaël qui a poursuivi ses lectures sur les environnements safe et qui est tombé sur cette extension.
  459. De ce que j’en ai compris, les “safe spaces” sont des cadres sécurisants et protecteurs qui ont pour but de permettre l’expression de tou.te.s.
  460. En contraste avec les safe spaces, les brave spaces proposent non pas de contourner l’inconfort que peuvent générer certains discours, certaines paroles, mais de l’accueillir et de l’utiliser. Pour apprendre sur les autres et sur soi.</p>
  461. <p>Pour aller plus loin dans la compréhension de ces formats, il y a cet essai de Brian Arao et Kristi Clemens : <a href="https://ssw.umich.edu/sites/default/files/documents/events/colc/from-safe-spaces-to-brave-spaces.pdf">From Safe Spaces to Brave Spaces : A New Way to Frame Dialogue around Diversity and Social Justice</a>.
  462. Pour l’instant je ne maîtrise que grossièrement ces notions mais ça m’intéresse beaucoup de creuser comment les cadres posés peuvent générer des effets et</p>
  463. <h4 id="créer-un-cadre-susciter-par-la-contrainte">Créer un cadre. Susciter par la contrainte</h4>
  464. <p>J’arrive donc à l’atelier à plus de la mi-parcours.<br/>
  465. Les participant.e.s sont assis.e.s en cercle, je remarque que quelques sièges sont disponibles près de la porte : je ne sais pas si c’est fait exprès, mais j’apprécie de pouvoir me faufiler. C’est le genre de petit geste qui me fait penser à des discussions sur les signes de convivialité dans des évènements qui, mis bout à bout, disent quelque chose de fort sur la culture qui y est entretenue. Je me rends compte que je suis sensible à l’attention portée à ces choses. Savoir qu’on peut arriver en cours de route et suivre ses envies, ça désinhibe de nos habitudes “du monde réel” : s’excuser d’arriver en retard, voire de ne pas rentrer dans la salle si ça risque de perturber le cours de la discussion. (#dontglorifydisruption).</p>
  466. <p>Julia, qui co-facilite l’atelier avec Raphaël, se rapproche de moi discrétos et propose de m’expliquer le cadre de l’atelier rapidement.<br/>
  467. Il a un format particulier :<br/>
  468. <strong>Les hommes sont invités à écouter</strong>. Les femmes sont encouragées à partager leurs expériences de sexisme au travail.<br/>
  469. Les hommes peuvent partager des ressentis ou demander des clarifications, mais pas argumenter sur les expériences partagées.<br/>
  470. (Julia, qui a participé à créer le cadre, en a transcrit l’expérience <a href="https://julia-barbelane.github.io/reflexions/chantiers/l-empathie-comme-moyen-de-reparation-l'exemple-avec-un-atelier-sur-la-parole-et-le-genre.html">ici</a> - je vous encourage à aller lire ça pour obtenir pour de détails sur le cadre proposé).</p>
  471. <p>Format inhabituel, mais je sens déjà que je vais m’y plaire. Grand sourire.</p>
  472. <p>(Je précise au passage que personne n’avait été mis.e au parfum de ce cadre avant d’être dans la salle. Les “contraintes” n’avaient pas été annoncées lors de la présentation générale des sujets le matin même).</p>
  473. <p>Ça m’a fait penser à un truc qui ne me quitte pas depuis le mois dernier : une conférence à MiXit dans laquelle Claire et Thomas parlaient des mythes et des clichés des entreprises libérées : horizontalité décrétée, recettes appliquées, les exemples malheureux/maladroits s’accumulent.
  474. Claire avait parlé de son implication dans une association punk, et elle avait raconté son cheminement, du joyeux bordel du début jusqu’à son départ suite au fait que (je paraphrase) “l’absence de structure avait fini par reproduire des rapports de force invisibles.”</p>
  475. <p>MAIS OUI. Ça me fascine ça. Tout d’un coup j’ai la sensation de trouver des mots qui éclairent des situations vécues.
  476. Alors je suis allée creuser la ressource qu’elle avait mentionnée, le texte de la féministe américaine Joreen Freeman, <a href="https://www.monde-diplomatique.fr/2015/01/FREEMAN/51942">“La tyrannie de l’absence de structure”</a>.</p>
  477. <blockquote>
  478. <p>L’absence de structure cache le pouvoir et, dans le mouvement féministe, l’idée séduit en particulier les personnes les mieux placées pour en profiter (qu’elles en soient conscientes ou non).</p>
  479. </blockquote>
  480. <p>C’est un peu comme quand on vous dit que c’est super dans une boîte, c’est comme une famille. WARNING ! WARNING ! (Répétez après moi : les familles non-dysfonctionnelles n’existent pas, les familles non-dysfonctionnelles…)</p>
  481. <h4 id="voix-féminines-plurielles">Voix féminines plurielles</h4>
  482. <p>Bien que j’aie raté une bonne partie de l’atelier, je suis heureuse de voir qu’à quatre, puis à cinq, à six, on témoigne de vécus et d’expériences différentes. Toutes avec nos spécificités, nos degrés de privilège, nos personnalités, nos orientations sexuelles, nos questionnements.
  483. Chacune notre individualité, quoi.</p>
  484. <p>Bien souvent, c’est la première chose à voler en éclats quand je parle de féminisme.
  485. Toutes sous le même chapeau, alors on perd nos singularités, on perd la complexité des identités.</p>
  486. <h4 id="il-est-temps-que-les-hommes-fassent-lexpérience-de-la-minorité">«Il est temps que les hommes fassent l’expérience de la minorité»</h4>
  487. <p>C’est Christine Taubira qui écrit ça dans <a href="http://www.liberation.fr/france/2018/01/28/christiane-taubira-il-est-temps-que-les-hommes-fassent-l-experience-de-la-minorite_1625775">Libération</a>, et pareil, c’est une phrase qui me colle à la peau.</p>
  488. <p>Par ailleurs, l’article propose une définition plus juste du féminisme (ciao l’essentialisation) :</p>
  489. <blockquote>
  490. <p>Comprenez bien ici que je ne parle pas des femmes à partir de chromosomes ou de gènes, mais de l’expérience culturelle et collective des femmes, cette expérience historique de violence, d’exclusion et de discrimination qui a forgé nos consciences. Elle nous place dans un rapport particulier à l’autre et à la société.</p>
  491. </blockquote>
  492. <p>Quand on en a reparlé plus tard avec Julia, on se disait que de manière générale, l’apprentissage par le vécu est de loin la forme la plus percutante.</p>
  493. <p>Comment faire prendre conscience de situations d’oppression lorsqu’on n’en est pas soi-même la cible ?
  494. Cet atelier, présenté comme une expérimentation, me parait un super format d’échange - foisonnant et percutant, pas figé, qui invite à la réflexivité sur son propre positionnement.</p>
  495. <h4 id="interroger-la-culture-du-débat">Interroger la culture du débat</h4>
  496. <p>On est quand même beaucoup à partager le constat que dans un échange non structuré, c’est la foire à l’empoigne, et c’est souvent ceux qui parlent le plus fort et qui “occupent le terrain” qui l’emportent. “Dans un débat, on cherche à convaincre l’autre, pas à l’entendre” m’avait-on dit.
  497. Est-ce que les bonnes personnes sont présentes, est-ce que tout le monde a pu s’exprimer sans avoir eu la sensation de s’exposer… Rares sont les espaces où j’ai vu une réelle attention portée à ces questions.
  498. Pourtant, ça ne concerne pas uniquement les inégalités hommes/femmes, c’est plus vaste.</p>
  499. <p>Alors comment est-ce qu’on fait ? On réhabilite la sociocratie ?
  500. Beaucoup d’ateliers à cette édition de Sudweb questionnent la prise de parole, en groupe, la facilitation, le partage de savoir… C’est drôle de voir une telle convergence.</p>
  501. <h4 id="binôme-de-modération">Binôme de modération</h4>
  502. <blockquote>
  503. <p>It’s always women who have to do all the god damn work</p>
  504. </blockquote>
  505. <p>C’est une citation de Rebecca Solnit dans <a href="https://www.youtube.com/watch?v=D-Zcw5LNs_U">une vidéo que j’ai vue d’elle récemment</a> et qui m’a bien fait ricaner, j’avoue.<br/>
  506. Pendant la rétrospective de cet atelier, j’ai appuyé plusieurs fois combien j’ai apprécié qu’un homme prenne l’initiative/la responsabilité d’aborder ces sujets.</p>
  507. <p><strong>Pourquoi ?</strong></p>
  508. <ul>
  509. <li>Les hommes ont leur part à jouer dans la déconstruction des rapports inégalitaires.</li>
  510. <li>Si ça avait été deux femmes, le climat n’aurait pas été le même.</li>
  511. <li>Grâce à ce cadre et une distribution de parole, l’atmosphère était bienveillante. Même si de par sa construction l’atelier suscite l’inconfort, je trouve qu’il a été très bien géré.</li>
  512. <li>Parce que je connaissais Raphaël et Julia avant cet atelier, je leur faisais confiance si dérapage il y avait.</li>
  513. </ul>
  514. <h4 id="emotional-labour">Emotional labour</h4>
  515. <p>En français, ça donnerait… Le travail émotionnel, le travail affectif ?<br/>
  516. Je ne suis pas sûre. Je maîtrise mal les contours de ces expressions (étudiées depuis longtemps en sociologie paraît-il). Pendant l’atelier, j’essaie maladroitement d’expliquer cette expression, mais je m’emmêle les pinceaux, je ne suis pas claire.</p>
  517. <p><a href="https://en.wikipedia.org/wiki/Emotional_labor">Emotional labor</a> a une fiche Wikipédia qui n’a pas (encore) d’équivalent français. Sur Wikipédia, Emotional labor se distingue de <a href="https://en.wikipedia.org/wiki/Emotion_work">Emotion Work</a>. En français, on trouve la définition du <a href="https://fr.wikipedia.org/wiki/Travail_affectif">travail affectif</a> et celle du <a href="https://fr.wikipedia.org/wiki/Arlie_Russell_Hochschild#Travail_%C3%A9motionnel">travail émotionnel</a>.
  518. Intéressant de voir les nuances dans ces concepts et les différences culturelles.</p>
  519. <p>Après la vague de la charge mentale (concept qui a été popularisé en France entre autres par <a href="https://emmaclit.com/2017/05/09/repartition-des-taches-hommes-femmes/">une BD de la dessinatrice Emma</a>), on parle maintenant aussi de labeur émotionnelle : qui fait le travail de déconstruction des émotions ? Dans nos sociétés, dans nos couples ?</p>
  520. <blockquote>
  521. <p>It’s about who does the domestic labour, the emotional labour, the work of healing the walking wounded.</p>
  522. </blockquote>
  523. <blockquote>
  524. <p>We take care of people, soothe hurt feelings, organise chaotic lives and care for men who never learned to care for themselves, regardless of whether or not we’re constitutionally suited for such work.
  525. (<a href="https://www.newstatesman.com/politics/feminism/2016/02/maybe-you-should-just-be-single">source</a>)</p>
  526. </blockquote>
  527. <p>Qui fait le travail de déconstruction des relations et des discriminations genrées, au travail ? En dehors du travail ?</p>
  528. <p>Julia rebondit en disant que pour elle, le travail émotionnel voudrait dire l’investissement qu’on met dans la compréhension de nos propres émotions et besoins.<br/>
  529. C’est la responsabilité de chacun.e, et pourtant, les femmes sont plus invitées / incitées à faire ce travail.</p>
  530. <p>Pour moi, c’est les heures que je passe à réfléchir à ma propre déconstruction. J’investis du temps (plein), de l’argent (beaucoup, aussi) à comprendre les implications et les ramifications du sexisme, du racisme et des oppressions au sens large, pour moi et pour d’autres que moi. J’essaie de m’éveiller, d’apprendre, de me libérer… Tout ça, c’est un travail sur le très long terme.</p>
  531. <p>Aider les autres à comprendre, synthétiser des arguments, accompagner vers des prises de conscience, prendre le temps d’expliquer, tout ça est un investissement supplémentaire. Idéalement, chacun.e prendrait la responsabilité de sa propre déconstruction, mais on voit bien qu’en général ce sont les personnes opprimées qui font le boulot de déconstruction aussi.</p>
  532. <p>Ce tweet résume un peu la compréhension que j’avais de la notion de “emotional labour” :</p>
  533. <blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">Best. Invoice. Ever. 💯👀✔ <a href="https://twitter.com/hashtag/emotionallabor?src=hash&amp;ref_src=twsrc%5Etfw">#emotionallabor</a> <a href="https://twitter.com/hashtag/payments?src=hash&amp;ref_src=twsrc%5Etfw">#payments</a> <a href="https://twitter.com/hashtag/activists?src=hash&amp;ref_src=twsrc%5Etfw">#activists</a> <a href="https://t.co/spcofVV5Ec">pic.twitter.com/spcofVV5Ec</a></p>— Alicia G (Oshun) (@LadyOshun1) <a href="https://twitter.com/LadyOshun1/status/1007823848392228864?ref_src=twsrc%5Etfw">16 juin 2018</a></blockquote>
  534. <h4 id="rétrospective">Rétrospective</h4>
  535. <ul>
  536. <li><strong>“Ça me donne des mots”</strong><br/>
  537. J’ai entendu ça de la part d’un homme dans la salle, qui a trouvé utile de trouver des concepts, des expressions et des mots pour pouvoir mieux décrire et analyser des situations. Ça m’a fait vraiment plaisir, parce que pour moi, c’est hyper important. Ces rapports sont complexes, et les mots justes peuvent donner de la force, peuvent aider à comprendre.<br/>
  538. On a parlé de pluralité des rapports de pouvoir, de représentations (du pouvoir), de masculinité hégémonique.</li>
  539. </ul>
  540. <p>On a ricané quand on n’a pas trouvé le mot virilisme dans un dictionnaire en ligne.
  541. Un terme pour déconstruire des comportements masculins absent d’un dictionnaire écrit par des hommes ? Hmhm, quelle surprise !</p>
  542. <ul>
  543. <li><strong>“Je n’ai pas l’impression d’être sexiste”</strong><br/>
  544. <em>“Et pourtant, tu es sexiste, tu es machiste, et moi aussi !”</em><br/>
  545. Claire s’exclame après cette intervention. Qu’on en soit conscient.e ou non, on reproduit des logiques dominantes, et on entretient des dynamiques d’oppression.<br/>
  546. Elle précise qu’elle a l’habitude d’apporter cette précision habituellement dans le cadre du racisme.</li>
  547. </ul>
  548. <p>On a intégré des reflèxes toxiques, on en a hérité parce qu’on vit dans des contextes, dans des sociétés qui ont déjà des histoires, des structures de pouvoir, des inconscients collectifs.<br/>
  549. Une femme peut avoir plein de préjugés sur les femmes, j’en ai moi-même, et j’essaie de les voir, de les comprendre, de les combattre.</p>
  550. <p>Sur la question du racisme structurel, c’est une question hyper importante, surtout en France où on nous a encouragé à ne pas voir la couleur. Il se dit plein de choses intéressantes :</p>
  551. <blockquote>
  552. <p>What we have been willing to tolerate is a function of who were are, and what we have had the privilege of taking for granted. And who we have had the luxury of not seeing.
  553. (<a href="https://us4.campaign-archive.com/?e=e539f79d53&amp;u=1542aabcd614d3cd89d54600b&amp;id=71ca216f33">source</a>)</p>
  554. </blockquote>
  555. <p>Je ne me suis pas sentie assez équipée pour parler de racisme structurel pendant la session. Je n’en ai pas eu l’énergie, c’est important aussi, et peut-être que ça aurait détourné un peu la discussion de la question du genre, même si c’est connexe bien sûr.</p>
  556. <ul>
  557. <li>
  558. <p><strong>“Qu’est-ce que je peux faire ?”</strong><br/>
  559. J’ai vu une volonté forte de traduire nos discussions en actions concrètes. Quelques propositions :<br/>
  560. • ÉCOUTER sans remettre en question.<br/>
  561. • Se renseigner, faire le travail soi-même d’aller trouver des ressources ou des personnes prêtes à partager leurs expériences (tou.te.s ne le seront pas). Prendre conscience des biais cognitifs (coucou le Codex).<br/>
  562. • Amplifier (au travail par exemple). Une de vos collègues a soulevé une idée qui vous paraît intéressante mais elle a été balayée. Revenez dessus et invitez-la à approfondir. Redistribuez la parole. <br/>
  563. • Réagir face aux propos déplacés, relever, ne pas laisser passer.<br/>
  564. • Demander autour de soi : est-ce que je fais des choses sexistes sans le savoir ? (Vous coupez la parole sans vous en rendre compte ? Vous avez tellement envie de partager vos idées que vous prenez presque toute la bande passante et après il n’y a plus de temps pour écouter les autres ?)<br/>
  565. • Je ne peux pas te donner de réponse précise car je ne te connais pas assez : tes moyens, ton milieu… Tout dépend de ça. Difficile de donner une recette qui corresponde à tes circonstances précises, que des grandes lignes. <br/>
  566. • Participer <em>activement</em> à inverser la tendance de groupes sociaux homogènes, partout, notamment ceux qui concentrent le pouvoir.</p>
  567. </li>
  568. <li>
  569. <p><strong>“Ça me fait penser à la non-mixité”</strong></p>
  570. </li>
  571. </ul>
  572. <p>Moi aussi, à fond.
  573. J’emprunte les mots de Camille Renard dans son émission <a href="https://www.franceculture.fr/societe/trois-exemples-historiques-de-non-mixite-choisie">Trois exemples historiques de non-mixité choisie</a> :</p>
  574. <blockquote>
  575. <p>La revendication de l’exclusion se fait au service de l’égalité à atteindre, et à cette condition. L’objectif est de corriger une mixité de fait illusoire entre des groupes sociaux dominants et des groupes dominés (filles et femmes, Noirs, minorités sexuelles, handicapés…). Trois exemples de non-mixité choisie, volontaire et revendiquée par des groupes opprimés ou discriminés sont symptomatiques de pratiques historiques mettant à chaque fois en perspective un idéal de mixité qui ne va pas de soi : les droits civiques afro-américains, les réunions féministes françaises, les expérimentations dans les écoles.</p>
  576. </blockquote>
  577. <p>En général, ce que permet la non-mixité, ou la mixité choisie, c’est de libérer la parole, échanger sans l’appréhension de provoquer un débat, d’être interrompue, sans demande de justification (idéalement même, sans jugement).</p>
  578. <h4 id="mes-ressentis">Mes ressentis</h4>
  579. <ul>
  580. <li>Je parle bien plus que d’habitude… Et ça fait un bien fou ! (A tel point que je me demande si je parle un peu trop ?) Tant pis, c’est rare, et j’ai la sensation d’apporter des choses.</li>
  581. <li>Julia partage ses ressentis en début de rétro et dit qu’elle ne peut pas s’empêcher de faire l’Amazone : “AH, TU VOIS ! TU VOIS CE QUE ÇA FAIT !”<br/>
  582. Je partage le même bouillonnement au fond de ma poitrine.</li>
  583. <li>Dieu sait que parfois je fatigue d’avoir ces conversations infinies sur le féminisme, ses clichés et ses complexités. Parfois, je n’ai pas/plus l’énergie d’expliquer (et de justifier, on me demande des faits) qu’on vit dans une société structurellement raciste, sexiste, classiste, validiste…</li>
  584. </ul>
  585. <p>Je ne veux plus convaincre, je cherche plutôt à tendre la main à ceux et celles qui cherchent à comprendre, dans le respect de mon expérience qui est forcément située (pas un témoignage pour “toutes les femmes”). Je veux investir mon temps et mon énergie ailleurs que dans les joutes verbales : je le consacre plutôt au fait de transcrire mes valeurs/idéaux en actions dans ma vie de tous les jours.</p>
  586. <p>Venons-en au fait : cette session a été un ÉNORME BOL D’AIR pour moi.</p>
  587. <ul>
  588. <li>Tant d’hommes silencieux dans une salle je crois que ça ne m’est jamais arrivé. Quand je vois des paroles enthousiastes, des coups d’œils hésitants, je sens bien la volonté de comprendre et je fais de mon mieux pour encourager dans ce sens. Certain.es sont restés silencieux de bout en bout alors que j’aurais adoré les entendre !</li>
  589. <li>J’ai eu la sensation d’une session vraiment riche (d’ailleurs elle a bien débordé, ça en est sûrement le signe), la sensation d’un format qui a réussi son pari, où tout le monde a appris quelque chose.</li>
  590. </ul>
  591. <h4 id="mes-questions">Mes questions</h4>
  592. <ul>
  593. <li>J’aimerais en savoir plus sur le ressenti des hommes présents à la session : est-ce qu’ils se sont sentis un peu pris au piège ? Est-ce qu’ils ont appris des trucs, sur les expériences des femmes, sur eux-mêmes ? Est-ce qu’ils auraient changé quelque chose ?</li>
  594. <li>Qu’est-ce qui a attiré les gens qui sont venus à cette session ? Quelles étaient leurs attentes, leurs interrogations ? Est-ce qu’ils/elles connaissaient Raphaël avant de venir et est-ce que ça a joué dans leur décision de venir à cette session ?</li>
  595. <li>Curiosité par rapport à un format similaire sur d’autres oppressions : racisme, classisme ou validisme…</li>
  596. </ul>
  597. <h4 id="conclusion-et-quelques-propositions">Conclusion et quelques propositions</h4>
  598. <blockquote class="twitter-tweet" data-lang="fr"><p lang="en" dir="ltr">I feel like this is the most important part of the Chimamanda interview.I've not seen this part of the interview making the rounds on here. I would be remiss if I didn't post this. <a href="https://t.co/NYhCZ42fqn">pic.twitter.com/NYhCZ42fqn</a></p>— Efe (@EfeTobiM) <a href="https://twitter.com/EfeTobiM/status/1005224533954105345?ref_src=twsrc%5Etfw">8 juin 2018</a></blockquote>
  599. <p><strong>Trevor Noah</strong> : <em>From reading your work, a lot of the work has to be done by men, men need to participate, why is that so important ?</em><br/>
  600. <strong>Chimamanda Ngozi Adichie</strong> : <em>Because men have to be on board, I think you can change women all you want, if you don’t change men, nothing changes because we share the wall, right ? It’s men and women. And I also think sadly that we live in a world where men are more likely to listen to men.</em><br/>
  601. <strong>Trevor Noah</strong> : <em>Oh. Wow</em><br/>
  602. <strong>Chimamanda Ngozi Adichie</strong> : <em>You don’t think so?</em><br/>
  603. <strong>Trevor Noah</strong> : <em>And how do you convince the first man?</em><br/>
  604. <strong>Chimamanda Ngozi Adichie</strong> : <em>I think some men have already been convinced. I think people like Barack Obama, for example, is a very good role model, because he’s feminist, and he’s cool. We need more men like that to speak up, I think men need to speak up, men need to be on board, men need to not think of feminism as something to sort of, something that’s attacking them, because I think some men think that, they need to understand that feminism is something that’s good for everyone because really when all of us are released from gender roles, we’re all better off, right? And in the end it’s about justice, don’t we want to live in a just world? So there’s some men who’ve been convinced, more men need to be, Trevor you should get cracking.</em></p>
  605. <p>(<strong>En français, résumé</strong> : Les hommes ont largement leur part à jouer dans le féminisme. On vit dans un monde qui les écoute, on ne peut pas changer l’état des choses sans leur participation active. Il faut se défaire de l’idée que le féminisme est quelque chose qui a pour but de les attaquer, au contraire, le féminisme a l’idée de construire un monde plus juste pour tout le monde, et quand tout le monde est libéré des stéréotypes et des rôles genrés, tout le monde s’en sort mieux, non ?)</p>
  606. <p>J’ai très envie de voir ce que suscite ce format d’atelier dans d’autres contextes, sur d’autres questions… J’y repense très régulièrement et j’en partage l’expérience quand l’occasion se présente.</p>
  607. <h4 id="mes-conseils">Mes conseils</h4>
  608. <p>Repenser à <a href="https://vimeo.com/272260252">la conclusion de la conférence d’Armony</a> : il va falloir essayer, on va se tromper, on va se vautrer, c’est inévitable, mais on apprendra petit à petit.</p>
  609. <p>Si ça vous dit d’approfondir les questions abordées par des écoutes, j’adore la série <a href="https://www.arteradio.com/serie/un_podcast_soi">Un podcast à soi</a>, sur Arte Radio (féminismes et masculinités).<br/>
  610. Ou ces séries sur France Culture : <a href="https://www.franceculture.fr/emissions/grande-traversee-womens-power-les-nouveaux-feminismes">Women’s Power, les nouveaux féminismes</a> et <a href="https://www.franceculture.fr/emissions/lsd-la-serie-documentaire/masculins-est-ce-ainsi-que-les-hommes-se-vivent">Masculins, est-ce ainsi que les hommes se vivent ?</a></p>
  611. <h4 id="mon-invitation">Mon invitation</h4>
  612. <p>✉️ <strong>Si vous êtes curieu.x.se d’un aspect ou d’un autre, que vous voulez approfondir mais que vous ne savez pas par où commencer, écrivez-moi. La porte est ouverte, venez prendre le thé : j’ai des films, des podcasts, des livres, des magazines, des collectifs, des évènements à conseiller.</strong> 🤜</p>
  613. <hr/>
  614. <p>Merci mille fois à tou.te.s les participant.e.s de l’atelier, à Raphaël de s’être lancé et de <a href="https://joind.in/event/confrence-agile-france-2018/la-parole-au-travail--un-espace-de-privilges-masculins-">refaire l’atelier à Agile France</a>, à Julia de l’avoir rejoint, pour <a href="https://julia-barbelane.github.io/reflexions/chantiers/l-empathie-comme-moyen-de-reparation-l'exemple-avec-un-atelier-sur-la-parole-et-le-genre.html">son article</a>, et d’avoir ravivé l’élan d’écrire sur cet atelier, à <a href="https://www.julienpradet.fr/reactions/la-parole-et-le-genre/">Julien pour son article aussi</a> !<br/>
  615. PS : Si vous étiez là aussi et que ça vous fait envie de partager vos ressentis, faites signe :)
  616. Pareil si vous figurez sur la photo et que vous aimeriez que j’en change.</p>
  617. <p><strong>Temps d’écriture</strong> : 1h de notes / premier jet 3h / deuxième jet 2h / peaufinage 3h<br/>
  618. Entre 9 et 10 heures.</p>
  619. </article>
  620. </section>
  621. <nav id="jumpto">
  622. <p>
  623. <a href="/david/blog/">Accueil du blog</a> |
  624. <a href="https://estcequecestdutravail.xyz/2018/06/le-genre-et-la-parole-au-travail.html">Source originale</a> |
  625. <a href="/david/stream/2019/">Accueil du flux</a>
  626. </p>
  627. </nav>
  628. <footer>
  629. <div>
  630. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  631. <p>
  632. Bonjour/Hi!
  633. 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>
  634. 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>).
  635. </p>
  636. <p>
  637. 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>.
  638. </p>
  639. <p>
  640. Voici quelques articles choisis :
  641. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  642. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  643. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  644. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  645. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  646. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  647. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  648. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  649. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  650. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  651. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  652. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  653. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  654. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  655. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  656. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  657. </p>
  658. <p>
  659. 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>.
  660. </p>
  661. <p>
  662. Je ne traque pas ta navigation mais mon
  663. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  664. conserve des logs d’accès.
  665. </p>
  666. </div>
  667. </footer>
  668. <script type="text/javascript">
  669. ;(_ => {
  670. const jumper = document.getElementById('jumper')
  671. jumper.addEventListener('click', e => {
  672. e.preventDefault()
  673. const anchor = e.target.getAttribute('href')
  674. const targetEl = document.getElementById(anchor.substring(1))
  675. targetEl.scrollIntoView({behavior: 'smooth'})
  676. })
  677. })()
  678. </script>