A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

index.html 31KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807
  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>Ce Qui Se Passe En Moi Quand Une Femme Me Parle De Sexisme (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://ut7.fr/blog/2019/01/15/ce-qui-se-passe-en-moi-quand-une-femme-me-parle-de-sexisme.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. Ce Qui Se Passe En Moi Quand Une Femme Me Parle De Sexisme (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://ut7.fr/blog/2019/01/15/ce-qui-se-passe-en-moi-quand-une-femme-me-parle-de-sexisme.html">Source originale du contenu</a></h3>
  445. <p>Je suis un homme respecteux des femmes et je suis pour l’égalité.
  446. Un mec bien, quoi.</p>
  447. <p>Et pourtant, il m’a fallu presque 43 ans pour parvenir – parfois – à écouter
  448. des femmes parler de sexisme.</p>
  449. <!--more-->
  450. <p>Ça en valait la peine : ce que j’ai appris est édifiant.</p>
  451. <p>Mais plutôt que de décrire ce que j’ai découvert en écoutant, et puisque le souvenir
  452. est encore frais, je tente de documenter ici le chemin parcouru pour arriver à
  453. écouter, dans des termes accessibles à celui que j’étais au début du voyage.</p>
  454. <p>J’écris dans l’espoir que cela puisse être utile à d’autres qui voudraient suivre
  455. une trajectoire similaire.
  456. Bien évidemment, mon parcours est très personnel. Charge à chacun de faire le
  457. tri et de piocher ce qui pourrait lui être utile.</p>
  458. <p>Mais autant prévenir : le voyage est déstabilisant, et l’arrivée est
  459. plutôt… encombrée. Alors pourquoi se donner la peine de le faire ?
  460. Pour être un mec bien, justement !</p>
  461. <p>Dans ce premier article, je vais commencer par mon point de départ : ce qui se
  462. passait en moi, et comment je me comportais quand je tentais d’écouter une
  463. femme me parler de sexisme.</p>
  464. <h2 id="tentative-1-écouter-réagir-spontanément">tentative 1 : écouter, réagir spontanément</h2>
  465. <p>Oh oui, je pouvais dire que j’écoutais. Quand par exemple, une amie me
  466. racontait une histoire où un mec l’avait emmerdée dans les transports en
  467. commun, j’étais tout ouïe. Je ne ratais pas un détail, je m’indignais du
  468. comportement dudit mec, je vivais par procuration la situation qui m’était
  469. décrite, et je souffrais un peu, même, par empathie.</p>
  470. <p>Mais si cette même amie me décrivait des situations plus subtiles, comme des
  471. insinuations dans une conversation, une parole non donnée, une plaisanterie
  472. ambiguë, mon écoute changeait légèrement. Plus encore si elle tentait de
  473. généraliser ces situations vécues, pour me parler d’un phénomène plus global,
  474. que subiraient toutes les femmes aujourd’hui.</p>
  475. <p>Dans ces cas-là, je réagissais. En me fendant parfois de paroles de réconfort,
  476. de suggestions pour s’en sortir, la prochaine fois : « Voilà comment moi
  477. j’aurais fait, à ta place », ou en l’invitant à prendre du recul : « As-tu tenté
  478. de prendre les choses moins à cœur ? »</p>
  479. <p>Il arrivait que ces conseils ne soient pas entendus, ou du moins qu’ils n’aient
  480. aucun effet sur mon interlocutrice. Énervant, non ? « À quoi sert cette
  481. conversation ? pouvais-je alors me demander - À me prendre à témoin, et se
  482. complaire dans une posture de victime ? Après tout, si mon interlocutrice ne
  483. veut pas tirer parti de mes suggestions, je ne suis pas surpris qu’elle ne
  484. sache pas gérer ces situations ! »</p>
  485. <p>Bref, j’étais en colère. Autant dire que dans cet état, je n’étais plus du tout
  486. en condition d’écouter, et pas du tout en empathie avec mon interlocutrice.
  487. Échec. À ce stade de la conversation, il était urgent de changer de sujet.</p>
  488. <h2 id="tentative-2-se-taire-ressentir-de-lempathie">tentative 2 : se taire, ressentir de l’empathie</h2>
  489. <p>Avec l’expérience, j’ai appris à trouver en moi l’origine de l’irritation : Ce
  490. n’est pas l’autre, mais moi, qui me mets en colère. Et comme (rappel) je suis
  491. un mec bien, j’ai appris à ne pas reprocher à l’autre ce qui est en moi. Alors
  492. je me suis tu, j’ai accepté ma frustration, et j’ai écouté du mieux que je
  493. pouvais.</p>
  494. <p>Pour éviter de reproduire le fiasco décrit précédemmment, j’ai appris à me
  495. méfier de mes réactions spontanées. J’ai aussi acquis une meilleure écoute, en
  496. apprenant à faire des gestes simples et connus : faire silence pour laisser la
  497. parole, être attentif, reformuler et poser des questions de clarification.</p>
  498. <p>Cela a marché… dans une certaine mesure. Je n’intervenais plus que pour
  499. me baigner un peu plus dans le flot de parole de l’autre, m’imprégner un peu
  500. plus de l’expérience subjective qui m’était offerte.</p>
  501. <p>Mais en parallèle de ma compréhension du récit, il se passait autre chose en
  502. moi. Un dialogue interne.</p>
  503. <p>Ça commence par un inconfort, une partie de moi se sent jugée, au même titre
  504. que les autres hommes dont il s’agit dans les propos de mon interlocutrice,
  505. que je perçois comme une généralité. Je ressens le besoin d’introduire des
  506. nuances « on n’est pas tous comme ça ». Que cela soit clair : je ne veux pas être
  507. mis dans le même sac que les autres. J’ai besoin d’être reconnu comme le mec
  508. bien que je suis.</p>
  509. <p>Étrangement, plus j’écoute, et moins j’entends les paroles rassurantes dont
  510. j’aurais besoin. À la place, le discours devient plus acerbe. Au point même où
  511. je peux me sentir agressé. Je sais maintenant qu’il est inutile de demander
  512. réparation : cela ne ferait qu’empirer le malaise.</p>
  513. <p>Alors je continue à écouter, mais en mettant à distance le propos de l’autre,
  514. en restant focalisé sur le caractère subjectif de l’expérience qui m’est
  515. décrite. Cette distance, je la maintiens avec des pensées comme « elle exagère »,
  516. « elle voit du sexisme là où il n’y en n’a pas », ou encore « elle est
  517. susceptible, trop sensible ».</p>
  518. <p>Finalement, je ne suis pas en train de tenter de voir le monde tel que mon
  519. interlocutrice le voit. Ce dialogue interne prend beaucoup de place. Trop de
  520. place pour que je puisse comprendre réellement ce qui m’est dit, et embrasser
  521. pleinement la situation telle qu’elle est vécue.</p>
  522. <p>Cette nouvelle tentative se solde par un échec : se taire, ça ne suffit pas.</p>
  523. <p>Et comme je suis un mec (wait for it…) bien, je me suis à nouveau demandé
  524. comment faire mieux.</p>
  525. <p>La clé de ma progression a été de m’efforcer de comprendre à quoi me servait
  526. ce dialogue interne.</p>
  527. <h2 id="intermède-se-regarder-penser-plutôt-quécouter-ses-pensées">intermède : se regarder penser plutôt qu’écouter ses pensées</h2>
  528. <p>Ce qui se passe en moi, alors que naît le dialogue interne évoqué plus haut,
  529. c’est une dissonance cognitive : une contradiction au sein de mon propre
  530. système de pensée.</p>
  531. <p>Les termes de cette contradiction :</p>
  532. <p>1) J’écoute du mieux que je peux, car je suis un mec bien.</p>
  533. <p>2) Plus j’écoute, plus j’ai de bonnes raisons de douter du fait que je suis un
  534. mec bien. Puisque ce que j’entends, c’est que non seulement j’ai toutes les
  535. caractéristiques de ceux qui ont le mauvais rôle, et qu’en plus, je ne
  536. contribue pas activement à améliorer la situation.</p>
  537. <p>Pour résoudre ce conflit, je serais très soulagé de pouvoir distinguer
  538. clairement la catégorie des mecs biens de celle des connards, et de pouvoir
  539. classer mon cas sans aucune ambiguïté du bon côté de la frontière. Mais si
  540. j’ai le moindre doute, et si en plus mon interlocutrice refuse de tracer
  541. spontanément une frontière claire et de trancher en ma faveur, c’est là que la
  542. dissonnance devient criante.</p>
  543. <p>Et cette dissonance est d’autant plus difficile à supporter que les croyances
  544. qui sont en tension portent sur la manière dont je me perçois, moi-même. Ce qui
  545. est en jeu, ce sont mes croyances sur moi-même, en somme : mon identité.</p>
  546. <p>Paradoxalement, si je n’étais pas persuadé d’être un mec bien, je n’aurais pas
  547. de dissonnance cognitive à affronter, et peut-être même serais-je plus en
  548. mesure d’entendre plus sereinement ce qui m’est dit, quand on me parle de
  549. sexisme.</p>
  550. <p>Ainsi, le dialogue interne dont je parle plus haut me sert à éviter cette
  551. dissonance, et à protéger ainsi l’édifice de ma structure identitaire : si
  552. c’est l’autre qui exagère, ou qui est trop sensible, c’est elle qui ne perçoit
  553. pas le monde comme il est vraiment, ce n’est donc pas à moi de remettre mes
  554. croyances en question - et je peux continuer à me penser comme le mec bien que
  555. je suis.</p>
  556. <p>C’est une bonne chose que de protéger son identité : cela permet de maintenir
  557. une certaine stabilité psychique, qui est nécessaire pour interagir avec le
  558. reste du monde.</p>
  559. <p>Mais dans mon cas, je me sentais assez solide, j’étais prêt à perdre, le temps
  560. d’une dernière tentative, un peu en stabilité pour gagner en souplesse, et
  561. aller plus loin dans mon écoute.</p>
  562. <h2 id="tentative-3-retenir-ses-pensées-et-accueillir-les-émotions-qui-se-cachent-derrière">tentative 3, retenir ses pensées, et accueillir les émotions qui se cachent derrière</h2>
  563. <p>Pour cette dernière tentative, il ne s’agissait plus de laisser libre cours à
  564. ses pensées, mais plutôt de les taire.</p>
  565. <p>Et à la place, écouter, de la manière la plus intense et la plus profonde que
  566. je connaisse : en accueillant les émotions qui naissent au contact de l’autre,
  567. et en discriminant au fil de leur arrivée, celles qui tiennent de l’empathie (ce
  568. que j’arrive à sentir de l’autre) et ce qui m’appartient : mes émotions
  569. propres.</p>
  570. <p>Concrètement, prenons une des pensées qui nourrissait mon dialogue interne :
  571. « Elle exagère ! ». Je sais que cette pensée est la manifestation d’un mécanisme
  572. de défense qui me protège… mais de quoi ?</p>
  573. <p>À titre d’exercice, je me suis efforcé d’inhiber cette croyance, ne serait-ce que
  574. temporairement, en me demandant : « et si mon interlocutrice n’exagérait pas,
  575. quelle conséquence son témoignage sur le sexisme aurait pour moi ? ».</p>
  576. <p>Ce faisant, j’ai écouté des témoignages de manifestations de sexisme.
  577. Comme prévu, cette expérience a été très désagréable.</p>
  578. <p>J’ai éprouvé simultanément plusieurs émotions, que je détricote ici :</p>
  579. <p>Le doute : « Je me sens perdu. Suis-je vraiment capable de faire la part des
  580. choses entre ce qui est bien ou non ? Et si ce n’était pas l’autre qui est trop
  581. sensible, mais moi qui ne le suis pas assez ? Et si je ne sais pas faire la
  582. différence, ne devrais-je pas réévaluer mon propre comportement ? Toutes les
  583. fois où j’ai eu des comportements qui me semblaient OK, était-ce vraiment le
  584. cas ? Peut-être n’est-ce pas si clair… Peut-être ne suis-je pas le mec bien que je
  585. voudrais être… »</p>
  586. <p>La colère : « Non, je ne suis pas comme ça ! Et le monde, est-il réellement
  587. aussi terrible qu’il m’est décrit ? Ce serait affreux ! Injuste !
  588. Révoltant ! »</p>
  589. <p>La culpabilité et la honte : « Je participe activement à ça ? Et en plus j’ai
  590. vécu tout ce temps sans le voir ? Et d’ailleurs, suis-je certain de vouloir
  591. changer la situation ? »</p>
  592. <p>Le sentiment d’impuissance : « Quand bien même je voudrais améliorer la
  593. situation, je ne sais pas comment changer les choses. Ni comment me
  594. changer moi-même. »</p>
  595. <p>Doute, colère, honte, culpabilité, et sentiment d’impuissance, rien que ça.
  596. C’est tellement insupportable que je ne veux rien avoir à faire avec ces
  597. émotions : ne pas en parler, ne pas les exprimer d’une manière ou d’une autre.
  598. Encore mieux : ne pas les éprouver.</p>
  599. <p>Fin de l’exercice.</p>
  600. <p>Voilà donc de quoi me protège la pensée « Elle exagère ! » : en plus que de
  601. me permettre d’entretenir la cohérence de mon système de pensées, ce dialogue
  602. interne me préserve d’émotions inacceptables.</p>
  603. <p>Je ne serais pas surpris que nombre de mes autres réactions spontanées soient
  604. également des manifestations de ce même mécanisme de défense. Par exemple, les
  605. conseils que j’ai tant de mal à ne pas donner n’auraient-ils pas comme bénéfice
  606. potentiel de me sortir de la situation d’impuissance dans laquelle me place le
  607. récit de mon interlocutrice ?</p>
  608. <p>Cette dernière tentative d’écoute est plus réussie que les précédentes, mais pas
  609. complètement.</p>
  610. <p>J’ai réussi à ouvrir, le temps de quelques minutes, une fenêtre sur un nouveau
  611. paysage. Ce bref aperçu a été instructif, certes, mais bien trop furtif pour
  612. que je puisse m’en imprégner et en tirer des enseignements.</p>
  613. <p>De plus, inhiber mes mécanismes de défense n’est pas un exercice facile à
  614. reproduire. Les conditions à réunir : une grande sérénité, beaucoup
  615. de vigilance et de maîtrise de moi pour faire le tri entre ce qui vient de
  616. l’autre, et ce que ça fait résonner en soi.</p>
  617. <p>Je ne saurais reprendre cette posture d’écoute profonde et vigilante ni
  618. suffisamment longtemps, ni suffisamment souvent pour prendre en considération
  619. ce qu’elle me permet de percevoir.</p>
  620. <p>Demi-succès, donc.</p>
  621. <p>Au moins ai-je alors compris ce qui se passait en moi quand j’écoute une femme
  622. me parler de sexisme.</p>
  623. <h2 id="bilan">bilan</h2>
  624. <p>Voilà comment j’ai découvert la raison et la manière dont je ne parvenais pas à
  625. écouter quand une femme me parlait de sexisme.</p>
  626. <p>Prendre conscience du rôle que jouent mon comportement et mes pensées,
  627. a été une étape décisive dans mon cheminement.
  628. J’ai compris que les mécanismes qui m’aveuglent font partie intégrante de ma
  629. subjectivité. Aussi pouvais-je être certain que ces mécanismes de défense se
  630. déclencheraient à nouveau dans des conditions similiaires, et que pour les
  631. contrebalancer, <strong>l’écoute et l’empathie ne suffisent pas</strong>.</p>
  632. <p>Au moins ne pouvais-je plus me voiler la face : ma subjectivité est construite
  633. pour percevoir le monde d’une certaine manière, et pour ne pas percevoir
  634. certaines choses.</p>
  635. <p>J’ai entrevu la potentialité d’une inégalité, à la fois omniprésente et
  636. pourtant invisibile à mes yeux. Ignorer l’hypothèse de l’existence réelle de
  637. cette chose, ç’aurait été nier mon idéal d’égalité. À la place, je me devais de
  638. l’envisager sérieusement : partir à l’enquête, comprendre la situation,
  639. l’évaluer. Me faire mon opinion, en somme. Mais comment faire si je ne peux pas
  640. l’observer ?</p>
  641. <p>Je savais désormais que c’était ma propre pensée, toute rationnelle qu’elle
  642. est, qui me jouait des tours. <strong>Ce que je crois m’arrange bien trop pour que
  643. je ne m’en méfie pas</strong>.</p>
  644. <h2 id="la-suite-au-prochain-épisode">La suite… au prochain épisode</h2>
  645. <p>Me restait alors à explorer une piste, pour parvenir à mieux écouter :
  646. détromper mon propre cerveau, faire des exercices pour le contraindre à sortir
  647. de ses biais, à percevoir ce qu’il est entrainé depuis longtemps à ne pas
  648. percevoir, tant que ce cela serait nécessaire.</p>
  649. <p>C’est ce que j’ai fait, et que je continue à faire.</p>
  650. <p>Dans le <a href="/blog/2019/05/24/petit-guide-d-aikido-partie-1">prochain article</a>, je
  651. parlerai des exercices qui fonctionnent bien pour moi, des trucs et astuces qui
  652. m’ont permis de percevoir les choses différemment, malgré tout.</p>
  653. <p>D’ici là, je souhaite recueillir des témoignages d’hommes qui progressent dans
  654. une réflexion similaire : avez-vous détecté des mécanismes de défense qui vous
  655. empêchent d’écouter quand on vous parle de sexisme ? Quelles en sont les
  656. manifestations ? Avez-vous tenté de les déjouer ? Comment ? Et pour quel
  657. résultat ? <a href="mailto:raphaelp@ut7.fr">Écrivez-moi !</a></p>
  658. </article>
  659. </section>
  660. <nav id="jumpto">
  661. <p>
  662. <a href="/david/blog/">Accueil du blog</a> |
  663. <a href="http://ut7.fr/blog/2019/01/15/ce-qui-se-passe-en-moi-quand-une-femme-me-parle-de-sexisme.html">Source originale</a> |
  664. <a href="/david/stream/2019/">Accueil du flux</a>
  665. </p>
  666. </nav>
  667. <footer>
  668. <div>
  669. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  670. <p>
  671. Bonjour/Hi!
  672. 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>
  673. 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>).
  674. </p>
  675. <p>
  676. 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>.
  677. </p>
  678. <p>
  679. Voici quelques articles choisis :
  680. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  681. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  682. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  683. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  684. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  685. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  686. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  687. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  688. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  689. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  690. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  691. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  692. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  693. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  694. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  695. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  696. </p>
  697. <p>
  698. 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>.
  699. </p>
  700. <p>
  701. Je ne traque pas ta navigation mais mon
  702. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  703. conserve des logs d’accès.
  704. </p>
  705. </div>
  706. </footer>
  707. <script type="text/javascript">
  708. ;(_ => {
  709. const jumper = document.getElementById('jumper')
  710. jumper.addEventListener('click', e => {
  711. e.preventDefault()
  712. const anchor = e.target.getAttribute('href')
  713. const targetEl = document.getElementById(anchor.substring(1))
  714. targetEl.scrollIntoView({behavior: 'smooth'})
  715. })
  716. })()
  717. </script>