davidbgk
/
larlet-fr-david-cache
Beobachten 1
Favorisieren 0
Fork 0
Code Releases 0 Aktivität
A place to cache linked articles (think custom and personal wayback machine)
Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.
314 Commits
1 Branch
Struktur: e9ef5f47dd
Branches Tags
${ item.name }
Erstelle Branch ${ searchTerm }
von „e9ef5f47dd“
${ noResults }
larlet-fr-david-cache/cache/29afcf5d11f28e940920456b34f.../index.html

index.html 41KB
Originalformat Blame Verlauf

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667 
  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>Cultivée plutôt que riche, la "classe ambitieuse" change le rapport à la consommation (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="https://www.slate.fr/story/158947/consommation-sociologie-classe-ambitieuse-culture-inegalites-sociales">

  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.   Cultivée plutôt que riche, la "classe ambitieuse" change le rapport à la consommation (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="https://www.slate.fr/story/158947/consommation-sociologie-classe-ambitieuse-culture-inegalites-sociales">Source originale du contenu</a></h3>

  463.     <p>Connaissez-vous le vernis à ongles «<em>ballet slippers</em>»? <a href="http://www.essie.fr/fr-FR/essie-classique/ballet-slippers" target="_blank">Ce produit culte de la marque Essie</a> est un rose pâle de la famille des coloris «nude», dont le nom est inspiré de la teinte des ballerines des danseuses.</p>

  464. 

  465. <p>Essie propose plus de cent couleurs de verni sur son site (<a href="http://www.fr.essie.ca/colors">j'ai compté</a>), du rouge bonbon «<a href="http://www.essie.fr/fr-FR/essie-classique/eclair-my-love" target="_blank"><em>éclair my love</em></a>» au fuchsia «<a href="http://www.essie.fr/essie-classique/bachelorette-bash#" target="_blank"><em>bachelorette bash</em></a>» préconisé pour les «<em>virées à Las Vegas</em>» entre copines, en passant par le vert festif «<a href="https://www.essie.com/nail-polish/enamel/greens/mojito-madness" target="_blank"><em>mojito madness</em></a>». Mais seul le ballet slippers a les faveurs des stylistes, des chroniqueuses beauté et des femmes de la haute bourgeoisie de Beverly Hills et de l'Upper East Side, selon la sociologue <a href="https://elizabethcurridhalkett.com/" target="_blank">Elizabeth Currid-Halkett</a>.</p>

  466. 

  467. <h3>Signaux discrets d'appartenance</h3>

  468. 

  469. <p>La caractéristique principale du vernis<em> ballet slippers</em> est sa discrétion: le porter signale l'inverse d'une couleur show-off qui clamerait haut et fort: «<em>regardez, je viens de me payer une manucure</em>». «<em>Dans la mesure où avoir les ongles manucurés fait partie du quotidien de l'existence de ces femmes, il n'est pas spécialement nécessaire de porter des couleurs voyantes pour l'annoncer</em>», écrit encore la sociologue spécialiste de l'économie urbaine et des modes de consommation, qui enseigne à la University of Southern California (USC) à Los Angeles. «<em>Cette évolution de l'étalage de richesse à des signaux discrets d'appartenance</em>», cette manière de «<em>minimiser activement l'étiquette et l'ostentation</em>» en effectuant des choix codés qui ne parlent qu'à des connaisseurs va selon Elizabeth Currid-Halkett bien au-delà du choix de vernis à ongle. Il fait partie de «<em>la somme des petites choses</em>» qui, mises bout à bout, construisent un style de vie et un mode de consommation qui ont pour but de définir notre identité sociale et, plus subrepticement, de nous différencier discrètement mais fermement du commun des mortels.</p>

  470. 

  471. <p>Ces petites choses donnent son titre à <em><a href="https://press.princeton.edu/titles/10933.html" target="_blank">The Sum of Small Things, A Theory of the Aspirational Class</a></em>, paru en mai 2017 et acclamé aux États-Unis. Elizabeth Currid-Halkett y dissèque avec beaucoup de pertinence et une pointe d'humour acide un nouveau schéma de consommation qui irrigue les comportements de la population la plus éduquée, dans les sociétés arrivées à saturation d'objets. C'est aussi une inversion historique des manières de jouer avec les statuts, les codes sociaux et les marques de prestige.</p>

  472. 

  473. <h3>De l'accumulation à l'information</h3>

  474. 

  475. <p>Jusqu'à présent, la sagesse économique et sociologique en matière d'analyse de la consommation voulait qu'on se réfère au classique de Thorstein Veblen publié en 1899, <a href="https://www.amazon.fr/Th%C3%A9orie-classe-loisir-Thorstein-Veblen/dp/2070299287" target="_blank"><em>La théorie de la classe de loisir</em></a>, qu'on enseigne encore dès que l'on aborde le marché de la mode ou du luxe.</p>

  476. 

  477. <p>Selon ce sociologue américain, la bourgeoisie industrielle de l'époque se distinguait du commun des mortels par sa «<em>consommation ostentatoire</em>», que le langage courant rapproche du «bling bling». À une époque où les biens de consommation matérielle étaient rares et chers, en posséder beaucoup et de première qualité signalait automatiquement un rang social supérieur: c'est pourquoi les riches avaient des couverts en argent massif, bien que cela ne leur fut d'aucune utilité fonctionnelle au moment de découper leur viande.</p>

  478. 

  479. <p>L'équivalent en matière de couleur de vernis aurait été de faire le choix le plus show-off possible. Mais depuis, «<em>la mondialisation, le marketing, la production de masse et les contrefaçons ont apporté une forme de consommation ostentatoire à de nombreuses personnes. Ce déluge de biens matériels pourrait suggérer que les barrières à l’entrée dans la consommation ostentatoire des classes supérieures ont été éradiquées. Les choses que l'on associait auparavant à un train de vie aisé –les voitures, les multiples sacs à main, les garde-robes pleines de vêtements– sont en apparence accessibles au grand public. Au premier coup d’œil, la consommation ostentatoire s’est démocratisée</em>».</p>

  480. 

  481. <div class="aside_blockquote">&#13;

  482. <p class="quote">L'ancienne logique de consommation ostentatoire a été remplacée par une «<em>production ostentatoire</em>»: nous n'affichons plus le logo de la marque du bien consommé, mais en faisons en revanche des tonnes sur son contexte de production.</p>&#13;

  483. </div>

  484. 

  485. <p>Rattrapées par les masses qui accèdent aux mêmes niveaux de confort et de dépense, les classes supérieures résoudraient ce risque d'indistinction en délaissant le matérialisme pour déporter la compétition vers des biens et des comportements qui ne nécessitent pas à première vue d’être plus riche, mais d’être plus éduqué et de disposer de plus d’informations. «<em>À la fois consciemment et inconsciemment,</em> [elles]<em> trouvent des symboles plus codifiés et plus obscurs pour révéler leur position sociale.</em>» La compétition «statutaire» s'est déplacée du terrain de l'accumulation de biens vers celui de l'accumulation de connaissances nécessaires à la consommation de certains produits. C'est «<em>le coût de l’information, plutôt que le coût réel du bien, qui crée la barrière sociale</em>», comme avec le vernis<em> ballet slippers</em>.</p>

  486. 

  487. <p>Pour Elizabeth Currid-Halkett, l'ancienne logique de consommation ostentatoire a été remplacée par une «<em>production ostentatoire</em>»: nous n'affichons plus le logo de la marque du bien consommé, mais en faisons en revanche des tonnes sur son contexte de production.</p>

  488. 

  489. <p>Pour prendre un exemple local, les baskets Veja combinent les deux aspects: l'ostentation du logo, une forme de «V» caractéristique, renvoie le signal d'une production ostentatoire –des baskets à 125 euros écologiques et issues du commerce équitable.</p>

  490. 

  491. <p>Pour la nouvelle élite, «<em>nous sommes ce que nous mangeons, buvons et plus généralement ce que nous consommons, et c’est la raison pour laquelle pour certains produits, le processus de production opaque a été remplacé par une transparence à chaque étape</em>». Qu'il s'agisse de l'origine du produit (locale ou de provenance lointaine et permettant à une famille de paysans de vivre dignement), de ses modes de production et d'extraction (bio, artisanal, respectueux de l'environnement, conformes aux traditions, etc.), «<em>cette transparence n’ajoute pas seulement de la valeur à beaucoup de biens culturels –elle est la valeur</em>».</p>

  492. 

  493. <p>Ironiquement, la globalisation a démocratisé la consommation de biens, mais elle a également révélé la part honteuse de ce mécanisme et ses coûts cachés: exploitation du travail humain, destruction de l'environnement, risques sanitaires des modes de production industrielle. La production ostentatoire est la manière de résoudre ces tensions, d'autant plus aisément que la consommation des biens matériels «vebleniens» n'est plus vraiment statutaire.</p>

  494. 

  495. <blockquote>&#13;

  496. <p>«<em>C'est pourquoi acheter une variété de tomate ancienne à deux dollars dans un marché de petit producteur est si lourd de signification dans les pratiques de consommation de</em> [cette catégorie]<em>, alors que l'achat d'un 4x4 blanc ne l'est pas.</em>»</p>&#13;

  497. </blockquote>

  498. 

  499. <h3>La vertu plutôt que les revenus</h3>

  500. 

  501. <p>Cette nouvelle manière de consommer concerne une catégorie de personnes éduquées que l'auteure propose de baptiser «<em>aspirationnal class</em>», littéralement «<em>classe ambitieuse</em>», bien que cette option ne rende pas parfaitement compte du propos. Les ambitieux décrits se considèrent plutôt comme des «<em>downshifters</em>», des décroissants, dans leur rapport à la consommation matérielle. Le paradoxe étant que c'est par ce moins disant qu'ils se surclassent ou, à tout le moins, évitent de se fondre dans la masse indistincte des pousseurs de caddies à l'hypermarché du coin. C'est la réflexion qui semble orienter la plupart des choix de vie de cette classe ambitieuse:</p>

  502. 

  503. <blockquote>&#13;

  504. <p>«<em>Les membres de la classe ambitieuse contemporaine attachent beaucoup de valeur aux idées, à l’ouverture culturelle et sociale et à l’acquisition du savoir pour forger des opinions et faire des choix, qui peuvent aller de l’orientation de carrière au type de pain tranché qu’ils achètent à l’épicerie. Lors de chacune de ces décisions, importante ou dérisoire, ils font tout leur possible pour se sentir légitimes dans la conviction d’avoir pris la meilleure décision basée sur des faits –qu’il s’agisse des bienfaits de l’alimentation biologique, de l’allaitement maternel ou des voitures électriques.</em>»</p>&#13;

  505. </blockquote>

  506. 

  507. <div class="aside_blockquote">&#13;

  508. <p class="quote"><em>«Ceux qui font partie </em>[de la classe ambitieuse] <em>aspirent à devenir de meilleurs êtres humains dans tous les aspects de leurs vies, leur situation économique devenant secondaire.</em>»</p>&#13;

  509. &#13;

  510. <p class="author">Elizabeth Currid-Halkett</p>&#13;

  511. </div>

  512. 

  513. <p>Informée, cultivée, économe dans son rapport à la consommation, la classe ambitieuse est également une classe vertueuse: elle a des prétentions aristocratiques au sens étymologique du terme.</p>

  514. 

  515. <p>«<em>Cette nouvelle formation sociale et culturelle constitue une élite en vertu des signes extérieurs matériels et symboliques requis pour en être membre</em> [...]. <em>Ceux qui en font partie aspirent à devenir de meilleurs êtres humains dans tous les aspects de leurs vies, leur situation économique devenant secondaire.</em>»</p>

  516. 

  517. <p>Raison pour laquelle la classe ambitieuse se définit non pas par son niveau de revenus –elle agrège des individus à la fortune diverse– mais par «<em>un ensemble de pratiques culturelles et de normes sociales communes</em>» à ses membres, à son capital culturel en termes bourdieusiens, référence qui traverse de part en part l'ouvrage d'Elizabeth Currid-Halkett.</p>

  518. 

  519. <p>La culture hipster nord-américaine constitue une bonne illustration de cette nouvelle et subtile hiérarchie sociale. Selon la sociologue, les hipsters ont beau ne pas faire (tous) partie des élites économiques, «<em>ils construisent leur élitisme à travers l’usage d’information raréfiée. Ils savent quoi lire, qui suivre sur Twitter ou sur Instagram et ils maîtrisent un vocabulaire d'</em>insider<em> à propos d'objets de consommation obscurs –sinon fétichisés–, qu’il s’agisse de lait d’amande, de jus vert ou de montre calculatrice Casio à douze dollars.</em>»</p>

  520. 

  521. <h3>La culture foodie, nouvelle distinction urbaine</h3>

  522. 

  523. <p>Alors que l'assiette et les sorties au restaurant sont devenues centrales dans les nouvelles habitudes de consommation, la classe ambitieuse est devenue l'archétype de l'omnivore culturel décrit par les sociologues américains, qui ont étudié les goûts de leurs concitoyens éduqués.</p>

  524. 

  525. <p>Ces «<em>foodies</em>» peuvent consommer du populaire, voire du «beauf», pourvu que de subtils marqueurs signifient <a href="http://www.slate.fr/story/101449/distinction-appropriation-rebellion-declassement-theorie-street-food" target="_blank">qu'il s'agit d'une consommation ironique ou consciente d'elle-même</a>, instaurant la «<em>distanciation esthétique»</em> dont parle Pierre Bourdieu dans <a href="https://www.amazon.fr/Distinction-Critique-sociale-jugement/dp/2707302759" target="_blank"><em>La Distinction</em></a>. Comme le décrit Elizabeth Currid-Halkett, «<em>les membres de la classe ambitieuse circulent autour de cafés et de restaurants qui proposent plusieurs manières de cuisiner le kale dans leur menu, des laits d'amande et de la “</em>gourmet comfort food<em>”</em>», c'est-à-dire des versions revisitées, plus chics –et parfois plus chères– de plats de grand-mère ou de terroir.</p>

  526. 

  527. <p><img src="/sites/default/files/classe%20ambitieuse%20foodie.jpg"/></p>

  528. 

  529. <p class="media_legend">Café pour classe ambitieuse | <a href="https://unsplash.com/photos/d1ngW7SNehM" target="_blank">The Creative Exchange via Unsplash</a></p>

  530. 

  531. <p>«<em>Des ragoûts plutôt que des soufflés, de la tourte de poulet, du</em> mac and cheese <em>fait maison, et de la bière (pourvue qu'elle soit artisanale) sont devenus les signaux de rigueur de la vie culinaire de la classe ambitieuse et ils peuvent être consommés dans une grande variété de contextes, des repas confectionnés par la femme d'un banquier à ceux consommés par un scénariste hipster lors de son brunch dominical entre amis.</em>» Le schéma de consommation évolue là encore de la substance du produit –ragoût contre soufflé, vin contre bière– à la manière de préparer, de consommer et de «penser» chaque spécialité.</p>

  532. 

  533. <p>Ces plats ont beau être plus onéreux que ceux du McDo du coin, souligne Elizabeth Currid-Halkett, ce n'est pas ici l'argent qui constitue la frontière infranchissable entre la classe ambitieuse et les autres: il s'agit plutôt d'une réaffirmation de la distinction par les goûts décrite par Bourdieu, appliquée à de nouveaux champs et suivant de nouvelles voies.</p>

  534. 

  535. <div class="aside_blockquote">&#13;

  536. <p class="quote"><em>«La salade de kale peut paraître moins ouvertement snobinarde que l’opéra, elle reste néanmoins un moyen de préserver les barrières de classe, quoique d’une manière plus subtile.»</em></p>&#13;

  537. &#13;

  538. <p class="author">Elizabeth Currid-Halkett</p>&#13;

  539. </div>

  540. 

  541. <p>Dans les restaurants «<em>farm-to-table</em>» (qui s'approvisionnent directement auprès des producteurs, bio évidemment) des quartiers chics de New York, San Francisco ou Los Angeles évoqués par la sociologue, la vertu des modes de production compte plus que l'addition, qui peut faire croire à des temples d'égalitarisme culinaire. Il y a beaucoup de gens riches dans ces restaurants de <em>foodies</em>, et les restaurateurs du mouvement <em>slow food </em>pourraient demander des prix hors de portée des bourses moyennes, mais cela heurterait leur système de valeur. L'élitisme requis pour manger dans l'un de ces restaurants dépend moins du portefeuille que de la volonté d'être vertueux jusque dans son assiette. En d'autres termes:</p>

  542. 

  543. <blockquote>&#13;

  544. <p>«<em>La salade de kale peut paraître moins ouvertement snobinarde que l’opéra, elle reste néanmoins un moyen de préserver les barrières de classe, quoique d’une manière plus subtile.</em>»</p>&#13;

  545. </blockquote>

  546. 

  547. <h3>La fin de l'oisiveté</h3>

  548. 

  549. <p>Ainsi une classe de personnes éduquées et souvent suffisamment aisées pour vivre dans les centres urbains les plus dynamiques adoptent des attitudes anti-matérialistes, d'alterconsommation et de «simplicité volontaire» qui évoquent plus les <a href="https://fr.wikipedia.org/wiki/Soci%C3%A9t%C3%A9_religieuse_des_Amis" target="_blank"><em>quakers</em></a> que la bourgeoisie traditionnelle.</p>

  550. 

  551. <p>Cette éthique prend racine dans un mépris pour la consommation de masse et joue un rôle statutaire de plus en plus évident. En 1979, Bourdieu écrivait que «<em>l'aversion pour les styles de vie différents est sans doute l'une des plus fortes barrières entre les classes</em>». C'est pourquoi on peut se montrer sceptique quant aux aspirations de la classe ambitieuse à universaliser son mode de vie.</p>

  552. 

  553. <p>Certes, le système de valeur de la nouvelle élite culturelle est plus vertueux que celui des classes aisées de la deuxième moitié du XX<sup>e</sup> siècle, mais «<em>est-ce que le fait d'être différent des autres, d'être meilleur que les autres</em> [...] <em>fait réellement avancer la société?</em>» Poser la question, met en garde la chercheuse, c'est déjà y répondre... La consommation vertueuse a surtout la vertu de nous rendre meilleurs à nos propres yeux et de signaler notre carte de membre de la classe ambitieuse.</p>

  554. 

  555. <p>Tout le paradoxe des attitudes minimalistes est qu'elles sont nées de la société de l'abondance, en réaction à son modèle. Or «<em>il faut être suffisamment riche pour se permettre de vivre simplement</em>», souligne Elizabeth Currid-Halkett, ne serait-ce que pour avoir la maîtrise de l'organisation de son agenda.</p>

  556. 

  557. <div class="aside_blockquote">&#13;

  558. <p class="quote">«<em>Il existe une pression constante à être productif dans le travail comme dans la vie de tous les jours.</em>»</p>&#13;

  559. &#13;

  560. <p class="author">Elizabeth Currid-Halkett</p>&#13;

  561. </div>

  562. 

  563. <p>Si la classe ambitieuse est économe en bien matériels, elle déteste également gaspiller son temps. La chercheuse propose à ce chapitre un renversement de l'autre thèse forte de Veblen. Celui-ci voyait les loisirs de la bourgeoisie comme des occasions de faire un usage improductif de leur temps, luxe rendu possible par leur aisance financière. La classe de loisir apprenait les langues mortes, partait en voyage en Europe, s'adonnait à la chasse à courre... En somme, n'importe quelle activité pourvu qu'elle semble absolument inutile.</p>

  564. 

  565. <p>La classe ambitieuse fait tout l'inverse: «<em>il existe une pression constante à être productif dans le travail comme dans la vie de tous les jours</em>», et les plages de temps libre sont considérées comme des occasions de s'améliorer. Le yoga et la gym «<em>révèlent la capacité à perfectionner son corps</em>», sans compter la flexibilité qu'exige la présence à une telle séance de souffrance un lundi à 11 heures du matin.</p>

  566. 

  567. <p>Même le divertissement est devenu un investissement scolaire et culturel depuis que des productions télévisuelles sorties de HBO ou de Netflix et des podcasts de médias permettent de se tenir au courant des tendances –et ainsi d'avoir quelque chose à dire lors d'un dîner ou d'une soirée. Un grand nombre des hobbies qui signalaient l'appartenance à la classe de loisir, écrit Elizabeth Currid-Halkett –comme les diplômes universitaires, la culture générale et la pratique du sport– «<em>sont aujourd'hui essentiels dans la mobilité sociale</em>», par exemple lors d'oraux de concours ou d'entretiens d'embauche.</p>

  568. 

  569. <h3>Maternité et voile de moralité</h3>

  570. 

  571. <p>La classe ambitieuse ne montre nulle part davantage son engagement à être meilleure que dans la maternité. Elizabeth Currid-Halkett consacre une longue partie à des choix devenus l'apanage des mères des classes supérieures aux États-Unis –l'accouchement naturel et à domicile, l'allaitement maternel.</p>

  572. 

  573. <p>Les contradictions révélées par ce livre sont l'occasion de repenser la nature des nouvelles inégalités sociales. En apparence, toutes les pratiques liées à la maternité décrites sont gratuites et donc à la portée de toutes les mères. Seulement, les études montrent qu'elles ne concernent que les plus éduquées. Des choix qui reposent en partie sur la contrainte économique et culturelle se voient revêtus d'une dimension morale:</p>

  574. 

  575. <div class="aside_blockquote">&#13;

  576. <p class="quote">Les fractures culturelles qui se font jour ne sont ni moins importantes, ni moins pressantes que les inégalités économiques abyssales qui, elles, font déjà l'objet d'un intense intérêt médiatique et intellectuel.</p>&#13;

  577. </div>

  578. 

  579. <p>«<em>Notre manière d’éduquer nos enfants, notre patrimoine culturel, nos choix d’alimentation deviennent des choix moraux</em> [...]. <em>La société fronce les sourcils en direction de ceux qui prennent de moins bonnes décisions dans ces domaines, ignorant obstinément que beaucoup de ces décisions, sur lesquelles pèsent un voile de moralité, sont des conséquences pratiques et réalistes d’une position socioéconomique.</em>»</p>

  580. 

  581. <p>En cela, les fractures culturelles qui se font jour ne sont ni moins importantes, ni moins pressantes que les inégalités économiques abyssales qui, elles, font déjà l'objet d'un intense intérêt médiatique et intellectuel. La classe ambitieuse a beau ne pas faire partie du 0,1% des super-riches, ses membres «<em>vivent dans un univers culturel beaucoup plus privilégié et totalement différent de la plupart d'entre nous</em>», souligne l'auteure, comme pour anticiper le reproche, désormais traditionnel, de taper sur les bobos et d'épargner les riches. </p>

  582. 

  583. <p>À la fin de la journée, il devient difficile de savoir ce qui relève de la logique économique et ce qui ressort de la domination culturelle, tant la chercheuse montre dans la dernière brique de son raisonnement à quel point les deux aspects sont interconnectés.</p>

  584. 

  585. <h3>Les petites choses qui cachent les grandes</h3>

  586. 

  587. <p>Comme le note le directeur de l'Observatoire des inégalités Louis Maurin, <a href="https://www.inegalites.fr/Inegalites-comment-expliquer-l-hypocrisie-de-la-gauche">l'un des rares à se pencher sur ce phénomène en France</a>, la «<em>bourgeoisie culturelle fait tout ce qu’elle peut pour occulter le rôle du capital culturel en matière de domination sociale</em>».</p>

  588. 

  589. <p>L'ironie suprême de <em>The Sum of Small Things</em> est de montrer que concernant les postes de dépense qui comptent vraiment, les attitudes de la classe ambitieuse ne seraient plus si post-matérialistes. L'analyse que mène la sociologue de certains postes de budgets –éducation des enfants (frais d'inscription, soutien scolaire...), dépenses de santé, services à la personne (nounous, femmes de ménage, jardiniers...)– minimise les postures désintéressées d'une partie de la population concernée: c'est dans ces postes non ostentatoires, qui comprennent l'immatériel et les services, que les dépenses des plus aisés augmentent le plus aux États-Unis.</p>

  590. 

  591. <div class="aside_blockquote">&#13;

  592. <p class="quote">[Les investissements dans l'immatériel] «<em>assurent la reproduction du statut </em>[...] <em>des enfants d’une manière qu’aucun bien matériel ne pourrait le faire.</em>»</p>&#13;

  593. &#13;

  594. <p class="author">Elizabeth Currid-Halkett</p>&#13;

  595. </div>

  596. 

  597. <p>En d'autres termes, le rejet de la consommation s'arrêterait aux petites choses, alors que pour les grandes, l'intérêt bien compris commande s'il le faut de mettre le paquet financièrement, loin des attitudes décroissantes ostentatoires. Là encore, l'ironie du livre joue à fond: ces investissements dans l'immatériel –frais d'inscription à l'université, soutien scolaire, etc.– «<em>assurent la reproduction du statut (et souvent également de la richesse) de leurs enfants d’une manière qu’aucun bien matériel ne pourrait le faire</em>».</p>

  598. 

  599. <p>Les classes populaires et moyennes peuvent bien craquer pour un biscuit trop sucré, un iPhone ou un sac soldé sur internet, les frais d'éducation ou de logement –pour résider dans une zone au marché de l'emploi dynamique– sont des biens totalement hors de leur portée. Sauf que c'est précisément dans cette arène que la compétition sociale se maintient, voire s'amplifie. La «<em>somme des petites choses</em>» révèle surtout l'importance préservée des plus grandes.</p>

  600. 

  601. <p>Le livre reste néanmoins flou sur la superposition plus ou moins totale des deux attitudes, post-consumériste d'une part et boulimique de services et de qualité de vie d'autre part. Parle-t-on systématiquement des mêmes populations? Pour le dire autrement, le légume moche de variété ancienne d'Amap va-t-il nécessairement avec le loft et la nounou? Ou bien, dans certains cas, voir s'éloigner la perspective du dit loft expliquerait-il le surinvestissement dans les petites choses qui continuent d'assurer une frontière bien étanche entre les populations culturellement favorisées et les autres?</p>

  602. 

  603. <p>Ouvrage attendu depuis des années pour sortir par le haut de l'incessante polémique sur la nature des bobos, <em>The Sum of Small Things</em> met un arsenal statistique impressionnant et de nombreuses observations de modes de consommation au service de l'étude d'un groupe social dont les membres ne sont pas tous dans la même situation d'opulence matérielle, mais partagent un rapport au culturel de plus en plus unifié. Ce poids central du savoir joue à son tour un rôle dans les chances de réussite sociale dans une économie dite de la connaissance, qui repose sur la qualité du «capital humain».</p>

  604.   </article>

  605. </section>

  606. 

  607. 

  608. <nav id="jumpto">

  609.   <p>

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

  611.     <a href="https://www.slate.fr/story/158947/consommation-sociologie-classe-ambitieuse-culture-inegalites-sociales">Source originale</a> |

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

  613.   </p>

  614. </nav>

  615. 

  616. <footer>

  617.   <div>

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

  619.     <p>

  620.       Bonjour/Hi!

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

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

  623.     </p>

  624.     <p>

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

  626.     </p>

  627.     

  628.     <p>

  629.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  646.     </p>

  647.     <p>

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

  649.     </p>

  650.     <p>

  651.       Je ne traque pas ta navigation mais mon

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

  653.       conserve des logs d’accès.

  654.     </p>

  655.   </div>

  656. </footer>

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

  658.   ;(_ => {

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

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

  661.       e.preventDefault()

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

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

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

  665.     })

  666.   })()

  667. </script>