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

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237
  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` element
  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,initial-scale=1">
  11. <!-- Required to make a valid HTML5 document. -->
  12. <title>La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle (archive) — David Larlet</title>
  13. <meta name="description" content="Publication mise en cache pour en conserver une trace.">
  14. <!-- That good ol' feed, subscribe :). -->
  15. <link rel="alternate" type="application/atom+xml" title="Feed" href="/david/log/">
  16. <!-- Generated from https://realfavicongenerator.net/ such a mess. -->
  17. <link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons2/apple-touch-icon.png">
  18. <link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons2/favicon-32x32.png">
  19. <link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons2/favicon-16x16.png">
  20. <link rel="manifest" href="/static/david/icons2/site.webmanifest">
  21. <link rel="mask-icon" href="/static/david/icons2/safari-pinned-tab.svg" color="#07486c">
  22. <link rel="shortcut icon" href="/static/david/icons2/favicon.ico">
  23. <meta name="msapplication-TileColor" content="#f7f7f7">
  24. <meta name="msapplication-config" content="/static/david/icons2/browserconfig.xml">
  25. <meta name="theme-color" content="#f7f7f7" media="(prefers-color-scheme: light)">
  26. <meta name="theme-color" content="#272727" media="(prefers-color-scheme: dark)">
  27. <!-- Documented, feel free to shoot an email. -->
  28. <link rel="stylesheet" href="/static/david/css/style_2021-01-20.css">
  29. <!-- See https://www.zachleat.com/web/comprehensive-webfonts/ for the trade-off. -->
  30. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  31. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  32. <link rel="preload" href="/static/david/css/fonts/triplicate_t4_poly_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: light), (prefers-color-scheme: no-preference)" crossorigin>
  33. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_regular.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  34. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_bold.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  35. <link rel="preload" href="/static/david/css/fonts/triplicate_t3_italic.woff2" as="font" type="font/woff2" media="(prefers-color-scheme: dark)" crossorigin>
  36. <script>
  37. function toggleTheme(themeName) {
  38. document.documentElement.classList.toggle(
  39. 'forced-dark',
  40. themeName === 'dark'
  41. )
  42. document.documentElement.classList.toggle(
  43. 'forced-light',
  44. themeName === 'light'
  45. )
  46. }
  47. const selectedTheme = localStorage.getItem('theme')
  48. if (selectedTheme !== 'undefined') {
  49. toggleTheme(selectedTheme)
  50. }
  51. </script>
  52. <meta name="robots" content="noindex, nofollow">
  53. <meta content="origin-when-cross-origin" name="referrer">
  54. <!-- Canonical URL for SEO purposes -->
  55. <link rel="canonical" href="https://numerique.canada.ca/2022/04/21/la-masculinit%C3%A9-positive-ou-toxique-comment-les-hommes-peuvent-transformer-la-culture-organisationnelle/">
  56. <body class="remarkdown h1-underline h2-underline h3-underline em-underscore hr-center ul-star pre-tick" data-instant-intensity="viewport-all">
  57. <article>
  58. <header>
  59. <h1>La masculinité positive ou toxique : Comment les hommes peuvent transformer la culture organisationnelle</h1>
  60. </header>
  61. <nav>
  62. <p class="center">
  63. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  64. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  65. </svg> Accueil</a> •
  66. <a href="https://numerique.canada.ca/2022/04/21/la-masculinit%C3%A9-positive-ou-toxique-comment-les-hommes-peuvent-transformer-la-culture-organisationnelle/" title="Lien vers le contenu original">Source originale</a>
  67. </p>
  68. </nav>
  69. <hr>
  70. <p>Autrefois, lorsque je visitais mon pays natal du Liban, mon grand-père me disait toujours « fiston, un homme bon c’est quelqu’un qui se trouve une épouse respectable, a des enfants et fournit tout le nécessaire à sa famille ». Mon père, à son tour, m’a répété les mêmes paroles à moi et à mes frères. Mes amis proches les ont aussi entendues. Ces paroles jettent les bases d’une dynamique où les hommes ont le pouvoir et le contrôle. C’est une dynamique qui peut parfois provoquer chez les hommes un sentiment de supériorité, donnant lieu au phénomène de mâle alpha qui ressent le besoin d’exercer sa domination, tant à la maison qu’au travail.</p>
  71. <p>Étant donné cette pression que ressentent les hommes d’occuper ce rôle d’« alpha », je n’ai pas été surpris d’apprendre que cette définition de la masculinité nuisait à bien des milieux de travail; dans certains domaines plus que d’autres.</p>
  72. <p>Comme je travaille dans le domaine de la technologie, à titre de gestionnaire d’équipes d’ingénieurs, je suis bien au courant du manque de femmes dans le secteur. Selon certaines études <a href="https://nomadis.co/fr/presence-des-femmes-en-ti-comment-cheminer-vers-une-representation-equitable">la participation des femmes en TI se limiterait à seulement 20 %, dans le meilleur des cas</a>. La présence démesurée d’hommes fait du domaine un milieu potentiellement dangereux pour les femmes. J’ai moi-même été témoin des pires comportements envers les femmes dans mes équipes, notamment : faire des références sexuelles ou sexistes dans les discussions ou séances de clavardage, croire que tous les hommes en TI souhaitent joindre une « fraternité », parler d’une voix forte, s’attendre à ce que les femmes prennent des notes ou s’occupent du calendrier, ou tout simplement ignorer les contributions de femmes en matière de codage ou de conception. J’ai même vu des femmes quitter des réunions sans rien dire parce qu’elles se sentaient en danger. À l’époque, j’en ignorais la cause et je ne savais pas trop quoi faire, jusqu’à ce qu’on me parle de la notion de « masculinité toxique ».</p>
  73. <h2 id="qu-est-ce-que-la-masculinité-toxique">Qu’est-ce que la masculinité « toxique »?</h2>
  74. <p>En bref, la masculinité toxique c’est la pression que peuvent ressentir les hommes d’agir de façon dominante et nuisible. On observe la masculinité toxique en œuvre au travail lorsqu’un homme interrompt ou parle pour couvrir la voix de quelqu’un, adopte une attitude inflexible et voit le milieu de travail comme un champ de bataille.</p>
  75. <p><a href="https://www.sciencedirect.com/science/article/pii/S0022440519300901?via%3Dihub">D’après certaines recherches</a>, les hommes qui se perçoivent comme étant plus masculins sont moins portés à faire preuve de « comportements coopératifs ». Cela signifie qu’ils n’interviendront probablement pas lorsqu’ils sont témoins d’intimidation ou de violence physique. Leur intervention pourrait être perçue comme une faiblesse. C’est un problème grave. <strong>Pour sécuriser nos milieux de travail et les rendre plus équitables, il nous faut des gens prêts à aider et non des témoins complices par leur passivité.</strong></p>
  76. <h2 id="pourquoi-la-masculinité-positive">Pourquoi la masculinité « positive »?</h2>
  77. <p>Au Service numérique canadien (SNC), nous nous engageons à améliorer notre capacité d’aider. En prenant conscience des répercussions de la masculinité toxique sur les carrières et le bien-être de nos collègues, nous étions déterminés à favoriser un milieu de travail plus sain dans le domaine des TI.</p>
  78. <p>En novembre dernier, nous avons invité <a href="https://ca.linkedin.com/in/jeffperera">Jeff Perera</a> pour nous parler du genre, de la masculinité, du renforcement de l’empathie et des façons dont les hommes peuvent aider à combattre la violence axée sur le genre. Plutôt que de mettre l’accent sur la toxicité ou la négativité, Jeff a surtout parlé de collaboration et de réapprentissage. Mais le plus important selon lui, c’est d’appliquer ces leçons par la responsabilisation, la prise de conscience et l’établissement d’une communauté. Nous pourrons ainsi passer des mots à l’action. Voilà la définition de la masculinité positive.</p>
  79. <h2 id="se-poser-des-questions-malaisantes">Se poser des questions malaisantes</h2>
  80. <p>Pendant la présentation de Jeff, nous nous sommes rassemblés en petits groupes pour répondre aux six questions suivantes :</p>
  81. <ol>
  82. <li>Dans quel genre de milieu de travail pensons-nous travailler?</li>
  83. <li>Que diraient les femmes et les personnes de diverses identités de genre de leur expérience avec nous?</li>
  84. <li>Quel genre d’expérience souhaitons-nous offrir à ces gens?</li>
  85. <li>Qu’est-ce qui nous aide à percevoir nos angles morts? Comment pouvons-nous éliminer ces angles morts pour connaître l’expérience des autres?</li>
  86. <li>Qu’est-ce qui empêche les hommes de se prononcer ou d’aider sur des questions d’équité de genre dans le milieu de travail ou dans leur quotidien?</li>
  87. <li>Quel est le coût (réel ou perçu) d’être un allié aux femmes et aux personnes de diverses identités de genre?</li>
  88. </ol>
  89. <p>Confrontés à ces questions, nous nous sommes rapidement rendu compte que les réponses nous mettaient mal à l’aise et qu’il y avait beaucoup de travail à faire. Il fallait examiner les comportements toxiques et systémiques en œuvre à l’extérieur de l’organisme pour comprendre leurs effets sur le SNC. Nous avons conclu qu’un réapprentissage organisationnel s’imposait. <strong>Ce ne sera ni rapide ni facile, mais il faut commencer quelque part.</strong></p>
  90. <p>Inspirés par la présentation, certains participants de notre organisme ont mis sur pied un groupe de travail qui cherche à définir ce que représente la masculinité « consciencieuse » au travail, tout en apprenant à réaliser leur plein potentiel et à mettre la leçon en action au SNC.</p>
  91. <h2 id="mettre-sur-pied-un-groupe-de-travail-sur-la-masculinité-positive">Mettre sur pied un groupe de travail sur la masculinité positive</h2>
  92. <p>Nous n’étions pas à court de points à aborder. Comme première étape, nous avons mené une rétrospective de la présentation afin d’examiner nos réponses aux six questions et d’établir des mesures pour y remédier.</p>
  93. <p>Lors de cette réunion, nous avons établi certains principes directeurs :</p>
  94. <ul>
  95. <li>Consulter d’autres communautés marginalisées pour valider notre approche</li>
  96. <li>Il ne suffit pas de parler, il faut agir.</li>
  97. <li>Mesurer les progrès</li>
  98. <li>Réfléchir continuellement aux réalités et besoins évolutifs de l’organisme</li>
  99. </ul>
  100. <p>Et dans le but de mettre nos paroles à l’action, nous avons dressé une liste d’initiatives que nous prévoyons mettre en œuvre dès que possible :</p>
  101. <ul>
  102. <li>Déterminer les activités administratives à l’échelle de l’organisme qui doivent être réparties de façon égale</li>
  103. <li>Chaque participant du groupe de travail doit demander une rétroaction à 360 degrés d’une collègue du genre opposé.</li>
  104. <li>Organiser des activités d’apprentissage pour sensibiliser les hommes à l’expérience des femmes</li>
  105. <li>Mettre sur pied un groupe de lecture pour l’échange de livre et de ressources</li>
  106. <li>Établir un système de jumelage avec des gens à l’extérieur du groupe de travail sur la masculinité positive afin de s’encourager mutuellement à en apprendre plus sur le sujet</li>
  107. <li>Inviter des conférenciers à parler à tout le SNC sur les sujets du féminisme et de la masculinité</li>
  108. <li>Créer un guide sur les problèmes relevés par nos collègues qui offre des possibilités de solutions</li>
  109. <li>Appuyer des programmes de mentorat comme <a href="https://girlswhocode.com/">Girls Who Code</a> et <a href="https://www.blackkidscode.com/">Investing in Black girls can change the world</a>.</li>
  110. </ul>
  111. <h2 id="apprendre-et-réapprendre-ensemble">Apprendre et réapprendre ensemble</h2>
  112. <p>Chaque organisme est unique, mais je crois que nous partageons tous certaines tendances communes. Cela signifie que nous pouvons apprendre et réapprendre les uns des autres, et travailler ensemble pour établir des milieux de travail plus sains pour les gens de toute identité de genre. Nous en sommes au début de ce projet et nous ferons sans doute des erreurs en cours de route.</p>
  113. <p><a href="mailto:cds-snc@tbs-sct.gc.ca">Nous aimerions communiquer avec vous</a> pour vous en dire plus sur notre cheminement, ou pour connaître le vôtre. <strong>Continuons la conversation et soyons la « leçon en action ».</strong></p>
  114. </article>
  115. <hr>
  116. <footer>
  117. <p>
  118. <a href="/david/" title="Aller à l’accueil"><svg class="icon icon-home">
  119. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-home"></use>
  120. </svg> Accueil</a> •
  121. <a href="/david/log/" title="Accès au flux RSS"><svg class="icon icon-rss2">
  122. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-rss2"></use>
  123. </svg> Suivre</a> •
  124. <a href="http://larlet.com" title="Go to my English profile" data-instant><svg class="icon icon-user-tie">
  125. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-user-tie"></use>
  126. </svg> Pro</a> •
  127. <a href="mailto:david%40larlet.fr" title="Envoyer un courriel"><svg class="icon icon-mail">
  128. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-mail"></use>
  129. </svg> Email</a> •
  130. <abbr class="nowrap" title="Hébergeur : Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33184162340"><svg class="icon icon-hammer2">
  131. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-hammer2"></use>
  132. </svg> Légal</abbr>
  133. </p>
  134. <template id="theme-selector">
  135. <form>
  136. <fieldset>
  137. <legend><svg class="icon icon-brightness-contrast">
  138. <use xlink:href="/static/david/icons2/symbol-defs-2021-12.svg#icon-brightness-contrast"></use>
  139. </svg> Thème</legend>
  140. <label>
  141. <input type="radio" value="auto" name="chosen-color-scheme" checked> Auto
  142. </label>
  143. <label>
  144. <input type="radio" value="dark" name="chosen-color-scheme"> Foncé
  145. </label>
  146. <label>
  147. <input type="radio" value="light" name="chosen-color-scheme"> Clair
  148. </label>
  149. </fieldset>
  150. </form>
  151. </template>
  152. </footer>
  153. <script src="/static/david/js/instantpage-5.1.0.min.js" type="module"></script>
  154. <script>
  155. function loadThemeForm(templateName) {
  156. const themeSelectorTemplate = document.querySelector(templateName)
  157. const form = themeSelectorTemplate.content.firstElementChild
  158. themeSelectorTemplate.replaceWith(form)
  159. form.addEventListener('change', (e) => {
  160. const chosenColorScheme = e.target.value
  161. localStorage.setItem('theme', chosenColorScheme)
  162. toggleTheme(chosenColorScheme)
  163. })
  164. const selectedTheme = localStorage.getItem('theme')
  165. if (selectedTheme && selectedTheme !== 'undefined') {
  166. form.querySelector(`[value="${selectedTheme}"]`).checked = true
  167. }
  168. }
  169. const prefersColorSchemeDark = '(prefers-color-scheme: dark)'
  170. window.addEventListener('load', () => {
  171. let hasDarkRules = false
  172. for (const styleSheet of Array.from(document.styleSheets)) {
  173. let mediaRules = []
  174. for (const cssRule of styleSheet.cssRules) {
  175. if (cssRule.type !== CSSRule.MEDIA_RULE) {
  176. continue
  177. }
  178. // WARNING: Safari does not have/supports `conditionText`.
  179. if (cssRule.conditionText) {
  180. if (cssRule.conditionText !== prefersColorSchemeDark) {
  181. continue
  182. }
  183. } else {
  184. if (cssRule.cssText.startsWith(prefersColorSchemeDark)) {
  185. continue
  186. }
  187. }
  188. mediaRules = mediaRules.concat(Array.from(cssRule.cssRules))
  189. }
  190. // WARNING: do not try to insert a Rule to a styleSheet you are
  191. // currently iterating on, otherwise the browser will be stuck
  192. // in a infinite loop…
  193. for (const mediaRule of mediaRules) {
  194. styleSheet.insertRule(mediaRule.cssText)
  195. hasDarkRules = true
  196. }
  197. }
  198. if (hasDarkRules) {
  199. loadThemeForm('#theme-selector')
  200. }
  201. })
  202. </script>
  203. </body>
  204. </html>