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

5 jaren geleden
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587
  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>Nos ancêtres autistes ont joué un rôle clé dans l’évolution (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://theconversation.com/nos-ancetres-autistes-ont-joue-un-role-cle-dans-levolution-75471">
  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. Nos ancêtres autistes ont joué un rôle clé dans l’évolution (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://theconversation.com/nos-ancetres-autistes-ont-joue-un-role-cle-dans-levolution-75471">Source originale du contenu</a></h3>
  445. <p>Dire d’une personne qu’elle est autiste, c’est aussi évoquer ses dons particuliers, ses compétences exceptionnelles : une mémoire phénoménale, un don artistique, des capacités mathématiques extraordinaires, une capacité surprenante à distinguer les détails…</p>
  446. <p>Car en dépit de toutes les histoires alarmistes évoquant une <a href="http://www.scilogs.fr/ramus-meninges/le-point-sur-la-prevalence-de-lautisme/">« épidémie d’autisme »</a>, les personnes touchées par l’une ou l’autre caractéristique du spectre autistique sont aussi des personnes qui apportent quantité de qualités et de compétences – à la fois techniques et sociales – au travail et ailleurs.</p>
  447. <p><a href="http://www.cam.ac.uk/research/news/study-of-half-a-million-people-reveals-sex-and-job-predict-how-many-autistic-traits-you-have">La recherche</a> a également prouvé qu’un grand nombre de personnes qui n’ont pas été diagnostiquées comme autistes sont pourtant <a href="http://onlinelibrary.wiley.com/doi/10.1111/j.1749-6632.2009.04467.x/full">dotées de traits autistiques</a>. Toutes ces personnes, dont la plupart n’ont pas été officiellement diagnostiquées, pourraient bien découvrir qu’elles sont bel et bien dotées de traits autistiques si elles passaient <a href="http://www.rdos.net/fr/">des tests</a>. Et ces personnes ne se plaignent pas de leurs particularités ; elles ont au contraire assez souvent le sentiment qu’elles sont avantagées.</p>
  448. <h2>Aux origines de l’autisme</h2>
  449. <p>C’est exactement ce que traduit l’expression <a href="http://www.intechopen.com/books/autism-spectrum-disorders-the-role-of-genetics-in-diagnosis-and-treatment/the-genetic-basis-of-phenotypic-diversity-autism-as-an-extreme-tail-of-a-complex-dimensional-trait">« spectre autistique »</a> – nous sommes tous « un peu autistes » – et nous correspondons tous à l’un ou l’autre de ces traits à l’intérieur du <a href="http://www.cra-mp.info/fr/familles/qu-est-ce-que-l-autisme/">spectre en question</a>.</p>
  450. <p>Par ailleurs, nous savons grâce à la <a href="http://journals.plos.org/plosgenetics/article?id=10.1371/journal.pgen.1006618">recherche génétique</a> que l’autisme et les <a href="http://www.nature.com/nature/journal/v536/n7615/full/nature19075.html">traits autistiques</a> font partie de la nature humaine depuis très longtemps.</p>
  451. <p>Des études prouvent que certains gènes clés liés à l’autisme font partie de l’héritage génétique qui nous vient des singes, avant la « séparation » qui nous a mis sur le chemin de l’espèce humaine. D’autres gènes liés à l’autisme sont plus récents en termes d’évolution – bien qu’ils aient tout de même plus de 100 000 ans.</p>
  452. <p><a href="http://journals.sagepub.com/doi/abs/10.1177/1362361398023008">La recherche</a> démontre également que l’autisme – dans la plupart des cas – est <a href="http://www.scilogs.fr/ramus-meninges/le-point-sur-lheritabilite-de-lautisme/">hautement héréditaire</a>. Bien qu’un tiers des cas d’autisme puisse se rapporter à une apparence d’« erreurs génétiques » ou de mutations génétiques spontanées, il arrive fréquemment qu’une même famille soit concernée par plusieurs cas d’autisme. Et pour beaucoup de ces familles, cette particularité présente plutôt des avantages.</p>
  453. <p>Tout cela pour dire que l’autisme n’est pas là pour rien. Comme nous l’expliquons dans notre livre <a href="https://roundedglobe.com/books/9673edbf-0ba5-47b1-97bd-16ef244fd148/The%20Prehistory%20of%20Autism/"><em>La préhistoire de l’autisme</em> </a> (non traduit en français) et dans un <a href="http://www.tandfonline.com/doi/full/10.1080/1751696X.2016.1244949">récent article</a>, nos ancêtres autistes ont joué un rôle déterminant dans les groupes sociaux au fil de l’évolution humaine, grâce à leurs talents exceptionnels et à leurs compétences particulières.</p>
  454. <h2>Des gènes anciens</h2>
  455. <p>Il y a plusieurs milliers d’années, les personnes atteintes de traits autistiques étaient non seulement bien intégrées dans la société, mais elles étaient aussi très respectées.</p>
  456. <p>Beaucoup d’autistes sont dotés d’une mémoire exceptionnelle, <a href="http://www.cra-rhone-alpes.org/spip.php?article5305">d’une perception plus fine en termes de vision, de goût et d’odorat</a> et, dans certains contextes, d’une meilleure compréhension de la nature, par exemple en ce qui concerne le comportement animal. Comme leurs qualités, à cette époque, pouvaient s’exprimer au sein de la communauté, ces spécialistes ont pu prendre leur place. Et il est fort probable qu’ils sont devenus des ressources vitales pour la survie du groupe.</p>
  457. <p>De nos jours, on peut voir décrite une telle figure dans une <a href="https://books.google.co.uk/books/about/The_Reindeer_People.html?id=CqevpWQT3RAC&amp;source=kp_cover&amp;redir_esc=y">étude anthropologique récente sur les Evènes</a> (ouvrage non traduit), une ethnie d’éleveurs de rennes en Sibérie :</p>
  458. <blockquote>
  459. <p>« Le très vieil homme, grand-père de la famille, avait une connaissance extrêmement détaillée des liens de parenté, de l’histoire médicale et du caractère de chacun des 2 600 animaux de l’élevage. Il se sentait mieux en compagnie des rennes qu’avec ses congénères, et il plantait toujours sa tente à distance raisonnable des autres, se préparant à manger tout seul. Son fils travaillait dans l’élevage et il avait été rejoint par ses propres fils, adolescents, pour la saison estivale. »</p>
  460. </blockquote>
  461. <h2>Les traits autistiques dans l’art</h2>
  462. <p>D’autres preuves de cette spécialisation associée à des traits autistes nous viennent de l’art pariétal, proche des créations actuelles de certains artistes autistes de talent. C’est le cas des peintures de la grotte Chauvet, dans le sud de la France, qui comptent parmi les peintures figuratives de ce type les mieux préservées.</p>
  463. <figure class="align-center ">
  464. <img alt="" src="https://cdn.theconversation.com/files/159396/width754/image-20170305-29039-at4usw.jpg"/>
  465. <figcaption>
  466. <span class="caption">Les lions de la grotte Chauvet, créés il y a 30 000 ans.</span>
  467. <span class="attribution"><span class="license">Author provided</span></span>
  468. </figcaption>
  469. </figure>
  470. <p>Ces peintures sont particulièrement réalistes et démontrent des qualités de mémoire remarquables, une grande minutie et aussi une tendance à s’attacher aux détails d’une scène plutôt qu’à la considérer dans son ensemble.</p>
  471. <p>Autant de marqueurs des traits autistiques que l’on retrouve chez de grands artistes qui ne sont pas autistes, mais qui sont plus répandus encore chez les grands artistes autistes.</p>
  472. <h2>Reéécrire l’histoire</h2>
  473. <p>Malheureusement, malgré la foule de preuves disponibles, l’archéologie et l’histoire des origines de l’homme ont mis du temps à prendre en compte cette réalité. La diversité des personnalités ne fait jamais partie du tableau, quand nous reconstituons les débuts de l’histoire de l’humanité. Il a fallu longtemps aux chercheurs pour passer outre l’image du singe se muant en homme, cette image d’Épinal de l’évolution.</p>
  474. <p>Ce n’est qu’assez récemment, par exemple, que l’on a reconnu que les femmes avaient joué un rôle clé dans l’évolution – auparavant, les discours se focalisaient plutôt <a href="https://books.google.co.uk/books?id=BR2VFUwVJjMC&amp;pg=PA48&amp;lpg=PA48&amp;dq=history+of+evolution+ignores+women&amp;source=bl&amp;ots=ej8OQH8fiD&amp;sig=1Bn4HyedDQv_lP8sJqyGopbur5Q&amp;hl=en&amp;sa=X&amp;ved=0ahUKEwjOppDy0PbSAhXkK5oKHUC0AN4Q6AEIKTAD">sur le rôle des hommes</a>. Il n’est donc pas surprenant que le fait d’inclure l’autisme dans la science de l’évolution – autisme encore perçu par certains comme un « trouble » – soit encore assez controversé.</p>
  475. <p>C’est sans doute pourquoi les arguments visant à démontrer que l’autisme a influencé la création artistique à l’époque préhistorique ont été tournés en ridicule, comme dans cet ouvrage (non traduit) <a href="https://books.google.co.uk/books/about/Myths_about_Rock_Art.html?id=QaZ9vgAACAAJ&amp;source=kp_cover&amp;redir_esc=y">dénonçant les mythes autour des peintures rupestres</a>.</p>
  476. <p>Étant donné l’état de nos connaissances, il est temps de reconnaître ce que l’autisme a apporté aux origines de l’humanité. Michael Fitzgerald, le premier psychiatre pour enfants et adolescents à s’être spécialisé dans les troubles du spectre autistique en Irlande, a courageusement <a href="http://www.humangivens.com/publications/volume-13-no-4-2006.html">affirmé au cours d’une interview</a> :</p>
  477. <blockquote>
  478. <p>« Toute l’évolution humaine a été conduite par des personnes atteintes d’un léger syndrome d’Asperger et des personnes autistes. Sans eux, l’espèce humaine serait encore en train de bavarder dans des grottes. »</p>
  479. </blockquote>
  480. <p>Même si personnellement, je n’irais pas aussi loin, je dois admettre que sans la composante de l’autisme dans nos communautés d’humains, nous n’en serions probablement pas où nous en sommes aujourd’hui.</p>
  481. </article>
  482. </section>
  483. <nav id="jumpto">
  484. <p>
  485. <a href="/david/blog/">Accueil du blog</a> |
  486. <a href="https://theconversation.com/nos-ancetres-autistes-ont-joue-un-role-cle-dans-levolution-75471">Source originale</a> |
  487. <a href="/david/stream/2019/">Accueil du flux</a>
  488. </p>
  489. </nav>
  490. <footer>
  491. <div>
  492. <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
  493. <p>
  494. Bonjour/Hi!
  495. 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>
  496. 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>).
  497. </p>
  498. <p>
  499. 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>.
  500. </p>
  501. <p>
  502. Voici quelques articles choisis :
  503. <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
  504. <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
  505. <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
  506. <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
  507. <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
  508. <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
  509. <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
  510. <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
  511. <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
  512. <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
  513. <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
  514. <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
  515. <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
  516. <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
  517. <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
  518. et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
  519. </p>
  520. <p>
  521. 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>.
  522. </p>
  523. <p>
  524. Je ne traque pas ta navigation mais mon
  525. <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
  526. conserve des logs d’accès.
  527. </p>
  528. </div>
  529. </footer>
  530. <script type="text/javascript">
  531. ;(_ => {
  532. const jumper = document.getElementById('jumper')
  533. jumper.addEventListener('click', e => {
  534. e.preventDefault()
  535. const anchor = e.target.getAttribute('href')
  536. const targetEl = document.getElementById(anchor.substring(1))
  537. targetEl.scrollIntoView({behavior: 'smooth'})
  538. })
  539. })()
  540. </script>