davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
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.
42 Commits
1 Branch
Tree: 2e4d51a7b7
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '2e4d51a7b7'
${ noResults }
larlet-fr-david-cache/cache/7047f989532622880fa0659a76d.../index.html

index.html 43KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623 
  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>Hypersensibilités chez l'Adulte surdoué : Douance Québec (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. 

  28.   <meta name="robots" content="noindex, nofollow">

  29.   <meta content="origin-when-cross-origin" name="referrer">

  30.   <!-- Canonical URL for SEO purposes -->

  31.   <link rel="canonical" href="http://www.aqdouance.org/hypersensibilites-chez-ladulte-surdoue-douance-quebec/">

  32. 

  33. <style>

  34. /* http://meyerweb.com/eric/tools/css/reset/ */

  35. html, body, div, span,

  36. h1, h2, h3, h4, h5, h6, p, blockquote, pre,

  37. a, abbr, address, big, cite, code,

  38. del, dfn, em, img, ins,

  39. small, strike, strong, tt, var,

  40. dl, dt, dd, ol, ul, li,

  41. fieldset, form, label, legend,

  42. table, caption, tbody, tfoot, thead, tr, th, td,

  43. article, aside, canvas, details, embed,

  44. figure, figcaption, footer, header, hgroup,

  45. menu, nav, output, ruby, section, summary,

  46. time, mark, audio, video {

  47.   margin: 0;

  48.   padding: 0;

  49.   border: 0;

  50.   font-size: 100%;

  51.   font: inherit;

  52.   vertical-align: baseline;

  53. }

  54. /* HTML5 display-role reset for older browsers */

  55. article, aside, details, figcaption, figure,

  56. footer, header, hgroup, menu, nav, section { display: block; }

  57. body { line-height: 1; }

  58. blockquote, q { quotes: none; }

  59. blockquote:before, blockquote:after,

  60. q:before, q:after {

  61.   content: '';

  62.   content: none;

  63. }

  64. table {

  65.   border-collapse: collapse;

  66.   border-spacing: 0;

  67. }

  68. 

  69. /* http://practicaltypography.com/equity.html */

  70. /* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */

  71. /* https://www.filamentgroup.com/lab/js-web-fonts.html */

  72. @font-face {

  73.   font-family: 'EquityTextB';

  74.   src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),

  75.        url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');

  76.   font-weight: 300;

  77.   font-style: normal;

  78.   font-display: swap;

  79. }

  80. @font-face {

  81.   font-family: 'EquityTextB';

  82.   src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),

  83.        url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');

  84.   font-weight: 300;

  85.   font-style: italic;

  86.   font-display: swap;

  87. }

  88. @font-face {

  89.   font-family: 'EquityTextB';

  90.   src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),

  91.        url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');

  92.   font-weight: 700;

  93.   font-style: normal;

  94.   font-display: swap;

  95. }

  96. 

  97. @font-face {

  98.   font-family: 'ConcourseT3';

  99.   src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),

  100.        url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');

  101.   font-weight: 300;

  102.   font-style: normal;

  103.   font-display: swap;

  104. }

  105. 

  106. 

  107. /* http://practice.typekit.com/lesson/caring-about-opentype-features/ */

  108. body {

  109.   /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */

  110.   font-family: "EquityTextB", Palatino, serif;

  111.   background-color: #f0f0ea;

  112.   color: #07486c;

  113.   font-kerning: normal;

  114.   -moz-osx-font-smoothing: grayscale;

  115.   -webkit-font-smoothing: subpixel-antialiased;

  116.   text-rendering: optimizeLegibility;

  117.   font-variant-ligatures: common-ligatures contextual;

  118.   font-feature-settings: "kern", "liga", "clig", "calt";

  119. }

  120. pre, code, kbd, samp, var, tt {

  121.   font-family: 'TriplicateT4c', monospace;

  122. }

  123. em {

  124.   font-style: italic;

  125.   color: #323a45;

  126. }

  127. strong {

  128.   font-weight: bold;

  129.   color: black;

  130. }

  131. nav {

  132.   background-color: #323a45;

  133.   color: #f0f0ea;

  134.   display: flex;

  135.   justify-content: space-around;

  136.   padding: 1rem .5rem;

  137. }

  138.   nav:last-child {

  139.     border-bottom: 1vh solid #2d7474;

  140.   }

  141.   nav a {

  142.     color: #f0f0ea;

  143.   }

  144.   nav abbr {

  145.     border-bottom: 1px dotted white;

  146.   }

  147. 

  148. h1 {

  149.   border-top: 1vh solid #2d7474;

  150.   border-bottom: .2vh dotted #2d7474;

  151.   background-color: #e3e1e1;

  152.   color: #323a45;

  153.   text-align: center;

  154.   padding: 5rem 0 4rem 0;

  155.   width: 100%;

  156.   font-family: 'ConcourseT3';

  157.   display: flex;

  158.   flex-direction: column;

  159. }

  160.   h1.single {

  161.     padding-bottom: 10rem;

  162.   }

  163.   h1 span {

  164.     position: absolute;

  165.     top: 1vh;

  166.     left: 20%;

  167.     line-height: 0;

  168.   }

  169.     h1 span a {

  170.       line-height: 1.7;

  171.       padding: 1rem 1.2rem .6rem 1.2rem;

  172.       border-radius: 0 0 6% 6%;

  173.       background: #2d7474;

  174.       font-size: 1.3rem;

  175.       color: white;

  176.       text-decoration: none;

  177.     }

  178. h2 {

  179.   margin: 4rem 0 1rem;

  180.   border-top: .2vh solid #2d7474;

  181.   padding-top: 1vh;

  182. }

  183. h3 {

  184.   text-align: center;

  185.   margin: 3rem 0 .75em;

  186. }

  187. hr {

  188.   height: .4rem;

  189.   width: .4rem;

  190.   border-radius: .4rem;

  191.   background: #07486c;

  192.   margin: 2.5rem auto;

  193. }

  194. time {

  195.   display: bloc;

  196.   margin-left: 0 !important;

  197. }

  198. ul, ol {

  199.   margin: 2rem;

  200. }

  201. ul {

  202.   list-style-type: square;

  203. }

  204. a {

  205.   text-decoration-skip-ink: auto;

  206.   text-decoration-thickness: 0.05em;

  207.   text-underline-offset: 0.09em;

  208. }

  209. article {

  210.   max-width: 50rem;

  211.   display: flex;

  212.   flex-direction: column;

  213.   margin: 2rem auto;

  214. }

  215.   article.single {

  216.     border-top: .2vh dotted #2d7474;

  217.     margin: -6rem auto 1rem auto;

  218.     background: #f0f0ea;

  219.     padding: 2rem;

  220.   }

  221.   article p:last-child {

  222.     margin-bottom: 1rem;

  223.   }

  224. p {

  225.   padding: 0 .5rem;

  226.   margin-left: 3rem;

  227. }

  228.   p + p,

  229.   figure + p {

  230.     margin-top: 2rem;

  231.   }

  232. 

  233. blockquote {

  234.   background-color: #e3e1e1;

  235.   border-left: .5vw solid #2d7474;

  236.   display: flex;

  237.   flex-direction: column;

  238.   align-items: center;

  239.   padding: 1rem;

  240.   margin: 1.5rem;

  241. }

  242.   blockquote cite {

  243.     font-style: italic;

  244.   }

  245.   blockquote p {

  246.     margin-left: 0;

  247.   }

  248. 

  249. figure {

  250.   border-top: .2vh solid #2d7474;

  251.   background-color: #e3e1e1;

  252.   text-align: center;

  253.   padding: 1.5rem 0;

  254.   margin: 1rem 0 0;

  255.   font-size: 1.5rem;

  256.   width: 100%;

  257. }

  258.   figure img {

  259.     max-width: 250px;

  260.     max-height: 250px;

  261.     border: .5vw solid #323a45;

  262.     padding: 1px;

  263.   }

  264. figcaption {

  265.   padding: 1rem;

  266.   line-height: 1.4;

  267. }

  268. aside {

  269.   display: flex;

  270.   flex-direction: column;

  271.   background-color: #e3e1e1;

  272.   padding: 1rem 0;

  273.   border-bottom: .2vh solid #07486c;

  274. }

  275.   aside p {

  276.     max-width: 50rem;

  277.     margin: 0 auto;

  278.   }

  279. 

  280. /* https://fvsch.com/code/css-locks/ */

  281. p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  282.   font-size: 1rem;

  283.   line-height: calc( 1.5em + 0.2 * 1rem );

  284. }

  285. h1 {

  286.   font-size: 1.9rem;

  287.   line-height: calc( 1.2em + 0.2 * 1rem );

  288. }

  289. h2 {

  290.   font-size: 1.6rem;

  291.   line-height: calc( 1.3em + 0.2 * 1rem );

  292. }

  293. h3 {

  294.   font-size: 1.35rem;

  295.   line-height: calc( 1.4em + 0.2 * 1rem );

  296. }

  297. @media (min-width: 20em) {

  298.   /* The (100vw - 20rem) / (50 - 20) part

  299.      resolves to 0-1rem, depending on the

  300.      viewport width (between 20em and 50em). */

  301.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  302.     font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );

  303.     line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );

  304.     margin-left: 0;

  305.   }

  306.   h1 {

  307.     font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  308.     line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );

  309.   }

  310.   h2 {

  311.     font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  312.     line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );

  313.   }

  314.   h3 {

  315.     font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );

  316.     line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );

  317.   }

  318. }

  319. @media (min-width: 50em) {

  320.   /* The right part of the addition *must* be a

  321.      rem value. In this example we *could* change

  322.      the whole declaration to font-size:2.5rem,

  323.      but if our baseline value was not expressed

  324.      in rem we would have to use calc. */

  325.   p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {

  326.     font-size: calc( 1rem + .6 * 1rem );

  327.     line-height: 1.5em;

  328.   }

  329.   p, li, pre, details {

  330.     margin-left: 3rem;

  331.   }

  332.   h1 {

  333.     font-size: calc( 1.9rem + 1.5 * 1rem );

  334.     line-height: 1.2em;

  335.   }

  336.   h2 {

  337.     font-size: calc( 1.5rem + 1.5 * 1rem );

  338.     line-height: 1.3em;

  339.   }

  340.   h3 {

  341.     font-size: calc( 1.35rem + 1.5 * 1rem );

  342.     line-height: 1.4em;

  343.   }

  344.   figure img {

  345.     max-width: 500px;

  346.     max-height: 500px;

  347.   }

  348. }

  349. 

  350. figure.unsquared {

  351.   margin-bottom: 1.5rem;

  352. }

  353.   figure.unsquared img {

  354.     height: inherit;

  355.   }

  356. 

  357. 

  358. 

  359. @media print {

  360.   body { font-size: 100%; }

  361.   a:after { content: " (" attr(href) ")"; }

  362.   a, a:link, a:visited, a:after {

  363.     text-decoration: underline;

  364.     text-shadow: none !important;

  365.     background-image: none !important;

  366.     background: white;

  367.     color: black;

  368.   }

  369.   abbr[title] { border-bottom: 0; }

  370.   abbr[title]:after { content: " (" attr(title) ")"; }

  371.   img { page-break-inside: avoid; }

  372.   @page { margin: 2cm .5cm; }

  373.   h1, h2, h3 { page-break-after: avoid; }

  374.   p3 { orphans: 3; widows: 3; }

  375.   img {

  376.     max-width: 250px !important;

  377.     max-height: 250px !important;

  378.   }

  379.   nav, aside { display: none; }

  380. }

  381. 

  382. ul.with_columns {

  383.   column-count: 1;

  384. }

  385. @media (min-width: 20em) {

  386.   ul.with_columns {

  387.     column-count: 2;

  388.   }

  389. }

  390. @media (min-width: 50em) {

  391.   ul.with_columns {

  392.     column-count: 3;

  393.   }

  394. }

  395. ul.with_two_columns {

  396.   column-count: 1;

  397. }

  398. @media (min-width: 20em) {

  399.   ul.with_two_columns {

  400.     column-count: 1;

  401.   }

  402. }

  403. @media (min-width: 50em) {

  404.   ul.with_two_columns {

  405.     column-count: 2;

  406.   }

  407. }

  408. 

  409. .gallery {

  410.   display: flex;

  411.   flex-wrap: wrap;

  412.   justify-content: space-around;

  413. }

  414.   .gallery figure img {

  415.     margin-left: 1rem;

  416.     margin-right: 1rem;

  417.   }

  418.   .gallery figure figcaption {

  419.     font-family: 'ConcourseT3'

  420.   }

  421. 

  422. footer {

  423.   font-family: 'ConcourseT3';

  424.   display: flex;

  425.   flex-direction: column;

  426.   border-top: 3px solid white;

  427.   padding: 4rem 0;

  428.   background-color: #07486c;

  429.   color: white;

  430. }

  431.   footer > * {

  432.     max-width: 50rem;

  433.     margin: 0 auto;

  434.   }

  435.   footer a {

  436.     color: #f1c40f;

  437.   }

  438.   footer .avatar {

  439.     width: 200px;

  440.     height: 200px;

  441.     border-radius: 50%;

  442.     float: left;

  443.     -webkit-shape-outside: circle();

  444.     shape-outside: circle();

  445.     margin-right: 2rem;

  446.     padding: 2px 5px 5px 2px;

  447.     background: white;

  448.     border-left: 1px solid #f1c40f;

  449.     border-top: 1px solid #f1c40f;

  450.     border-right: 5px solid #f1c40f;

  451.     border-bottom: 5px solid #f1c40f;

  452.   }

  453. </style>

  454. 

  455. <h1>

  456.   <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>

  457.   Hypersensibilités chez l'Adulte surdoué : Douance Québec (archive)

  458.   <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>

  459. </h1>

  460. <section>

  461.   <article>

  462.     <h3><a href="http://www.aqdouance.org/hypersensibilites-chez-ladulte-surdoue-douance-quebec/">Source originale du contenu</a></h3>

  463.     <h1 class="entry-title">Adulte à haut potentiel (douance) : Mieux comprendre et mieux vivre avec mes hypersensibilités</h1>

  464. 

  465. <p>On dit des <a href="http://www.aqdouance.org/adulte-surdoue/">adultes  vivant avec une douance (adultes surdoués</a>) qu’ils sont <em>hypersensibles</em>, qu’ils réagissent fort, <em>trop </em>fort, à tout, à ce qui existe et ce qui n’existe pas, qu’ils sont trop émotifs, trop sensibles, qu’ils doivent bien dramatiser et en inventer un peu parfois … et pourtant. Les adultes qui vivent avec une douance (adultes surdoués) se disent eux-mêmes <em>hypersensibles.</em> Ils absorbent les émotions des autres et perçoivent leurs pensées. Ils sont intensément affectés par l’ambiance d’un lieu. Ils <em>savent </em>intuitivement. Pourtant, les autres ne les croient pas toujours … et pourtant.</p>

  466. 

  467. <h6><strong>➡</strong><strong>Qu’est-ce que l’hypersensibilité ?</strong></h6>

  468. 

  469. <p>En médecine, une <em>hypersensibilité </em>est une réaction d’immunité adaptative, de réponse exagérée ou inappropriée au contact d’une substance, provocant des lésions tissulaires. En d’autres mots : allergie, atopie, intolérance, réaction immunitaire, immunodéficience, réaction auto-immune et réaction auto-inflammatoire sont des hypersensibilités Les auteurs spécialisés en douance définissent l’<em>hypersensibilité (</em>ou <em>hyperexcitabilité) </em>comme une sensibilité biologique aux stimuli de l’environnement, provisoire ou durable, qui est plus élevée que la moyenne des gens et qui engendre donc une réaction émotive et comportementale plus intense pouvant être perçue comme exagérée ou extrême. Les processus physiologiques reliant une intelligence élevée à une meilleure discrimination sensorielle ont déjà été démontrés dans plusieurs études (p.ex. Aron et Aron, 1997 ; Melnick et al., 2013) (Figure 1).</p>

  470. 

  471. <figure id="attachment_1225" aria-describedby="caption-attachment-1225" class="wp-caption aligncenter"><img class="wp-image-1225" title="Douance et hypersensibilités - Douance Québec" src="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-4.jpg" alt="Douance et hypersensibilités - Douance Québec" srcset="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-4.jpg 1033w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-4-300x224.jpg 300w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-4-768x572.jpg 768w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-4-1024x763.jpg 1024w" sizes="(max-width: 593px) 100vw, 593px"/><figcaption id="caption-attachment-1225" class="wp-caption-text">Figure 1. Douance et hypersensibilités</figcaption></figure>

  472. 

  473. <figure id="attachment_656" class="wp-caption aligncenter"/>

  474. <p>En fait, les hypersensibilités prennent racine dans les particularités neurophysiologiques des enfants et des adultes qui vivent avec une douance (adultes surdoués et enfants surdoués) (Figure 2).</p>

  475. <figure id="attachment_1226" aria-describedby="caption-attachment-1226" class="wp-caption aligncenter"><img class="wp-image-1226 size-large" title="Douance et hypersensibilités - Douance Québec" src="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-3-1024x775.jpg" alt="Douance et hypersensibilités - Douance Québec" srcset="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-3-1024x775.jpg 1024w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-3-300x227.jpg 300w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-3-768x581.jpg 768w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-3.jpg 1047w" sizes="(max-width: 640px) 100vw, 640px"/><figcaption id="caption-attachment-1226" class="wp-caption-text">Figure 2. Particularités neuropsychologiques des individus qui vivent avec une douance (surdoués)</figcaption></figure>

  476. <figure id="attachment_653" class="wp-caption aligncenter"/>

  477. <p>Dans sa théorie de la désintégration positive (la plus fréquemment utilisée afin de comprendre le développement unique des individus qui vivent avec une douance (surdoués)), Dabrowski définit cinq types d’hyperexcitabilités ou d’hypersensibilités (Figure 3).</p>

  478. <figure id="attachment_1227" aria-describedby="caption-attachment-1227" class="wp-caption aligncenter"><img class="wp-image-1227 size-large" title="Douance et hypersensibilités - Douance Québec" src="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-2-1024x576.jpg" alt="Douance et hypersensibilités - Douance Québec" srcset="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-2-1024x576.jpg 1024w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-2-300x169.jpg 300w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-2-768x432.jpg 768w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-2.jpg 1280w" sizes="(max-width: 640px) 100vw, 640px"/><figcaption id="caption-attachment-1227" class="wp-caption-text">Figure 3. Les hypersensibilités dans la théorie de Dabrowki</figcaption></figure>

  479. <h6><strong>➡</strong><strong>Hypersensibilités : <em>handicap </em>ou <em>don </em>?</strong></h6>

  480. <p>Parmi les traits qui caractérisent généralement la douance chez l’adulte et qu’on retrouve dans les écrits scientifiques sur le sujet, les hypersensibilités sont souvent nommées comme source de mal-être ou même de détresse et de souffrance. Tout sentir, tout entendre, tout voir, tout ressentir … le <em>visible </em>et l’<em>invisible</em>, le <em>dit </em>et le <em>non-dit. </em>Être seul à tout percevoir, à ressentir aussi intensément, personne à qui en parler, personne qui peut nous croire. Se sentir différent, bizarre … ou fou ? Et pourtant … sentir <em>vraiment</em>, avoir <em>vraiment </em>mal physiquement et émotivement. On ne doit pas être si fou ? Dans un groupe d’adultes qui consultaient en psychiatrie, l’étude de Lancon et al. (2015) révèle que les adultes vivant avec une douance (adultes surdoués) avaient plus de douleurs chroniques, de plaintes physiques, de migraines, de manque de vitalité ou de maladies auto-immunes que ceux qui n’avaient pas de douance. Leurs résultats indiquaient aussi que la santé mentale des adultes qui vivent avec une douance (adultes surdoués) était plus altérée et limitait davantage leur fonctionnement quotidien ainsi que leur vie sociale. Pourtant, les résultats de Bessou et al. (2003) montrent que 78,6% des adultes vivant avec une douance (adultes surdoués), de 65 ans et plus se disent aussi heureux que lorsqu’ils étaient jeunes malgré le fait que 14% d’entre eux avaient déjà vécu au moins un épisode de dépression majeure (vs 8% chez les non-surdoués).</p>

  481. <h6><strong>➡</strong><strong>Hypersensibilités : handicap <em>et </em>don ?</strong></h6>

  482. <p>Cela peut paraître surprenant, mais ce sont également nos hypersensibilités qui nous rendent aussi créatifs, énergiques, intuitifs et empathiques. Ce sont elles qui nous donnent notre sens de la justice et de la vérité, qui nous poussent à l’authenticité, à vouloir <em>comprendre </em>et <em>savoir </em>et qui permettent à notre pensée d’être aussi rapide, analytique et arborescente. Médecin, psychiatre, psychologue, philosophe, écrivain et poète, Kazimierz Dabrowski est né en Pologne, mais a passé une partie de sa vie au Québec et en Alberta. Il a dévoué sa vie à observer et comprendre la santé mentale et le développement humain, en observant particulièrement les êtres exceptionnels, de ceux capables des pires atrocités à ceux capables des plus grandes réalisations. Selon la théorie de Dabrowski, <em>plus nous avons</em> d’<strong><em>hypersensibilités</em></strong> et de <strong><em>forces d’autonomie </em></strong>(c’est-à-dire les processus dynamiques et autonomes qui nous poussent à nous impliquer, à nous engager, à transformer consciemment nos idéaux en actions, à contrôler notre propre comportement en fonction de nos valeurs) <em>plus notre potentiel de développement sera élevé</em>. Selon lui, les hypersensibilités sont <em>essentielles </em>à l’évolution avancée et émancipée de l’individu. Au dernier (et plus avancé) stade du développement humain, Dabrowski indique que l’individu expérimente l’harmonie et la paix intérieure. Il vit selon sa personnalité idéale et n’expérimente plus de conflit intérieur depuis qu’il a détruit et remplacé ses forces motivationnelles inférieures (biologique et sociale) par des forces de motivation plus élevées (empathie, autonomie, responsabilité, authenticité).</p>

  483. <h6><strong>➡</strong><strong>Le «<em>cadeau tragique»</em> selon Dabrowski</strong></h6>

  484. <p>Pour Dabrowski, les conflits internes et les émotions négatives comme l’anxiété ou la dépression sont <em>nécessaires </em>à notre développement, à notre croissance et à notre évolution en tant qu’individu <em>et</em> en tant qu’humanité. C’est grâce à nos tensions psychologiques que nous pouvons détruire notre système initial de valeurs (c’est-à-dire les forces qui guident notre comportement) basé sur l’instinct biologique (par ex. l’hérédité, la survie, la reproduction) et la socialisation (par ex. le regard des autres, le conformisme, l’approbation, les valeurs de la société). Ce n’est qu’en désintégrant ce système de valeurs inférieures, dans lequel notre intelligence est au service de notre intérêt personnel, que nous pourrons prendre en main notre développement. Ce processus ne peut s’enclencher qu’<em>au travers </em>nos ambivalences, nos insatisfactions, nos incertitudes face à nous-mêmes, nos expériences de vie négatives, nos questionnements identitaires, nos conflits intérieurs, notre mal-être, notre honte, notre culpabilité et notre mésadaptation face à notre environnement. Si nous avons un potentiel de développement assez élevé (<em>si et seulement si</em>), notre intelligence se focalise dès lors sur le développement volontaire, responsable, autonome et authentique de notre propre psychologie basée sur notre construction de plus en plus claire de l’idéal à atteindre (en regard de nous-mêmes et des autres individus, mais aussi de l’essence sociale et humaine). Nous consacrons alors autant d’efforts à croître nous-mêmes qu’à aider les autres à le faire pour, eux aussi, atteindre cet idéal. Pour y parvenir, il faut absolument avoir assez d’<em>hypersensibilités</em> et de <em>forces d’autonomie </em>pour grandir en traversant nos expériences négatives et nos conflits intérieurs. Selon Dabrowski, la douance est un «<em>cadeau tragique</em>» puisqu’elle nous offre un potentiel de développement immense et nous pousse à rechercher un très de haut niveau d’harmonie intérieure, mais seulement si nous passons par de grandes tragédies. Un chemin intérieur singulier et souvent isolé, qui n’est ni tranquille, ni facile. Et pourtant.</p>

  485. <h6><strong>➡</strong><strong>Accepter et aimer</strong></h6>

  486. <p>Lorsqu’on accepte et qu’on écoute nos hypersensibilités pour s’en servir, consciemment, comme guides, comme antennes, pour sentir et observer <em>ce qui est le plus important pour nous dans la vie</em>. Lorsque notre besoin viscéral de créer et de comprendre, notre sens de la justice et des valeurs, notre authenticité, notre engagement, notre empathie nous poussent à canaliser notre énergie <em>quasi </em>inépuisable pour agir et nous approcher de <em>ce qui est le plus important pour nous dans la vie</em>. Lorsque nous cherchons consciemment et activement à fusionner <em>moi réel</em> et <em>moi idéal</em> pour créer une identité connue, définie, forte, aimée, confiante, harmonieuse et … en paix. Difficile de ne pas <em>aimer </em>nos hypersensibilités, non ? Et ce, <em>avec </em>la souffrance, les inconforts, le mal-être, la détresse, l’anxiété ou la dépression qu’elles apportent puisqu’au fond, ce sont elles qui nous permettent de <em>savoir </em>par où aller pour être heureux. En général, on prend soin de ce qu’on aime. Voici donc les conseils les plus fréquents que je donne en clinique, selon les particularités de chacun, pour prendre soin de nos hypersensibilités. Elles seront de meilleures antennes si elles ne sont pas trop irritées par les stimuli de notre environnement.</p>

  487. <h6><strong>➡</strong><strong>Prendre soin de mes hypersensibilités sensitives</strong></h6>

  488. <ul>

  489. <li><strong>Favoriser la lumière naturelle</strong> et tamisée à la maison et au travail. Se créer une ambiance qui nous apaise. Éviter les néons et les fluorescents. Si ce n’est pas possible, sachez qu’il existe des filtres pour les fluorescents comme ceux qu’on retrouve dans les salles de classe et qui sont souvent les mêmes qu’on retrouve dans plusieurs espaces de bureaux <u>http://www.fdmt.ca/filtres-de-lumiere-pour-salle-de-classe-i-1396200</u>.</li>

  490. <li><strong>Réduire la stimulation visuelle</strong> (par ex. se placer plus loin de la fenêtre, choisir des couleurs douces et neutres sur nos murs, garder notre environnement propre, dégagé et le plus libre possible).</li>

  491. <li><strong>Diminuer la luminosité de nos écrans</strong> et acheter/choisir des écrans ou des filtres anti lumière bleue (cellulaire, télévision, ordinateur).</li>

  492. <li><strong>Diminuer la quantité de temps passée devant les écrans</strong> (télévision, ordinateur, cellulaire, tablette), pour toute la famille. Se donner une règle familiale ferme de ne pas regarder d’écran au moins 60 minutes avant d’aller dormir. (Pour information, la société canadienne de pédiatrie déconseille fortement l’utilisation de tout écrans chez les enfants de moins de deux ans. Les experts recommandent un maximum d’une heure par jour entre 2 et 4 ans, puis un maximum de deux heures par jour pour les enfants plus vieux et les adolescents. Pour des conseils afin de limiter le temps d’écran à la maison : <u>http://www.soinsdenosenfants.cps.ca/handouts/limiting_screen_time_at_home   /      </u><u>http://naitreetgrandir.com/fr/etape/1_3_ans/jeux/fiche.aspx?doc=ecrans-jeunes-enfants-television-ordinateur-tablette)</u></li>

  493. <li><strong>Consulter un optométriste</strong> pour :

  494. <ul>

  495. <li>1) évaluer la possibilité de porter des lunettes de repos (antifatigue) même en l’absence de trouble de la vue,</li>

  496. <li>2) faire vérifier notre vision chaque année,</li>

  497. <li>3) ajuster nos verres correcteurs, même pour de toutes petites variations de notre vision,</li>

  498. <li>4) choisir des verres antireflets, antiégratignures et spécifiquement conçus pour le travail sur écran afin, notamment de réduire les effets nocifs de la lumière bleue-violet,</li>

  499. <li>5) Porter des lunettes protectrices contre les rayons UV du soleil adaptées à notre vue ou des verres transitions qui s’adaptent en fonction du niveau de lumière dans la pièce ou à l’extérieur.</li>

  500. </ul>

  501. </li>

  502. <li><strong>Porter des bouchons auditifs</strong> moulés par un audiologiste et recommandés par lui en fonction de nos besoins (p.ex. au travail, l’après-midi, la nuit).</li>

  503. <li><strong>Réduire le bruit ambiant</strong> et la pollution sonore (p.ex. télévision, radio, climatisation, appareils électroniques, animaux).</li>

  504. <li><strong>Porter en tout temps des vêtements les plus confortables</strong> possible (p.ex. couper l’étiquette si nécessaire, choisir des vêtements élastiques, trouver une alternative aux souliers rigides qu’on porte toute la journée).</li>

  505. <li><strong>S’assurer d’avoir un matelas assez grand</strong> et récent (qui a moins de 10 ans). Les matelas habituellement recommandés pour les personnes souffrant de fibromyalgie, c’est-à-dire à mémoire de forme minimalement. Ou pour ceux qui souffrent grandement la nuit ou au réveil sont les matelas de type TEMPUR.  Ils peuvent être prescrits par le médecin s’il le juge nécessaire, ce qui vous permet d’économiser les taxes. Ces matelas demeurent tout de même dispendieux.</li>

  506. <li><strong>S’assurer d’avoir un oreiller qui convient à notre sommeil et</strong> auquel il faut parfois ajouter un oreiller de positionnement. L’achat d’oreillers orthopédiques peut être nécessaire pour certains (p.ex. orthex.ca).</li>

  507. <li><strong>Utiliser un dispositif pour améliorer la respiration</strong> par le nez la nuit (et éliminer les ronflements), comme un dilatateur nasal anti-ronflement (par ex. RespiFacile® en vente libre) ou des bandelettes nasales (par ex. Breathe Right® en vente libre). Pour trouver les meilleures solutions pour vous, n’hésitez pas à consulter votre médecin, votre pharmacien ou à trouver des idées à <u>http://solutions-antironflement.com/</u>.</li>

  508. <li><strong>Porter un masque occultant</strong> confortable pour dormir (loup).</li>

  509. <li><strong>Consulter notre dentiste</strong> pour:

  510. <ul>

  511. <li>1) vérifier si nos dents montrent des traces de bruxisme (serrement, frottement et grincement des dents qui génèrent des tensions dans les articulations temporo-mandibulaires).</li>

  512. <li>2) en cas de bruxisme, s’assurer de porter une plaque occlusale en bon état (la faire vérifier par notre dentiste au moins une fois par année). Privilégier une plaque la plus flexible possible et portée sur l’arcade dentaire du haut. Attention, certaines personnes font également du bruxisme le jour (portez-y attention) et doivent porter une plaque occlusale durant la journée</li>

  513. <li>3) s’assurer qu’aucun problème structural ou conditions liées à nos dents ou à notre mâchoire puissent entraîner des inconforts, des maux de têtes, etc. Évaluer les options de traitement si tel est le cas.</li>

  514. </ul>

  515. </li>

  516. <li><strong>Se donner une routine d’apaisement</strong> dès le retour à la maison après la journée de travail (par ex. aller prendre une douche, se mettre tout de suite en vêtements confortables, prendre 5-10 minutes de repos complet, les yeux fermés, sans bruit, avec des bouchons, etc.).</li>

  517. <li><strong>Utiliser des moyens de stimulation orale</strong> (par ex. mâcher de la gomme, des pailles, de la glace; manger de la réglisse, des raisins secs ou du maïs soufflé ; boire de l’eau en bouteille).</li>

  518. <li><strong>Boire au moins 2 litres d’eau par jour</strong> (plus si on transpire beaucoup ou si on est très actif dans la journée).</li>

  519. <li><strong>Manger de petites quantités</strong>, toutes les deux heures, toute la journée. Viser le modèle de<em> l’assiette santé</em> de l’École de Santé Publique de l’Université Harvard (Figure 4).</li>

  520. </ul>

  521. <figure id="attachment_655" class="wp-caption aligncenter"><figcaption class="wp-caption-text">

  522. <figure id="attachment_1228" aria-describedby="caption-attachment-1228" class="wp-caption aligncenter"><img class="wp-image-1228 size-full" src="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-1.jpg" alt="" srcset="http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-1.jpg 920w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-1-300x235.jpg 300w, http://www.aqdouance.org/wp-content/uploads/2018/05/hypersensibilités-douance-adulte-1-768x601.jpg 768w" sizes="(max-width: 920px) 100vw, 920px"/><figcaption id="caption-attachment-1228" class="wp-caption-text">Figure 4</figcaption></figure>

  523. </figcaption></figure>

  524. <p> </p>

  525. <h6><strong>➡</strong><strong>Prendre soin de mes hypersensibilités imaginatives et intellectuelles :</strong></h6>

  526. <ul>

  527. <li>Me donner le droit et le temps de créer.</li>

  528. <li>Choisir un environnement de travail stimulant, valorisant, créatif, à l’écoute de mes idées, flexible et adapté à mes besoins. Pour approfondir le sujet de la douance en milieu de travail :</li>

  529. </ul>

  530. <p>-Cécile Bost <em>Surdoués : S’intégrer et s’épanouir dans le monde du travail</em>. Vuibert. 2016. -Arielle Adda et Thierry Brunel.<em> Adultes sensibles et surdoués : Trouver sa place au travail et s’épanouir.</em> Odile Jacob. 2015.</p>

  531. <ul>

  532. <li>M’entourer de personnes stimulantes pour moi, sans oublier de m’entourer aussi de personnes apaisantes pour moi, c’est-à-dire qui me permettent parfois de penser un peu moins et qui vont bien émotivement.</li>

  533. <li>Proposer des activités et des projets qui me stimulent à ma famille ou à mes amis. Se laisser le droit à l’émerveillement enfantin face aux petites choses de la vie !</li>

  534. <li>Même si ce n’est pas toujours facile, il est essentiel de prendre extrêmement soin de notre sommeil en adoptant une hygiène de sommeil (et de vie) la plus saine possible. C’est pendant la nuit que mon cerveau se repose et consolide les apprentissages de la journée. N’hésitez pas à consulter <u>https://fondationsommeil.com</u> pour de l’information et des ressources.</li>

  535. </ul>

  536. <h6><strong>➡</strong><strong>Prendre soin de mes hypersensibilités émotionnelles</strong></h6>

  537. <ul>

  538. <li><strong>#1 </strong>Faire preuve de bienveillance envers soi-même, se déculpabiliser et se libérer de la honte.</li>

  539. </ul>

  540. <p>– Nous nous sentons <em>coupables </em>lorsque nous avons causé un dommage <em>réel</em>, fait un <em>réel </em>tord à quelqu’un, avons <em>réellement </em>fait quelque chose de mal ou d’incorrect. La culpabilité est alors très utile à notre bienêtre et à notre estime de soi puisqu’elle nous permet d’agir pour réparer notre geste ou pour rétablir notre relation avec l’autre. – Nous avons <em>honte </em>lorsque nous nous sentons humiliés, inférieurs aux autres, non conformes, inadéquats en regard des normes sociales que nous ne parvenons pas à atteindre. La honte est plus destructrice puisqu’elle atteint notre estime de soi, fragilise notre personnalité, consomme beaucoup de notre énergie et nous pousse à fuir le regard des autres. La honte peut être utile lorsqu’elle attire la sympathie et l’indulgence des autres, mais il est risqué pour notre identité de vivre dans la honte. Une <em>psychothérapie </em>peut être utile, ou même nécessaire, pour se sortir de la honte. Pour investiguer le sujet, n’hésitez pas à consulter le livre de Boris Cyrulnik (2010) <em>Mourir de dire </em>chez Odile Jacob, ou celui de John Bradshaw (2004) <em>S’affranchir de la honte </em>chez Les Éditions de l’Homme.</p>

  541. <ul>

  542. <li>Bien choisir les personnes qui m’entourent et qui sont près de moi en fonction de mes besoins (par ex. authenticité, vérité, justice, stimulation). Me protéger des personnes négatives, dépressives ou trop anxieuses puisque je risque d’absorber (consciemment ou non) leur vécu émotif (par ex. m’éloigner physiquement, temporairement ou définitivement, selon la situation et la relation).</li>

  543. <li>Se donner plus d’espace personnel (par ex. éloigner son bureau des autres au travail, avoir une pièce qui nous est uniquement destinée à la maison).</li>

  544. <li>Me demander très souvent : est-ce que les émotions que je ressens sont à <em>moi </em>?</li>

  545. </ul>

  546. <p>– Si non, à qui peuvent-elles être ? Et que puis-je faire pour ne plus les absorber (p.ex. m’éloigner, les nommer, aller marcher, me détendre, écrire, dessiner, poursuivre un projet important pour moi). – Si oui, les accepter, comme une vague, avec un haut et un bas, qui va et vient, qui finit par disparaître pour être remplacée par une autre, différente celle-là. Me demander ce que je peux faire pour mieux tolérer l’intensité de cette émotion le temps qu’elle passe ? (par ex. en parler à quelqu’un, l’écrire, aller dehors, faire une activité, bouger, etc.).</p>

  547. <ul>

  548. <li>Adopter quotidiennement une discipline qui favorise, <em>pour nous</em>, le bien-être, la sérénité, la paix et le calme intérieur (par ex. yoga, méditation, pleine conscience, manga, sport, jardinage, écriture, dessin, peinture).</li>

  549. </ul>

  550. <h6><strong>➡Prendre soin de mes hypersensibilités psychomotrices</strong></h6>

  551. <ul>

  552. <li>Ressentir et évaluer mon niveau d’énergie physique et l’intensité de mon besoin de bouger pour me mettre consciemment en action afin de le combler. Ne pas hésiter à consulter un entraineur physique personnel, s’inscrire à des cours, à des ligues sportives, prendre des rendez-vous avec d’autres personnes pour aller marcher, etc.</li>

  553. <li>S’assurer de prendre une heure de diner dans la journée durant laquelle on peut aller marcher 10-15 minutes dehors.</li>

  554. <li>Prendre des pauses de 15-20 minutes toutes les deux heures de travail.</li>

  555. <li>Reconnaître et accepter notre besoin de bouger, de changement et de nouveauté. L’observer et définir comment nous pouvons y répondre d’une manière positive dans notre vie (p.ex. être contractuel ou changer régulièrement de projet au travail). Nous éviterons ainsi que ce besoin ne devienne envahissant tout d’un coup et nous pousse à des gestes ou des décisions impulsives (par ex., quitter notre emploi sur un coup de tête).</li>

  556. </ul>

  557. <p> </p>

  558. <blockquote><p><em>Pour prendre soin de nos hypersensibilités, c’est l’accumulation de petites actions conscientes, constantes, et maintenues à long terme qui donne de grands</em><em> résult</em><em>ats.</em></p></blockquote>

  559. <p><em><strong>Dre Marianne Bélanger, Psy.D., Ph.D., psychologue, neuropsychologue, cofondatrice Clinique Douance-Haut-Potentiel (</strong><strong><u>www.tdahmonteregie.com</u></strong><strong>).</strong></em>  <strong>Références </strong>: <em>Aron, E., Aron, A. (1997). Sensory-processing sensitivity and its relation to introversion and emotionality. Journal of Personality and Social Psychology, 73,‎ 345-368.</em> <em>Bessou, A., Tyrell, J., Yziquel, M., Bosson, J.0L., Montani, C., Franco, A. (2003). Satisfaction de vie de 28 surdoués parvenus à l’âge de 65 ans et plus. La Presse Médicale, 32 : 734-9.</em> <em>Dąbrowski, K., Piechowski, M., Kawczak, A. (1970) Mental growth : through positive disintegration, London : Gryf Publications, trad. française, La croissance mentale par la désintégration positive, Ste-Foy, Éditions Saint-Yves, 1972, 166p.</em> <em>Lancon, C., Martinelli, M., Michel, P., Debals, M., Auquier, P., Guedj, E., &amp; Boyer, L. (2015). Comorbidités psychiatriques et qualité de vie chez les sujets à haut potentiel intellectuel : relations avec l’estime de soi. Presse Med. 44, e177-e184.</em> <em>Melnick, M.D., Harrison, B.R., Park, S., Bennetto, L., Tadin, D., (2013). A strong interactive link between sensory discrimination and intelligence. Curr. Biol. 23, 1013-1017.</em></p>

  560.   </article>

  561. </section>

  562. 

  563. 

  564. <nav id="jumpto">

  565.   <p>

  566.     <a href="/david/blog/">Accueil du blog</a> |

  567.     <a href="http://www.aqdouance.org/hypersensibilites-chez-ladulte-surdoue-douance-quebec/">Source originale</a> |

  568.     <a href="/david/stream/2019/">Accueil du flux</a>

  569.   </p>

  570. </nav>

  571. 

  572. <footer>

  573.   <div>

  574.     <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">

  575.     <p>

  576.       Bonjour/Hi!

  577.       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>

  578.       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>).

  579.     </p>

  580.     <p>

  581.       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>.

  582.     </p>

  583.     

  584.     <p>

  585.       Voici quelques articles choisis :

  586.       <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,

  587.       <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,

  588.       <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,

  589.       <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,

  590.       <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,

  591.       <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,

  592.       <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,

  593.       <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,

  594.       <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,

  595.       <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,

  596.       <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,

  597.       <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,

  598.       <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,

  599.       <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,

  600.       <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,

  601.       et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>

  602.     </p>

  603.     <p>

  604.       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>.

  605.     </p>

  606.     <p>

  607.       Je ne traque pas ta navigation mais mon

  608.       <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>

  609.       conserve des logs d’accès.

  610.     </p>

  611.   </div>

  612. </footer>

  613. <script type="text/javascript">

  614.   ;(_ => {

  615.     const jumper = document.getElementById('jumper')

  616.     jumper.addEventListener('click', e => {

  617.       e.preventDefault()

  618.       const anchor = e.target.getAttribute('href')

  619.       const targetEl = document.getElementById(anchor.substring(1))

  620.       targetEl.scrollIntoView({behavior: 'smooth'})

  621.     })

  622.   })()

  623. </script>