davidbgk
/
larlet-fr-david-cache
Suivre 1
Ajouter aux favoris 0
Bifurcation 0
Code Versions 0 Activité
A place to cache linked articles (think custom and personal wayback machine)
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
217 Révisions
1 Branche
Aborescence: ca671a43be
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'ca671a43be'
${ noResults }
larlet-fr-david-cache/cache/84cd2922becf4293ad27dca2c17.../index.html

index.html 43KB
Brut Annotations Historique

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>L’inégalité est-elle au cœur des problèmes de société ? (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.internetactu.net/2019/03/12/linegalite-est-elle-au-coeur-des-problemes-de-societe/">

  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.   L’inégalité est-elle au cœur des problèmes de société ? (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.internetactu.net/2019/03/12/linegalite-est-elle-au-coeur-des-problemes-de-societe/">Source originale du contenu</a></h3>

  463.     <p><img src="http://www.internetactu.net/wp-content/uploads/2019/03/pourvivreheureuxvivonsegaux-198x300.png" alt="" class="alignright size-medium wp-image-34100" srcset="http://www.internetactu.net/wp-content/uploads/2019/03/pourvivreheureuxvivonsegaux-198x300.png 198w, http://www.internetactu.net/wp-content/uploads/2019/03/pourvivreheureuxvivonsegaux.png 528w" sizes="(max-width: 198px) 100vw, 198px"/>Les épidémiologistes britanniques Kate Pickett (<a href="https://twitter.com/profkepickett">@profkepickett</a>) et Richard Wilkinson (<a href="https://twitter.com/ProfRGWilkinson">@ProfRGWilkinson</a>), cofondateurs de <a href="https://www.equalitytrust.org.uk">Equality Trust</a> (<a href="https://twitter.com/equalitytrust">@equalitytrust</a>), publient <em>Pour vivre heureux vivons égaux !</em> (Les liens qui libèrent, 2019), un imposant recueil d’arguments et d’études sur les effets de l’inégalité. </p>

  464. 

  465. <p>C’est un livre qu’il faut certainement lire comme en contrepoint aux ouvrages de <a href="https://stevenpinker.com/">Steven Pinker</a> (cf. <a href="http://www.internetactu.net/2017/10/12/le-progres-na-pas-encore-tout-a-fait-disparu/">« Le progrès n’a pas encore tout à fait disparu »</a>) dont le plus récent, <em>Le triomphe des Lumières</em> nous montrait que le monde allait bien mieux qu’on pouvait le penser. Certes, comme le dit Pinker, la violence et la grande pauvreté ont été globalement éradiquées, mais pour Pickett et Wilkinson, les inégalités sociales se sont accrues et la violence s’est transformée. Leur livre semble aussi un complément à celui de l’économiste <a href="http://piketty.blog.lemonde.fr/">Thomas Piketty</a>, <em>Le Capital au XXIe siècle</em>, qui montrait justement la formidable explosion des inégalités depuis les années 1970. Alors que Piketty faisait une démonstration économique du phénomène, Kate Pickett et Richard Wilkinson s’intéressent aux effets sociaux de l’explosion des inégalités. </p>

  466. 

  467. <p>Pour Pickett et Wilkinson, l’essentiel des maux dont souffrent nos sociétés est profondément lié aux inégalités. <em>« Dans leur immense majorité, avec une grande constance, (nombres d’études) confirment que les sociétés inégalitaires font moins bien que les autres. Et la force des preuves en ce sens nous oblige à conclure que, au-delà de la simple corrélation statistique, nous sommes en présence d’un lien de nature causale. L’accroissement de l’inégalité nuit aux sociétés : il dégrade la santé et le bien-être humains. »</em> L’inégalité expliquent-ils, agit notamment sur tous les problèmes dotés d’un gradient social, <em>« c’est-à-dire ceux qui deviennent plus fréquents lorsqu’on descend l’échelle sociale »</em>, comme nombre de problèmes de santé (obésité, alcoolisme, diabète…), la violence, le mal-être des enfants, le taux d’incarcération, les maladies mentales et les problèmes psychologiques, la toxicomanie… Les effets de l’inégalité n’affectent pas qu’une minorité la plus pauvre, insistent les chercheurs : là où les disparités de revenus sont plus marquées, la population dans son ensemble souffre plus fortement de la compétition sociale et du déficit de confiance en soi. Pour les auteurs, les problèmes de santé, les tendances aux comportements violents ou les performances aux tests scolaires des élèves ne résultent pas seulement du classement social. Le poids des disparités s’accroît dans les sociétés où les différences de statut social sont plus marquées. </p>

  468. 

  469. <h2>L’épidémie de phobie sociale</h2>

  470. 

  471. <p>Notre inquiétude du jugement et du regard des autres, qui se traduit parfois par un complexe d’infériorité, un déficit de confiance en soi, ou un stress social sont plus répandus qu’on ne le pense. Ils ne nécessitent pas tant que nous nous endurcissions pour les surmonter, que de comprendre que les faiblesses psychologiques qui détériorent la qualité de vie et son expérience proviennent de la montée de la menace d’évaluation sociale permanente à laquelle nous sommes confrontés. Les phobies sociales, le stress, l’anxiété, la dépression, les comportements addictifs… naissent de notre perception de l’inégalité, avancent les auteurs (voir par exemple <a href="https://onlinelibrary.wiley.com/doi/full/10.1002/ejsp.2275">cette synthèse de leurs recherches</a>). </p>

  472. 

  473. <p><img src="http://www.internetactu.net/wp-content/uploads/2019/03/The-enemy-between-us-The-psychological-and-social-costs-of-inequality-Wilkinson-2017-European-Journal-of-Social-Psychology-Wiley-Online-Library.png" alt="" class="aligncenter size-full wp-image-34101" srcset="http://www.internetactu.net/wp-content/uploads/2019/03/The-enemy-between-us-The-psychological-and-social-costs-of-inequality-Wilkinson-2017-European-Journal-of-Social-Psychology-Wiley-Online-Library.png 529w, http://www.internetactu.net/wp-content/uploads/2019/03/The-enemy-between-us-The-psychological-and-social-costs-of-inequality-Wilkinson-2017-European-Journal-of-Social-Psychology-Wiley-Online-Library-300x220.png 300w" sizes="(max-width: 529px) 100vw, 529px"/><br/>

  474. <em>Image : exemple de diagrammes qui peuplent le livre de Kate Pickett et Richard Wilkinson, montrant, selon des courbes d’inégalités, le niveau des problèmes qui affectent les pays, ici un index des problèmes sociaux et de santé relié aux inégalités.</em> </p>

  475. 

  476. <p>Les pays les plus riches sont les plus affectés par les maladies mentales et les troubles psychologiques, rappellent les deux épidémiologistes : <em>« l’anxiété s’est donc aggravée en dépit de l’amélioration du niveau de vie »</em>. Dans nos sociétés dites méritocratiques, où l’on pense que les individus gravissent l’échelle sociale grâce à leurs mérites et à leurs efforts personnels (ce que renforce la compétition scolaire), le souci social est omniprésent. Le statut est perçu comme le reflet des aptitudes. Un statut inférieur est donc interprété comme un échec ce qui renforce l’évaluation à l’aune de la position sociale. L’accroissement des écarts de revenus rend la pyramide sociale <em>« plus haute et plus pentue »</em>. </p>

  477. 

  478. <p>Les écarts de revenus plus marqués se traduisent par des différences de statuts plus manifestes et renforcent l’inégalité comme élément déterminant du statut social, alors que l’éventail des biens permettant d’afficher son statut s’élargit à son tour. </p>

  479. 

  480. <p>Les épidémiologistes s’intéressent beaucoup à nos maux psychologiques liés aux troubles sociaux. Dépression et anxiété sont les maladies des sociétés inégalitaires, tout comme le narcissisme et l’autoglorification. La dépression touche 350 millions de personnes sur la planète selon l’OMS. Elle frappe majoritairement les femmes et particulièrement les jeunes. Les troubles mentaux sont plus courants chez les plus pauvres, mais ils ne leur sont pas réservés – la dépression est dotée d’un fort gradient social ! Mais c’est également le cas d’autres troubles psychotiques : <em>« un accroissement de la part du revenu qui finit dans les poches du 1 % le plus fortuné se traduit par un gonflement du nombre de victimes d’hallucinations, d’états délirants ou d’illusions de contrôle mental… »</em> L’inégalité détériore la santé mentale et affecte notre état psychique et la qualité de nos relations sociales. <a href="http://science.sciencemag.org/content/344/6186/862">Une étude souligne même</a> que les habitants des sociétés inégalitaires estiment, assez naturellement, avoir globalement moins de contrôle sur leur vie, même si bien sûr les plus riches ont un plus fort sentiment de contrôle que les plus pauvres. </p>

  481. 

  482. <h2>Des effets de l’inégalité sur la cohésion sociale</h2>

  483. 

  484. <p> <a href="https://www.sciencedirect.com/science/article/pii/S0276562412000285">Plusieurs études soulignent que dans les pays les plus inégalitaires</a>, riches comme pauvres sont moins disposés à aider leurs prochains. <a href="https://www.sciencedirect.com/science/article/pii/S0049089X12000725">La participation citoyenne à des associations sportives comme politiques ou professionnelles est nettement plus faible dans les sociétés inégalitaires</a>. Pour les chercheurs, l’intensification de la menace d’évaluation sociale nous coupe de la vie sociale, car celle-ci produit un trop grand stress. <em>« Les sociétés inégalitaires se fragmentent davantage à mesure que les distances sociales s’accroissent. Les individus se mettent en retrait, sont moins amicaux avec leurs voisins, plus soucieux des apparences et inquiets de faire mauvaise impression… »</em> L’inégalité affecte directement la vie politique et la vie sociale. <a href="http://bruegel.org/2016/11/income-inequality-boosted-trump-vote/">Donald Trump a réalisé ses meilleurs scores dans les États où les problèmes de santé étaient les plus forts</a>… des États marqués par les plus fortes inégalités de revenus ! </p>

  485. 

  486. <p><a href="https://www.narcissismepidemic.com/">L’épidémie de narcissisme</a> qu’avaient constaté les psychologues <a href="http://www.jeantwenge.com/">Jean Twenge</a> et <a href="http://wkeithcampbell.com/">Keith Campbell</a> dans leur livre paru en 2009 soulignent combien <a href="http://www.internetactu.net/2016/12/09/du-mythe-de-la-maitrise-de-soi-a-celui-du-bien-etre-et-de-la-reussite-individuelle/">l’estime de soi, si valorisée dans nos sociétés</a>, est à la pointe de la lutte pour la survie sociale. Et avec elle, son lot de consumérisme débridé… Mais ce narcissisme vire vite au défaut d’empathie, voire au mépris, comme le pointait la sociologue <a href="https://fiske.socialpsychology.org/">Susan Fiske</a> dans <em><a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC3825032/">Envy Up, Scorn Down</a></em>. Les gens au statut social plus élevé se comportent moins bien avec les autres. Et la moindre générosité des plus riches est encore plus forte dans les États les plus inégalitaires. <em><a href="https://pabloservigne.com/entraide/">L’entraide</a></em> qu’évoquaient Pablo Servigne et Gauthier Chapelle n’est pas également distribuée. </p>

  487. 

  488. <p>Mais pourquoi alors ne nous opposons-nous pas plus à l’inégalité ? Certainement parce que nos stéréotypes sociaux sont ambivalents et que nous avons besoin d’excuses pour rendre le monde tolérable, avancent les chercheurs. Plus l’inégalité se creuse, plus nous avons tendance à la justifier. Plus les statuts sociaux se différencient et plus nous avons tendance à penser que notre statut relève de notre seule responsabilité.  </p>

  489. 

  490. <p>Nous avons également démultiplié les fausses solutions pour supporter cette pression sociale. Alcool, shopping, travail, drogue, chirurgie esthétique… Nous sommes dans ce que le psychologue <a href="http://www.brucekalexander.com/">Bruce Alexander</a> appelle, <em>la globalisation de l’addiction</em>, ce moment où les comportements excessifs sont plus fréquents et les objets d’addiction plus nombreux, comme autant de réponses à ce sentiment de dislocation, d’aliénation et de déconnexion sociale. <a href="https://www.huffingtonpost.fr/johann-hari/causes-addictions-drogues_b_6643266.html">Les comportements addictifs sont profondément liés à la perte du lien social</a>. Nous fuyons notre moi (<em><a href="http://www.roybaumeister.com/books/escaping-the-self-alcoholism-spirituality-masochism-and-other-flights-from-the-burden-of-selfhood">Escaping the self</a></em>), comme le soulignait le psychologue <a href="http://www.roybaumeister.com/">Roy Baumeister</a> dès les années 90. Les formes mêmes de nos sociabilités qu’il nous reste semblent prendre des aspects de plus en plus délétères, comme l’illustre l’alcoolisation excessive qui précède nos sorties, nos compulsions alimentaires ou commerciales. Les dépenses publicitaires elles-mêmes semblent corrélées aux inégalités ! <em>« Le matérialisme nous rend malheureux. Mais la réciproque est aussi vraie : être malheureux nous rend matérialistes. »</em> La boucle de rétroaction de l’inégalité ressemble à la roue d’une cage de hamster ! </p>

  491. 

  492. <h2>Aux origines de nos anxiétés</h2>

  493. 

  494. <p>Dans les sociétés où règnent de grands écarts de revenus, la vie locale est indigente. Nous ne vivons plus au sein de communautés solidement ancrées, parmi des gens qui se connaissent depuis toujours. Nous vivons majoritairement au milieu de personnes qui nous sont étrangères ce qui explique que les apparences et les premières impressions deviennent déterminantes. </p>

  495. 

  496. <p>Les deux chercheurs reviennent également longuement sur les raisons qui déterminent notre sensibilité sociale. Ils soulignent que notre environnement et nos relations ont été de puissants facteurs de sélection. Contrairement aux primates, nos cerveaux sont beaucoup plus gros, et notamment le néocortex, la couche externe celle dont l’expansion est la plus récente à l’échelle de l’évolution. Or, ce néocortex est plus développé chez les espèces les plus sociales expliquait l’anthropologue Robin Dunbar dès 2002 dans <a href="http://www.hup.harvard.edu/catalog.php?isbn=9780674010048&amp;content=toc">un livre collectif dirigé par le primatologue Frans de Waal</a>. Les relations sociales exigent un effort mental d’autant plus grand que la taille du groupe social augmente. Mais, les chasseurs-cueilleurs, contrairement aux préhumains, s’organisaient en sociétés égalitaires et non pas au sein de hiérarchies de dominance. La nourriture y était partagée. L’accès aux partenaires sexuels n’y était pas un droit lié au rang, comme chez les primates. En s’appuyant notamment sur les travaux de l’anthropologue et primatologue <a href="http://www.christopher-boehm.com/">Christopher Boehm</a>, les chercheurs rappellent que nous avons vécu pendant 200 à 250 000 ans dans des sociétés bien plus égalitaires qu’on le pense, où les individus agissaient de concert face à la moindre menace d’autoritarisme (c’est aussi l’une des thèses des anthropologues David Graeber et David Wengrow dans leur article <a href="https://www.eurozine.com/comment-changer-le-cours-de-lhistoire/">« Comment changer le cours de l’histoire »</a> qui soulignent que, contrairement à ce que l’on pense, les humains ont longtemps vécus en groupes égalitaires plutôt qu’en bande sous l’autorité de chefs). Pour Boehm, le passage de relations hiérarchiques à des relations fondées sur l’égalité aurait donné naissance à la moralité telle que nous l’entendons aujourd’hui, faite d’un côté d’entraide et de partage et aussi de stratégies de contre-domination à l’encontre des comportements antisociaux. </p>

  497. 

  498. <p>L’économie comportementale souligne elle aussi combien nous avons une préférence pour le partage et la coopération (<a href="https://www.nature.com/articles/nature05651">et une aversion pour l’injustice et l’inégalité</a>). Nos motivations sont profondément sociales. Si nous cherchons l’approbation d’autrui, c’est avant tout pour montrer que nous sommes quelqu’un avec qui coopérer. L’inégalité, les hiérarchies et la compétition ne sont donc pas des caractéristiques humaines. Le désintéressement, la générosité et la gentillesse ne sont donc pas les tares d’individus inadaptés, mais au contraire, des caractéristiques prosociales qui nous distinguent. Notre vulnérabilité à l’anxiété sociale puise à la fois dans le legs des hiérarchies de dominance préhumaines et de notre passé égalitaire préhistorique. </p>

  499. 

  500. <h2>La méritocratie</h2>

  501. 

  502. <p>L’OCDE, le FMI, tout comme le prix Nobel d’économie Joseph Stiglitz (notamment dans son bestseller, <em>Le prix de l’inégalité</em>) ont souligné que l’inégalité ne stimulait pas la croissance économique. Au contraire. <a href="https://editionsladecouverte.fr/catalogue/index-Le_mythe_de_la_a__th__orie_du_ruissellement_a_-9782348036347.html">Le ruissellement n’existe pas</a>. Elle ne stimule pas non plus la mobilité sociale <em>« qui décline là où les écarts de revenus sont les plus grands »</em>, ni l’innovation (le nombre de brevets par habitant est en fait légèrement plus élevé dans les pays égalitaires). Le fait que nous n’ayons pas les mêmes aptitudes, intelligences, talents… est un puissant argument pour justifier l’organisation hiérarchique de la société. Or, rappellent étude après étude les sociologues, psychologues et anthropologues, la réalité est inverse. Ce ne sont pas les aptitudes qui assignent une place dans la hiérarchie sociale, c’est la position sociale qui détermine les capacités, les intérêts et talents d’un individu. Là encore, Pickett et Wilkinson accumulent les références : <a href="https://www.tandfonline.com/doi/abs/10.1080/03054985.2016.1240672?journalCode=core20">la scolarité précoce a plus d’impact que la génétique sur le devenir des enfants</a>. Et la position sociale des parents a bien plus d’importance sur le statut social de leurs enfants que n’importe quelle aptitude innée. <a href="https://www.cambridge.org/core/journals/journal-of-social-policy/article/poverty-maternal-depression-family-status-and-childrens-cognitive-and-behavioural-development-in-early-childhood-a-longitudinal-study/246EDA5324B918B737369A7B01E358BA">Le revenu du foyer a un impact plus puissant sur le développement cognitif d’un enfant de 3 ans que le fait d’avoir une mère dépressive ou que le type de configuration familiale du foyer</a>. Le stress de la pauvreté et l’absence de stimulation mentale qui caractérisent les familles pauvres ont bien plus d’impacts sur le développement cognitif des enfants que tous les autres critères. <em>« Les inégalités scolaires sont bien plus une conséquence qu’une cause des inégalités socioéconomiques »</em>. L’éducation accroît les performances initiales des enfants nés dans des familles plutôt favorisés, la pauvreté fait chuter les bonnes performances initiales des enfants nés dans des familles défavorisées.   </p>

  503. 

  504. <h2>Comment construire une société plus égalitaire ?</h2>

  505. 

  506. <p>Pour Pickett et Wilkinson, notre lutte contre nombre de maux sociaux auxquels nous peinons à faire échec, échoue du fait qu’on ne s’attaque pas aux bonnes causes. <a href="https://www.ncbi.nlm.nih.gov/pubmed/22048059">Des chercheurs ont souligné qu’améliorer le revenu par habitant avait peu d’effets sur les performances scolaires</a>. Privilégier l’éducation dans l’allocation des dépenses publiques également. Ni la croissance économique ni une meilleure redistribution de ses fruits au profit de l’éducation ne parviennent à régler le problème de l’échec scolaire. Preuve que le problème n’est peut-être pas là où on l’on croit ! Certains systèmes scolaires parviennent néanmoins à limiter mieux que d’autres les ravages de l’inégalité sociale, à l’image de la Finlande où la compétition et la sélection sont bien moins exacerbées qu’ailleurs. </p>

  507. 

  508. <p><img src="http://www.internetactu.net/wp-content/uploads/2019/03/GDP2-260x300.jpg" alt="" class="alignright size-medium wp-image-34102" srcset="http://www.internetactu.net/wp-content/uploads/2019/03/GDP2-260x300.jpg 260w, http://www.internetactu.net/wp-content/uploads/2019/03/GDP2.jpg 500w" sizes="(max-width: 260px) 100vw, 260px"/>Mais quelle égalité faut-il atteindre ? <a href="https://fr.wikipedia.org/wiki/Indicateur_de_progr%C3%A8s_v%C3%A9ritable">L’indicateur de progrès véritable</a> (IPV), l’une des nombreuses mesures du bien-être qui repose sur des critères économiques, souligne que croissance économique et croissance du bien-être ne vont plus de de pair. <a href="https://www.sciencedirect.com/science/article/pii/S0921800913001584">A partir du moment où les courbes du PIB et du bien-être se séparent</a>, la poursuite de la croissance économique perd toute justification rationnelle. Comme le pointe l’économiste écologique <a href="https://timjackson.org.uk/">Tim Jackson</a> dans son livre <a href="https://www.deboecksuperieur.com/ouvrage/9782807301603-prosperite-sans-croissance"><em>Prospérité sans croissance</em></a>, l’enjeu est désormais de faire progresser la qualité de vie sans croissance et ce d’autant que celle-ci a largement accompli sa mission d’amélioration de la qualité de vie. Pour Pickett et Wilkinson, notre organisation sociale fondée sur l’inégalité systématique ressemble à un absurde vestige du passé. La hausse du niveau de vie matériel n’accroîtra plus notre bien-être : il faut désormais améliorer nos relations et le contexte social dans lesquelles elles s’inscrivent. Une évolution parfaitement compatible avec le défi environnemental avancent-ils.<br/>

  509. <em>« Le choix auquel nous sommes confrontés est simple. Nous pouvons développer nos sociétés dans leur dimension verticale et hiérarchique, ou bien dans leur dimension horizontale et égalitaire. Nous pouvons renforcer les inégalités et les divisions de statut qui nous séparent, ou bien les réduire. Nous pouvons accentuer les signes extérieurs de supériorité et d’infériorité, ou bien les atténuer pour améliorer la qualité de nos relations sociales et le bien-être général. »</em></p>

  510. 

  511. <p>Pour les chercheurs, les pays les plus égalitaires ont un ratio où les revenus des 20 % les plus riches représentent entre 3 et 4 fois ceux des 20 % les plus pauvres. Ce pourrait être un bon objectif pour les pays les moins égalitaires. Ils soulignent que les variations des niveaux d’inégalités au XXe siècle n’ont pas été le fait de forces de marchés hors de contrôle, mais bien de processus idéologiques et politiques. Le problème est que l’inégalité se traduit aussi par une polarisation politique accrue. Paul Krugman soulignait qu’il n’était pas rare dans les années 60 et 70 d’assister à un chevauchement des votes républicains et démocrates au Congrès américain. Depuis que les inégalités sont reparties à la hausse, cela ne se produit plus jamais. La résurgence des extrêmes tient pour beaucoup à la progression des valeurs antisociales des sociétés inégalitaires. </p>

  512. 

  513. <p>Pour les deux chercheurs, il est tant de redistribuer mieux les revenus. Mais pour l’instant, cette redistribution a trop reposé sur des actions fiscales et des ajustements de prestations sociales. Pour modifier structurellement l’inégalité, il faut pouvoir développer la démocratie économique, insistent-ils. Si le secteur public a su très bien contenir les écarts de revenus, ce n’est pas le cas du secteur privé, où les écarts ont explosé. Pour inverser ce processus, avancent-ils, nous avons besoin de garde-fous plus efficaces favorisant la représentation salariale au sein des conseils d’administration, des comités de rémunération, développer les structures économiques démocratiques comme les coopératives de salariés (où les écarts de revenus sont bien plus réduits), à faire entrer des membres de la société civile et des consommateurs dans les conseils d’administration… Les entreprises intégrant une représentation salariale pourraient bénéficier de taux d’imposition plus faibles et ces conditions être intégrées aux marchés publics par exemple.</p>

  514. 

  515. <p>Pour les deux auteurs, l’enjeu pour demain est de créer un environnement social de qualité, ce qui est loin d’être un projet de société dénué d’intérêt, au contraire.  </p>

  516. 

  517. <blockquote><p>« En réduisant les écarts de situation matérielle au sein d’une population nous pouvons améliorer le bien-être et la qualité des relations sociales à grande échelle. Les faits l’attestent : plus une société est égalitaire, plus la vie locale et associative est intense, et plus la confiance grandit entre ses membres. L’angoisse du statut recule, en même temps que le consumérisme et la violence, tandis que les relations sociales se font moins tendues. </p>

  518. <p>Tant que nous refuserons de reconnaître ce lien causal, nos appels à l’avènement d’une société meilleure où régneraient la bienveillance et la tolérance mutuelle resteront des voeux pieux. Ce n’est pas à fore d’exhortations que les gens vont cesse de se juger les uns les autres en fonction de leur apparence, ou de penser que la richesse d’une personne révèle sa valeur intrinsèque. Nos réponses à la hiérarchie sont trop profondément inscrites en nous pour pouvoir être simplement désactivées, en faisant fi de l’ampleur des inégalités. Lorsque vous avez des gens qui sont littéralement pétrifiés par leur sentiment d’infériorité, les encourager à se prendre en main, à reprendre confiance, à se faire des amis et à participer à la vie commune n’aura guère d’effets. Il est tout aussi vain d’espérer briser la connexion entre les disparités de revenus et certaines tendances que nous avons décrites – par exemple, la conviction d’être supérieur ou inférieur aux autres, ou le dédain affiché pour « ceux d’en bas ». Si nous voulons changer les choses, nous devons nous attaquer aux facteurs qui déclenchent toutes ces réactions en nous. »</p></blockquote>

  519. 

  520. <p/><center>*</center>

  521. <p>Pickett et Wilkinson livrent un ouvrage éminemment politique. Certes, cette démonstration paraîtra à beaucoup à charge, mais l’accumulation d’études interroge. Si l’inégalité n’est peut-être pas la mère de tous les maux, leur ouvrage a l’intérêt de poser une question que beaucoup négligent ou minimisent. L’inégalité est-elle la part structurelle et invisible des problèmes de nos sociétés nanties – la corrélation qui explique tout ? </p>

  522. <p>Pour les deux chercheurs, nous sommes face à un choix de société, et cela semble encore plus vrai pour les Français que pour les Britanniques tant nous sommes souvent, dans les graphiques qu’ils présentent, au milieu, comme à la croisée des chemins, hésitants entre devenir un pays plus inégalitaire comme le Royaume-Uni ou les États-Unis, ou plus égalitaire comme le Japon ou les pays scandinaves. Ici, le seul ruissellement qu’on constate dans la compétition plutôt que la coopération, c’est bien le délitement du social. Or, s’attaquer aux inégalités pour redonner du sens à la vie sociale est assurément une perspective bien plus stimulante que prolonger la voie sans fin de l’individualisme… Assurément, l’analyse comme le remède que pointent les chercheurs sont assurément des pistes pour transformer le monde bien plus stimulantes que la perspective de voir s’épanouir et se renforcer les inégalités. </p>

  523. <p>Hubert Guillaud</p>

  524.   </article>

  525. </section>

  526. 

  527. 

  528. <nav id="jumpto">

  529.   <p>

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

  531.     <a href="http://www.internetactu.net/2019/03/12/linegalite-est-elle-au-coeur-des-problemes-de-societe/">Source originale</a> |

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

  533.   </p>

  534. </nav>

  535. 

  536. <footer>

  537.   <div>

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

  539.     <p>

  540.       Bonjour/Hi!

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

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

  543.     </p>

  544.     <p>

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

  546.     </p>

  547.     

  548.     <p>

  549.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  566.     </p>

  567.     <p>

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

  569.     </p>

  570.     <p>

  571.       Je ne traque pas ta navigation mais mon

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

  573.       conserve des logs d’accès.

  574.     </p>

  575.   </div>

  576. </footer>

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

  578.   ;(_ => {

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

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

  581.       e.preventDefault()

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

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

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

  585.     })

  586.   })()

  587. </script>