A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

index.html 29KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549
  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 Ligue du LOL : et après (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.crepegeorgette.com/2019/02/11/ligue-du-lol-apres/">
  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 Ligue du LOL : et après (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.crepegeorgette.com/2019/02/11/ligue-du-lol-apres/">Source originale du contenu</a></h3>
  445. <p>Bourdieu</p>
  446. <p>« La virilité est <em>apprise et imposée aux garçons par le groupe des hommes au cours de leur socialisation pour qu'ils se distinguent hiérarchiquement des femmes. La virilité est l'expression collective et individualisée de la domination masculine</em>. »</p>
  447. <p>Dès qu’un petit garçon naît, tout va être fait pour qu’il se prépare à son futur rôle d’homme. On va corriger sa posture, mettre en avant des qualités jugées masculines, canaliser ses émotions (trop féminines !), l’habiller d’une certaine façon et pas d’une autre. On le guidera dans le choix de ses jouets, de la musique qu’il doit aimer et même dans la couleur des vêtements qu’il doit porter. Ce passage du bébé au garçon puis à l’homme sera tout entier guidé par un seul but : le différencier sur tous les points des filles. L’expression si connue « pleure pas t’es pas une fille » est d’une double violence ; elle nie au petit garçon la possibilité de s’exprimer par les larmes, et elle explique aux filles qu’il n’y aurait rien de plus honteux, pour un homme, que d’être vu comme elles. Il n’existe pas d’équivalent chez les petites filles ; bien évidemment elles doivent devenir des femmes mais il est parfois sinon toléré, du moins compris que certaines aient des désirs de loisirs ou d’attitudes jugées masculines. Pas convaincu-es ? L’expression « garçon manqué » peut bien évidemment désigner une femme de façon péjorative mais elle peut aussi lui être adressée sous forme de compliment (car il est bien entendu que le plus grand compliment qu’on puisse faire à une femme c’est qu’elle est presque aussi bonne qu’un homme) : « Aurélie ? elle joue très bien au foot : Un vrai garçon manqué ». A l’opposé il n’y aura jamais aucun contexte où dire d’un homme qu’il est une « femmelette » par exemple est positif. La féminisation des hommes, qu’on voit beaucoup dans les milieux sportifs par exemple, n’est jamais positive et a toujours pour but d’humilier l’autre (« alors les pleureuses, vous avez encore perdu ce match »). Dans nos sociétés, les valeurs dites masculines sont fortement valorisées mais pas les féminines. Une femme qui aurait des comportements dits masculins serait sans aucun doute critiquée et réprimée mais ses choix pourraient être compris, sinon acceptés. A contrario, un homme qui aurait des choix dits féminins, déchoirait de sa classe de genre initiale. C’est bien pour cela que les activités dites féminines (cuisine, couture…) adoptent un autre vocabulaire (beaucoup plus technique par exemple) lorsqu’ils sont adoptés par des hommes. Certaines études montrent par exemple que les hommes ayant adopté des métiers traditionnellement féminins ont tendance à se voir plus talentueux que les femmes qui l’exercent, qui le feraient juste parce que cela serait quelque part, dans leur nature profonde.<br/>
  448. Un garçon est également incité, éduqué, littéralement dressé à haïr les hommes qui ne correspondent pas aux normes viriles de l’époque, ceux <i>soupçonnés </i>d’homosexualité. Malgré les tentatives répétées et piteuses de certains pour nous expliquer que « chochotte » n’est pas un mot homophobe, il l’est bien. Et le fait, là encore de répéter à longueur d’année aux garçons « de ne pas faire leur chochotte » car les sentiments de peur/de tristesse/de fragilité sont réservées aux femmes et aux homosexuels, on leur met bien en tête qu’il n’y a rien de pire que de l’être. Les garçons hétérosexuels vont donc pratiquer en continu et tout au long de leur vie une répression féroce envers les homosexuels et tous les hommes suspectés de l’être. Cette répression leur permet aussi de rappeler que eux « n’en sont pas » et sont donc parfaitement virils.<br/>
  449. Les pays occidentaux ont une longue histoire de répression des masculinités des hommes racisés. Je vous invite à la lecture du livre Marianne et le garçon noir, dirigé par Leonora Miano ou <a href="https://www.binge.audio/masculinites-noires/">l’écoute de ce épisode de podcast</a>. Je diviserai ces masculinités en deux groupes ; la masculinité des hommes arabes et noirs et celle des hommes juifs (ashkénazes, même si diviser les juifs en deux groupes distincts et non poreux n’est pas juste il n’en demeure pas moins que c’est l’idée raciste qu’on étudie et elle les voir bien ainsi) et asiatiques. La masculinité des hommes noirs et arabes vue de pays occidentaux a amplement été étudiée ; elle n’est pas vue comme positive, puisque jugée « trop » virile, « trop masculine » et donc dangereuse. La répression qui s’exerce sur leurs corps – et qu’on constate par exemple avec les violences policières à leur encontre (qui n’a que très peu choqué, sinon les concerné-es - en est un bon exemple. Les descriptions des corps d’hommes noirs dans le sport, le rap ou que sais-je en témoigne là encore ; ce ne sont que corps vus comme différents de la norme blanche, sur-musclés et animalisés. L’idée d’une sexualité démesurée de ces hommes va d’ailleurs de pair ; ils aiment plus le sexe que la normale parce qu’ils sont (trop) virils. Le simple fait de voir dans n’importe quel migrant mineur, un majeur qui se cache a, aussi selon, moi quelque chose à voir avec cela. Le petit garçon mâle noir ou arabe n’a pas le temps d’être un enfant. A peine né qu’il est déjà un homme, un homme trop homme, un homme dangereux.<br/>
  450. A l’inverse les hommes juifs et asiatiques sont féminisés ; on les voit comme fragiles et faibles. On rappelle ça et là que les hommes juifs n’ont pas été assez virils pour vaincre les nazis par exemple. C’est une idée très établie dans l’antisémitisme du début du XXème siècle (<a href="https://journals.openedition.org/rgi/560">voir par exemple ce texte</a>). On caricature les hommes asiatiques, forcément soumis et courbés, sournois… tout comme des femmes ! La construction de la virilité des hommes blancs se construit donc aussi en opposition à celle des hommes racisés.</p>
  451. <p>Et donc c’est contre toutes ces minorités (on entendra minorités au sens politique et pas numéraire), les femmes, les homosexuel-les (et au sens large les LGBT) et les hommes racisés que les garçons blancs vont se construire et devenir des hommes.</p>
  452. <p>Dans son livre, <a href="http://www.crepegeorgette.com/2014/01/03/fabrique-garcons-ayral/">La fabrique des garçons,</a> Sophie Ayral, montre que si les garçons sont beaucoup plus punis que les filles à l’école et pour des actes beaucoup plus graves. Pour autant, les professeurs tendent à leur trouver des excuses (« boys are boys ») au contraire des filles qu’ils trouvent sournoises et se plaignant pour un rien. Le système de mauvais comportement/sanctions, avec parfois des élèves garçons punis de façon virile par les profs hommes, fabrique donc des mâles et du mal. On tolère leurs mauvais comportements avec les filles et d’autres petits garçons jugés plus faibles, et on ne les sanctionne que lorsqu’ils deviennent vraiment trop violents tout en continuant tout de même à leur trouver des excuses. Rappelez-vous que la violence masculine n’est pas toujours un problème : « le jeune loup aux dents longues », « l’homme qui a du tempérament » ou « le sang chaud » sont autant d’expressions qui nous explique qu’une certaine violence masculine est toujours souhaitable sinon souhaitée. Le harcèlement des petites filles (de la jupe soulevée au fait de l'ennuyer aux toilettes) commence dés le plus jeune âge et nous est vendue comme une attitude naturelle, certes un peu agressive mais témoignant de l'amour que les garçons porte aux filles. "Il t'a tiré les cheveux ? oui mais c'est parce qu'il t'aime bien voyons ! ".</p>
  453. <p>Le sociologue Michael Kimmel a écrit un livre sur la socialisation des jeunes blancs hétérosexuels aux Etats-Unis qui s’appelle « Guyland : The Perilous World Where Boys Become Men ». Il y analyse le comportement des adolescents et hommes entre 15 et 25 ans. Il montre par exemple que les violences sexuelles peuvent être une composante de ce passage vers l’âge adulte. Il l’appelle le guy code (« code des mecs ») et le définit comme un ensemble d’attitudes, de valeurs et de traits qui composent ce qu’on appelle être un homme. Il se caractérise par trois faits. Le premier est de se sentir supérieur aux femmes et de pouvoir être agressif envers elles. Le deuxième est le culte du silence qui entoure les auteurs de violences sexuelles et qui les encourage à continuer parce que les témoins ont peur d’en subir à leur tour, d’être par exemple frappés ou harcelés. Cela laisse penser aux auteurs que tout le monde encourage le guy code. Le dernier et troisième fait est d’entourer et de protéger les agresseurs afin de leur éviter de prendre leurs responsabilités dans les actes commis.</p>
  454. <p>Il démontre aussi que le passage à la virilité des jeunes hommes blancs se fait sur l’écrasement, la moquerie et l’humiliation des minorités dont nous avons déjà parlé puisque ces jeunes hommes blancs considèrent qu’elles sont en train de leur voler leur place et leurs privilèges. Privilèges dont on leur a expliqué toute leur vie qu’ils étaient naturellement mérités. Il suffit de voir le vrai regard d’incrédulité lorsqu’on explique que les hommes blancs n’arrivent pas aux postes à responsabilité par la seule force de leur talent pour comprendre ce problème.</p>
  455. <p>Je prétends donc qu’il est impossible de comprendre ce qu’il s’est passé dans la ligue du lol (mais aussi avec le 18-25, également avec <a href="https://www.lignes-de-cretes.org/tag/marsault/" target="_blank">Marsault</a> mais également avec autant de groupes beaucoup moins constitués) si on ne s’interroge pas sur la construction de la virilité blanche et surtout contre qui elle se construit. Il ne s’agit pas, question m’a été posée, de dire que seuls les hommes blancs harcèlent bien évidemment. Il importe de se poser la question des boy’s club ; lorsque j’en ai parlé sur twitter il semble que l’expression ait été prise au pied de la lettre comme un club véritablement formé. Le boy’s club désigne pour moi simplement la socialisation masculine, du vestiaire à la salle à café, des comités de direction aux pages privées facebook où l’on construit et entretient sa masculinité sur le dos des minorités.</p>
  456. <p>Il serait donc à mon sens une erreur de penser que les hommes qui harcèlent arrivent à des postes de pouvoir, malgré le fait qu’ils aient harcelé. Ils y arrivent plutôt entre autres grâce à cela parce qu’une certaine violence est tolérée, tout au moins lorsqu’elle est blanche et masculine parce qu’elle constituera, selon la classe sociale où il sera ensuite le « jeune loup aux dents longues » ou le « fort en gueule ».<br/>
  457. Il est à noter qu’aucun des hommes de la ligue du lol n’a réfléchi au fait que toute la ligue était masculine et ce que cela en dit. Ils ne sont évidemment pas les seuls ; la masculinité est tellement intouchable que la moindre des féministes qui ose rappeler que l’immense majorité des violeurs sont des hommes subit des mois de harcèlement.<br/>
  458. Il a été admis qu’ils harcelaient (et par exemple dans le cas du 18-25 et de la ligue du lol les cibles sont strictement les mêmes) mais on ne s’est pas interrogé sur pourquoi c’étaient ces cibles là qui étaient visées. Eux-mêmes dans leurs excuses ont tous évoqué la jeunesse qui justifie justement mon analyse « j’avais besoin de ce passage pour devenir un homme ; le harcèlement en particulier misogyne a été une composante de mon état d’homme ».<br/>
  459. Même s’il est évidemment nécessaire de dénoncer qui le 18-25, qui la ligue du lol, qui Marsault, parce que les victimes sont réelles avec des conséquences dramatiques sur leur vie et leur santé, il est important de comprendre que c’est la construction de la virilité qui a créé ce genre de comportement, que c’est parce qu’on considère que le passage à l’état d’homme passe par une certaine violence qu’il y a eu harcèlement.  Il n’y a rien de très différent, sinon dans l’ampleur avec les comportements que les femmes, les LGBT dénoncent tous les jours à leur encontre. Les blagues que nous devons supporter, les caquètements de poule à l’assemblée nationale, les verres après le boulot auxquels nous ne sommes pas conviées, les strapontins, les silences moqueurs lorsqu’on arrive, les naturelles co-optations, tout cela c’est le boy’s club. Oh pas un club constitué, rien de très loi 1901. Juste une socialisation masculine qui exclue, humilie, et terrorise. Et tant que l’on persistera à en faire des épiphénomènes, à ne sanctionner que lorsque les cris sont trop nombreux, le phénomène ne s’arrêtera pas (mais en a-t-on vraiment envie).</p>
  460. </article>
  461. </section>
  462. <nav id="jumpto">
  463. <p>
  464. <a href="/david/blog/">Accueil du blog</a> |
  465. <a href="http://www.crepegeorgette.com/2019/02/11/ligue-du-lol-apres/">Source originale</a> |
  466. <a href="/david/stream/2019/">Accueil du flux</a>
  467. </p>
  468. </nav>
  469. <footer>
  470. <div>
  471. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  472. <p>
  473. Bonjour/Hi!
  474. 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>
  475. 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>).
  476. </p>
  477. <p>
  478. 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>.
  479. </p>
  480. <p>
  481. Voici quelques articles choisis :
  482. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  483. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  484. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  485. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  486. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  487. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  488. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  489. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  490. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  491. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  492. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  493. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  494. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  495. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  496. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  497. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  498. </p>
  499. <p>
  500. 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>.
  501. </p>
  502. <p>
  503. Je ne traque pas ta navigation mais mon
  504. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  505. conserve des logs d’accès.
  506. </p>
  507. </div>
  508. </footer>
  509. <script type="text/javascript">
  510. ;(_ => {
  511. const jumper = document.getElementById('jumper')
  512. jumper.addEventListener('click', e => {
  513. e.preventDefault()
  514. const anchor = e.target.getAttribute('href')
  515. const targetEl = document.getElementById(anchor.substring(1))
  516. targetEl.scrollIntoView({behavior: 'smooth'})
  517. })
  518. })()
  519. </script>