davidbgk
/
larlet-fr-david-cache
关注 1
点赞 0
派生 0
代码 版本发布 0 动态
A place to cache linked articles (think custom and personal wayback machine)
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
34 提交
1 分支
目录树: 4ef55aa9a8
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 '4ef55aa9a8'
${ noResults }
larlet-fr-david-cache/cache/eb6aae676933ff9a57bba785873.../index.html

index.html 38KB
原始文件 Blame 文件历史

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657 
  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>Louis Chauvel, le sociologue qui a vu notre lose dans ses graphes (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.slate.fr/story/126821/louis-chauvel-sociologue-lose-graphiques">

  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.   Louis Chauvel, le sociologue qui a vu notre lose dans ses graphes (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.slate.fr/story/126821/louis-chauvel-sociologue-lose-graphiques">Source originale du contenu</a></h3>

  463.     <p class="article-infos article-infos--top-article">Temps de lecture: 13 min</p>

  464. 

  465. <p>En France, on n’a pas de pétrole, mais on a Louis Chauvel, même <a href="http://wwwen.uni.lu/recherche/flshase/inside/people/louis_chauvel" target="_blank">s’il enseigne au Luxembourg</a> et que sa voix porte plus sur la scène internationale que dans le débat français. Sociologue spécialiste de démographie et grand consommateur de séries statistiques, Chauvel utilise des <em>«télescopes démographiques pour analyser les transformation de la société française»</em>, comme il le résume. Alors qu’une seule bonne idée suffit généralement pour publier un livre de sciences sociales, lui en revendique au moins trois ou quatre dans son dernier livre. <em>«Par chapitre»</em>, glisse-t-il avec le petit ton malicieux et légèrement trollesque qu’il affectionne: <em>«Mais c’est peut-être pas à moi de m’envoyer des fleurs», </em>tempère-t-il en une étrange anti-phrase.</p>

  466. 

  467. <p>Le sociologue s'est senti assez isolé dans la sphère académique au cours des dernières années, sans doute le revers du succès médiatique de ses thèses. Et parce qu’il a été, selon lui, le premier et l’un des seuls à tenir le bon diagnostic, dès la fin des années 1990. A savoir que les jeunes générations décrochaient socialement par rapport à leurs aînés, ceux des premières années du baby-boom, et que la situation, de <em>déjà </em><em>pas terrible</em>, allait devenir catastrophique pour les suivantes.</p>

  468. 

  469. <p>Son nouveau livre, <a href="http://www.seuil.com/ouvrage/la-spirale-du-declassement-louis-chauvel/9782021072846" target="_blank"><em>La spirale du déclassement</em></a>, enfonce le clou et paraît dans une période où le doute sur l’état de la jeunesse et des classes moyennes profite à l’accusateur. Pour faire face, comme il nous l’a expliqué, à ceux <em>«qui ont voulu m’isoler dans une niche génération, pour en même temps dire que ça ne suffisait pas pour comprendre la question sociale»,</em> le sociologue tente dans <em>La spirale du déclassement</em> de faire tenir ensemble les multiples dimensions de son diagnostic sur le retour des inégalités.</p>

  470. 

  471. <div class="aside_blockquote">

  472. <p>Ce monde qui vient est un monde où les classes moyennes salariées ne seront plus aussi solides qu’avant</p>

  473. 

  474. <p>Louis Chauvel</p>

  475. </div>

  476. 

  477. <p>Quand on lui demande une photographie d'ensemble de la situation, Louis Chauvel explique que l'édifice dont les classes moyennes sont le socle <em>«s'érode et se transforme en sable à mesure du remplacement générationnel. Les générations ne remplaçant pas les classes: elles sont simplement un révélateur du monde qui vient, un monde où les classes moyennes salariées ne seront plus aussi solides qu’avant».</em></p>

  478. 

  479. <p>Face au mur qui se rapproche, nous refusons d’admettre que l’avenir pourrait ne pas être plus souriant, nous confie le sociologue avec l'humour du désespoir qu'il affectionne:</p>

  480. 

  481. <blockquote>

  482. <p><em>«J’ai été à chaque fois étonné d’avoir été aussi isolé dans les années récentes pour fournir cette analyse. Et une fois cette analyse faite, on a vu un basculement du déni à une espèce de renoncement général. On est passé de “C’est n’importe quoi” à “On le sait depuis 20 ans” puis “ça n’apporte rien” et, enfin, à “et puis de toute façon ça ne change rien”.» </em></p>

  483. </blockquote>

  484. 

  485. <p>Deux semaines après l'entretien que nous accordait Louis Chauvel, Le Monde relayait un de ces <a href="http://www.strategie.gouv.fr/publications/lignes-de-faille-une-societe-a-reunifier" target="_blank">diagnostics rassurants sur l'état de la société française,</a> si constestés par le chercheur, dans lequel les rapporteurs de France Stratégie évoquaient le pessimisme des Français et <em>«un diagnostic que ne reflètent pas nécessairement les indicateurs statistiques.» </em></p>

  486. 

  487. <h3>Pourquoi votre diplôme ne vaut rien</h3>

  488. 

  489. <p>Louis Chauvel fait partie d’un club curieusement restreint en France: celui des chercheurs qui défendent la thèse d’un déclassement scolaire intergénérationnel. Le phénomène est plus simple que son appellation. A niveau de diplôme équivalent, les jeunes générations occuperaient un emploi moins élevé dans la hiérarchie des professions que leurs parents ou seraient moins bien rémunérés. Autre manière de présenter la chose, il leur faudrait un niveau de diplôme supérieur pour bénéficier d’un poste ou d’un niveau de vie équivalent à celui de la génération précédente.</p>

  490. 

  491. <p>Pour Chauvel, l’argument du déni est que nous avons assisté à un «upgrading», une sorte de montée en gamme généralisée: les emplois supérieurs se multiplient, alors que les effectifs des professions populaires plus anciennes (ouvriers, agriculteurs, artisans, commerçants) chutent. <em>«</em><em>Or il convient de nuancer cette impression: la question demeure celle du rythme de croissance rapporté à celui des candidats potentiels à l’entrée dans les classes moyennes, à savoir les diplômés qui s’attendent à trouver leur place dans ce groupe social.» </em>On ne le sait pas forcément, mais en France <a href="http://www.observationsociete.fr/des-jeunes-de-plus-en-plus-souvent-d%C3%A9class%C3%A9s" target="_blank">plus d'un diplômé du bac (ou plus) sur cinq est employé ou ouvrier non qualifié. </a></p>

  492. 

  493. <p><img src="http://www.slate.fr/sites/default/files/1_diplomes.png"/></p>

  494. 

  495. <p>Le rythme de croissance du nombre de diplômés des années 1980 à 2000 a été plus rapide que celui de la création d’emplois de classes moyennes et supérieures, et le solde correspond à des aspirants aux catégories moyennes et supérieures rétrogradés à d’autres positions. Louis Chauvel écrit que <em>«</em><em>la croissance des cadres et professions intellectuelles supérieures n’a pas été nulle, mais [qu'] elle n’a pas permis d’absorber le surcroît massif de diplômés, qui a dû trouver par conséquent sa place à des niveaux hiérarchiques inférieurs.» </em>On parle parfois d’inflation scolaire dans la mesure où la valeur des diplômes sur le marché du travail décroît avec leur diffusion massive.</p>

  496. 

  497. <p>A son extrémité, le déphasage crée le phénomène médiatique bien connu (puisque concernant de nombreux journalistes) des intellos précaires: des diplômés qui ne trouvent pas de fonction dans la société correspondant à leurs études longues, dans des secteurs sans débouchés pratiques directs<em>. «Les métiers des arts et tous les métiers à vocation, photographie et journalisme compris, sont des métiers mis en concurrence radicalisée et qui du point de vue de leur identité de classe moyenne supérieure qui était leur position à l’époque de George Perec, connaissent des chutes très rapides»</em>, précise le sociologue. Une des sources de la colère des manifestants de Nuit Debout, parfois <a href="http://www.slate.fr/story/117145/nuit-debout-qui-danse-nuit-debout-qui-pense" target="_blank">raillée pour son côté intellos des villes.</a></p>

  498. 

  499. <p>Les jeunes qui n’ont pas réussi à progresser par rapport au niveau de diplôme de leurs parents ont connu une aspiration vers le bas. Et la difficulté pour les toutes nouvelles générations qui arrivent sur le marché du travail est la suivante: puisqu’il est dorénavant impossible d’accélérer de nouveau le rythme de progression des diplômés, ces dernières cohortes pourraient rencontrer de vrais soucis de déclassement social intergénérationnel.</p>

  500. 

  501. <p>Louis Chauvel convoque la texture du camembert à l'appui de ses observations.</p>

  502. 

  503. <blockquote>

  504. <p dir="ltr" id="docs-internal-guid-53d9ecc3-2489-3963-bfe8-93024ee4878d"><em>«Nous ne voyons donc pas de trace d’une mobilité ascendante généralisée, d’une dynamique d’"upgranding", dont on espère un effet d’entraînement. C’est plutôt une forme déprimante de trickle down, d’effet de ruissellement naturel vers le bas, en réalité un “effet de dégoulinure” qui évoque le camembert trop fait. Une fois encore, les tenants de la lucidité, conscients des dynamiques générationnelles, ne seront pas surpris.»</em></p>

  505. </blockquote>

  506. 

  507. <h3>Pourquoi vous ne pourrez pas racheter le logement de vos parents</h3>

  508. 

  509. <p>Durant la décennie 2000, l’indice des prix de l’immobilier a quasiment doublé. Or cette donnée est la plupart du temps évacuée dans le calcul des inégalités en France. La prise en compte du patrimoine est le révélateur chez les classes moyennes d’<em>«une distorsion croissante, préalable à un écartèlement, voire une rupture de continuité, entre les classes moyennes dotées d’un substantiel patrimoine net, sans remboursement de prêts, par opposition aux autres, propriétaires endettés ou locataires, dont les conditions économiques d’existence sont d’une tout autre nature.»</em></p>

  510. 

  511. <p><img src="http://www.slate.fr/sites/default/files/indice_prix.jpg"/></p>

  512. 

  513. <p class="media_legend"><em>La spirale du déclassement</em>, Louis Chauvel, Seuil.</p>

  514. 

  515. <p>Pour ceux qui étaient propriétaires au début de la période d’envolée, celle-ci représente «<em>des opportunités de plus-value longue du patrimoine d’une intensité historiquement inédite depuis le XIX<sup>e</sup> siècle.» </em>Et les plus-values d’un patrimoine de plus de 200.000 euros représentent sur dix ans un apport correspondant à la moitié du revenu des ménages.</p>

  516. 

  517. <p><img src="http://www.slate.fr/sites/default/files/1_GraphiquePatrimoine.png"/></p>

  518. 

  519. <div class="aside_blockquote">

  520. <p>Les jeunes qui n’ont pas de patrimoine sont morts</p>

  521. </div>

  522. 

  523. <p>Si la France reste une société de classes moyennes avec son coefficient de Gini, indicateur utilisé pour mesurer les inégalités, faible comparé à celui de ses voisins, la nouvelle donne patrimoniale bouleverse cette représentation d’une société bien tassée autour de la moyenne. Ce retour du rôle du patrimoine <em>«dans la vraie vie des vraies gens»</em> nous explique Chauvel, est la véritable clé du retour des inégalités, <em>«en particulier pour les jeunes, parce que s’ils n’ont pas de patrimoine ils sont morts. Enfin, ça sera dur pour eux.» </em></p>

  524. 

  525. <p dir="ltr"><img src="http://www.slate.fr/sites/default/files/aligot.jpg"/></p>

  526. 

  527. <p class="media_legend"><em>La spirale du déclassement</em>, Louis Chauvel, Seuil. Les amateurs de produits laitiers de terroir apprécieront l'imagination fromagère du sociologue qui, dans sa représentation des inégalités sociales de revenu et de patrimoine (connu aussi sous le nom de <a href="https://fr.wikipedia.org/wiki/Strobilo%C3%AFde" target="_blank">strobiloïde</a>), utilise l'image de l'aligot.</p>

  528. 

  529. <p>Cette prise en compte du rôle du patrimoine déjà identifiée par Thomas Piketty permet d'articuler la question générationnelle avec celle du retour des classes sociales, concept qu'on croyait en voie de ringardisation pendant les Trente glorieuses. On assiste à bas bruit et sur fond de discours rassurant sur les inégalités en France à la <em>«reformation d’une classe d’héritiers-rentiers, économiquement séparée du sort de ceux qui doivent continuer à travailler pour vivre.» </em>Pour ces derniers, <em>«</em><em>en cours d’acquisition de leur logement, et en particulier lorsque la parentèle n’est pas en mesure d’apporter une aide, le contexte nouveau est à la fois celui de coûts exorbitants -l’endettement prenant des proportions extrêmes, tout comme l’effort financier lié au remboursement- associés à une prise de risques considérable: toute variation des marchés immobiliers, des taux d’intérêts, ou simplement les aléas de la vie (rupture de carrière, divorce, décès, etc.) peuvent déstabiliser l’ensemble de l’oeuvre d’une vie.» </em></p>

  530. 

  531. <div class="aside_blockquote no_quote">

  532. <p>Le déclassement se vit comme la prise de conscience pour un individu qu’il n’aurait pas les moyens d’acheter un bien comparable à celui de la génération de ses parents</p>

  533. </div>

  534. 

  535. <p>Le déclassement se vit ici comme la prise de conscience pour un individu qu’il n’aurait pas les moyens d’acheter un bien comparable à celui de la génération de ses parents. De quoi très sérieusement nuancer la clameur qui nous vient du marché immobilier, du banquier, des proches sans oublier les suppléments des magazines hebdomadaires:<em> «C’est le moment d’acheter!»</em> Car ce que les suppléments Immobilier ne mentionnent jamais, c'est qu'<em>«il conviendra de travailler deux fois plus longtemps pour acheter le même bien» </em>et qu'un scénario plausible est que <em>«les acquéreurs des années 2005 et suivantes pourraient s’être lourdement endettés pour connaître au bout du compte des plus-value moins favorables» que</em> leurs aînés ou leurs collègues héritiers.</p>

  536. 

  537. <h3>… Ni vivre dans la même commune qu’eux</h3>

  538. 

  539. <p>Le déclassement générationnel et le renchérissement de l’immobilier conduisent la population déclassée à décliner sur l’échelle horizontale des classes sociales, ce qui a une traduction dans le sens horizontal de la géographie résidentielle. </p>

  540. 

  541. <blockquote>

  542. <p><em>«La diffusion des diplômes allant de pair avec une situation géographique résidentielle pour l’essentiel bloquée, les jeunes adultes mieux diplômés doivent s’attendre à de fortes désillusions sociales s’ils croient en une correspondance stricte, invariable depuis la génération de leurs parents, entre diplôme et prestige résidentiel.»</em></p>

  543. </blockquote>

  544. 

  545. <p>Ainsi <em>«ce type de trajectoire descendante est clairement avéré en Île-de-France, où les nouvelles générations ont connu, à un âge donné, et plus que la génération de leurs parents, un glissement progressif –déplaisant peut-être– vers des communes ou des cantons moins prestigieux, alors même que la part de budget consacrée au logement s’est accrue.»</em> </p>

  546. 

  547. <p>En réponse, une partie des déclassés s’adapte en gentrifiant, ce <em>«qui consiste à modifier la composition sociale et le prestige économique d’un territoire plus populaire, pour espérer à terme un retour sur investissement meilleur que dans un choix plus conservateur».</em></p>

  548. 

  549. <p>Le phénomène de gentrification prend alors une double signification. Du point de vue de ceux qui sont déjà dans le quartier avant sa gentrification, c'est une montée en gamme. Pour ceux qui s'installent, en revanche, l’histoire qu’ils se racontent est celle d’une relégation. Peut-être la raison pour laquelle on assiste à une vaste opération de réhaussage de l’image de la banlieue parisienne à mesure que les déclassés atterrissent au-delà du périphérique et <a href="http://www.editionsladecouverte.fr/catalogue/index-Rester_bourgeois-9782707175656.html" target="_blank">reclassent les lieux en espérant <em>«rester bourgeois»</em></a>, pour reprendre le titre du livre d'Anaïs Collet sur le destin de ces nouveaux notables extra-muros.</p>

  550. 

  551. <p><img src="http://www.slate.fr/sites/default/files/Prestigeresidentiel(1).png"/></p>

  552. 

  553. <h3>Le déclassement social est-il encore un problème de riches?</h3>

  554. 

  555. <p>L'une des thèses les plus discutées de Louis Chauvel est celle du déclassement des classes moyennes par rapport aux autres groupes situés au dessus ou en dessous d'elles. Dans <em>La spirale du déclassement</em>, le sociologue se montre assez mesuré. Reconnaissant que si le constat qu'elles ne s'appauvrissent pas vraiment est juste, ce type d'affirmation laisse entendre que les intéressés ont tendance à exagérer la dégradation de leur situation. Or cette idée <em>«dissimule néanmoins une perte de pouvoir d’achat du salaire à temps plein de près de 8% entre 1975 et 1995 pour les intéressés et une stagnation depuis. Dans la mesure où ce groupe social a prolongé sa formation de près de deux années d’études supplémentaires, en moyenne, de 1975 à 2010, il est facile de comprendre le malaise durable de la population concernée.»</em></p>

  556. 

  557. <div class="aside_blockquote">

  558. <p>Des biens et services classants, comme la semaine de ski au Club ou les mètres carrés dans un quartier valorisé, sont parfaitement inaccessibles</p>

  559. 

  560. <p>Louis Chauvel</p>

  561. </div>

  562. 

  563. <p>L’argument habituel consiste à opposer que le prix des biens de consommation courante a fondu, des t-shirts aux produits électroniques. Cette consommation a certes <em>«</em><em>offert un substitut de satisfaction face à la stagnation des revenus. Inversement, des biens et services classants, comme la semaine de ski au Club ou les mètres carrés dans un quartier valorisé, sont parfaitement inaccessibles.»</em></p>

  564. 

  565. <p><em><img src="http://www.slate.fr/sites/default/files/Bienalaonsommation.png"/></em></p>

  566. 

  567. <p>Le drame des enfants de la génération du baby-boom est d’avoir grandi avec des aspirations plus élevées que celles de la précédente, puisque le mouvement d’ascension sociale intergénérationnel semblait ne jamais devoir prendre fin. Chauvel donne une base statistique à ce constat. Selon lui, pour les générations qui naissent à partir des années 1960, <em>«les aspirations croissantes rencontrent des possibilités déclinantes». </em>Or <em>«lorsque les possibilités dépassent les aspirations, la population a lieu d’être satisfaite» </em>et lorsque c’est l’inverse, l’espoir laisse place à la frustration. Selon l’auteur, les générations suivantes, nées à partir des années 1980, <em>«sont maintenant prévenues»,</em> et leur pessimisme face à l’avenir serait surtout <em>«le signe d’une accoutumance aux désillusions ou d’une forme de résignation».</em></p>

  568. 

  569. <p><img src="http://www.slate.fr/sites/default/files/1_graphiqueFinal.png"/></p>

  570. 

  571. <h3>Pourquoi le déclassement ne favorise pas le mouvement social</h3>

  572. 

  573. <p>Mais si le diagnostic de Louis Chauvel est le bon, une pièce semble manquer à l’édifice: pourquoi la large portion de Français déclassés ne se révoltent-ils pas? Si on compare comme le fait le sociologue l'évolution du nombre de journées de grève par an depuis les années 1970, on constate qu’une grande agitation sociale allait de pair avec une société dont les inégalités se résorbaient, alors que c’est aujourd’hui l’inverse.</p>

  574. 

  575. <p>Première piste d'explication: le décalage entre la situation objective et l’image que renvoie d’elle-même <em>«la société des classes moyennes»</em> toujours dominante (et rassurante) dans les esprits, écrit le sociologue:</p>

  576. 

  577. <blockquote>

  578. <p><em>«une population peut continuer d’être alarmée contre les inégalités alors qu’elles peuvent avoir été aplanies depuis longtemps. Au contraire, nous pouvons observer des situations paradoxales où la majorité croit que les inégalités diminuent, alors que les barrières sociales se reconstituent. Il peut en résulter, notamment pour les nouvelles générations qui subissent cette nouvelle dynamique paradoxale, où les faits et les représentations divergent, un risque majeur de </em>dyssocialisation<em>: une contradiction violente entre les valeurs, les représentations et l’identité transmises par la génération précédente et les conditions et situations objectivement vécues par la génération émergente.»</em></p>

  579. </blockquote>

  580. 

  581. <p dir="ltr" id="docs-internal-guid-53d9ecc3-2576-7e32-82b8-feead2b72a0b">L'autre explication, plus préoccupante, est liée à la dynamique de repli que suscite le déclassement, réel et ressenti. Il faudrait plus d’un siècle au rythme actuel des augmentations de pouvoir d’achat pour qu’un salarié modeste rattrape le niveau de vie d’un cadre. Le «groupe de référence», modèle des classes moyennes prospères vers lequel les classes populaires se projetaient, est devenu hors de portée. Il cesse d’être pertinent dans la comparaison sociale. Et c’est le groupe dans lequel on craint de choir et qu'on regarde d'en haut, qui devient obsédant, d’autant que sa base s'est élargie pour intégrer toute une partie du «tiers-monde» des années 1970 aujourd’hui en voie de rattrapage des pays industrialisés.</p>

  582. 

  583. <blockquote>

  584. <p dir="ltr"><em>«Aujourd’hui, au contraire, le domaine de l' “autre” s’est considérablement étendu, pour inclure maintenant des classes ouvrières que la génération précédente auraient vues comme exotiques, et dont le niveau de vie est aujourd’hui trois à dix fois inférieur à celui du prolétariat occidental. L’autre pertinent est de plus en plus souvent au-dessous.»</em></p>

  585. </blockquote>

  586. 

  587. <p><img src="http://www.slate.fr/sites/default/files/1_phobiedeclassement.png"/></p>

  588. 

  589. <p>Dans un article publié en 2015 avec son confrère Martin Schröder, Chauvel a montré qu’être jeune en France représentant une pénalité économique de même intensité que le fait d’être immigré ou d’avoir deux enfants. En d’autres termes <em>«</em><em>les nouvelles générations sont comme des immigrés dans leur propre société.» </em>En bonne logique, quelqu'un de jeune et d'immigré subirait une sorte de double peine en matière d’intégration économique. Dans cette configuration, la convergence des intérêts a peu de chances d'advenir puisque chacun est préoccupé avant tout par son propre déclassement. D'autres chercheurs avaient anticipé les effets délétères d'une situation de lente dégradation sociale, qui encourage une solidarité restreinte sur des fondements identitaires. Par exemple François Dubet qui écrivait l'année dernière que <em>«<a href="http://www.slate.fr/story/109019/inegalites-dont-vous-etes-le-heros" target="_blank">quand l’attachement aux petites inégalités se mêle à la peur du déclassement</a>, il est difficile d’imaginer que puisse se former un front commun de combat contre les inégalités».</em></p>

  590. 

  591. <p>On laissera à Louis Chauvel le mot, ou plutôt le dessin, de la fin. Après avoir vu nos illustrations réalisées par DataYolo, il a répondu par email avec ce petit dessin griffonné accompagné de la mention: <em>«une interpretation pour 2020 ou 2030...»</em></p>

  592. 

  593. <p><img src="http://www.slate.fr/sites/default/files/declassement_2030.jpg"/></p>

  594.   </article>

  595. </section>

  596. 

  597. 

  598. <nav id="jumpto">

  599.   <p>

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

  601.     <a href="http://www.slate.fr/story/126821/louis-chauvel-sociologue-lose-graphiques">Source originale</a> |

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

  603.   </p>

  604. </nav>

  605. 

  606. <footer>

  607.   <div>

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

  609.     <p>

  610.       Bonjour/Hi!

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

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

  613.     </p>

  614.     <p>

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

  616.     </p>

  617.     

  618.     <p>

  619.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  636.     </p>

  637.     <p>

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

  639.     </p>

  640.     <p>

  641.       Je ne traque pas ta navigation mais mon

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

  643.       conserve des logs d’accès.

  644.     </p>

  645.   </div>

  646. </footer>

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

  648.   ;(_ => {

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

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

  651.       e.preventDefault()

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

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

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

  655.     })

  656.   })()

  657. </script>