davidbgk
/
larlet-fr-david-cache
Watch 1
Star 0
Fork 0
Code Releases 0 Activity
A place to cache linked articles (think custom and personal wayback machine)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
8 Commits
1 Branch
Tree: 50c589734e
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '50c589734e'
${ noResults }
larlet-fr-david-cache/cache/ac9de234a2df261d25a57e445c3.../index.html

index.html 39KB
Raw Blame History

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611 
  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>Critique d’une écologie privilégiée (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://uninvincibleete.com/2019/03/critique-ecologie-privileges/">

  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.   Critique d’une écologie privilégiée (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://uninvincibleete.com/2019/03/critique-ecologie-privileges/">Source originale du contenu</a></h3>

  463.     <p><span class="trx_addons_dropcap trx_addons_dropcap_style_1">L</span>e focus est plus que jamais placé sur l’urgence climatique, et on entend parler d’écologie à tous les coins de rue. J’en suis très heureuse, vous vous en doutez, et je suis aussi très contente que <strong>la blogosphère s’empare de ce sujet</strong> pour le médiatiser d’une autre manière et toucher plus de personnes à travers une expérience plus personnelle, moins journalistique. Conseils, bons plans, réflexions… les articles sur l’écologie éclosent comme les feuilles de mon hydrangéa pendant un redoux hivernal. Et c’est super. Alors d’où vient cette espèce de frustration qui m’étreint depuis quelques semaines ? Moi qui suis plutôt optimiste et positive, pourquoi je me sens si souvent en colère, face à une injustice que je n’arrive pas à pointer du doigt ?</p>

  464. 

  465. <p>Il y a quelques jours, traversée par cette frustration que je n’identifiais pas bien, j’ai tweeté <strong>sur le ton du rire jaune.</strong></p>

  466. 

  467. <blockquote class="wp-block-quote"><p> <em>Je suis en train de rédiger un article sur comment concilier conscience écologique et consommation.</em></p><p><em>Voici un extrait : « Il suffit d’être pauvre. »</em></p></blockquote>

  468. 

  469. <p>Je vois se multiplier les articles et les stories, sur toutes les plateformes, où chacun·e y va de son ressenti écolo. On joue à qui sera le plus <em>green</em>, on devise sur l’avion, les légumes de saison, la <em>fast fashion</em>, et dans cette petite guerre numérique, je ne peux m’empêcher de <strong>me tenir en retrait</strong>, frappée par une question qui depuis me taraude. L’écologie est-elle devenue un sujet bourgeois ? C’est une question qui a été maintes fois posées, souvent pour prouver par A + B que <em>non</em>, “il ne faut pas être riche pour manger bio”. D’ailleurs, le zéro déchet c’est aussi beaucoup d’économies, <strong>et bla bla bla</strong>. Je tourne et retourne le sujet dans ma tête, pas satisfaite par ces explications scientifiques, ces calculs.</p>

  470. 

  471. <p>Et puis <strong>je regarde mon mode de vie,</strong> j’essaye vaguement de le comparer à celui des personnes que je lis — je sais, c’est mal, mais c’était nécessaire pour l’exercice d’aujourd’hui. Et sans jugement de valeur aucun, sans misérabilisme, sans rien d’autre que des faits, j’ai compris ce qui séparait la facilité d’asséner des vérités d’un côté, et ma difficulté à moi, en tant qu’individu, d’être “écolo” au quotidien.</p>

  472. 

  473. <p><strong>Moi, je suis pauvre.</strong> Je la ferai courte parce que je n’écris pas cet article pour me plaindre (j’ose espérer que ma réflexion va <em>au-delà</em> de mon cas personnel), mais voilà ce sont les faits. Dans un foyer de deux personnes sans emploi, trop jeune pour toucher le RSA, <strong>je vis sous le seuil de pauvreté</strong> et mon pouvoir d’achat est nul. Et si mon expérience peut faire un peu de lumière sur un problème qu’a l’Internet écolo en ce moment, je me décide à la partager.</p>

  474. 

  475. <h1>Oui, être écolo est un luxe</h1>

  476. 

  477. <p>La viande coûte cher, les produits transformés et emballés coûtent cher, avoir une voiture coûte cher… et pourtant, je trouve qu’aujourd’hui encore, être écolo est un luxe que seule une certaine partie de la population peut se payer. <strong>Au-delà du prix coûtant</strong> que représentent certains produits de première nécessité — les serviettes hygiéniques bio sont 2x plus chères que les non-bio, la farine bio est 2 à 3x plus chère que la non-bio… —, il faut bien comprendre que devenir écolo <em>et le rester</em> a aussi <strong>un prix symbolique</strong>.</p>

  478. 

  479. <p>Prenons donc mon exemple personnel. Quand j’avais un peu plus d’argent et un revenu stable, <strong>je suis devenue végane</strong> et j’ai fait de réels efforts pour réduire mes déchets. J’ai acheté des cosmétiques solides, j’ai cuisiné beaucoup plus de produits bruts, acheté en vrac la majorité de ces produits, et j’ai même cuisiné les épluchures de mes végétaux. Je triais aussi bien mieux mes déchets, et consommais beaucoup moins de plastique. <strong>Puis mon niveau de vie a baissé. </strong>Je suis devenue plus pauvre et très précaire, et tous mes efforts sont rapidement partis en fumée. Taraudée par l’angoisse financière, mes TCA sont revenus, et j’ai recommencé à manger du fromage. Puis à acheter des biscuits emballés, à moins cuisiner, à opter pour la facilité. Pourquoi ? <strong>Suis-je devenue fainéante ?</strong> Mes convictions écolo se sont-elles envolées ?</p>

  480. 

  481. <p>Pour se documenter sur les alternatives à la consommation traditionnelle, pour déconstruire nos automatismes et mettre en place de nouveaux comportements, <strong>il faut <em>plus</em> que du temps</strong>. Il faut surtout de l’espace mental, un luxe que la pauvreté n’autorise pas. </p>

  482. 

  483. <blockquote class="wp-block-quote"><p>Quand on vit dans la précarité, c’est malheureux à dire, mais on a clairement d’autres soucis en tête que le volume de déchets qu’on produit.</p></blockquote>

  484. 

  485. <p>L’écologie passe au second plan, parce que ce n’est tout simplement pas être écolo qui va nous permettre de survivre, <em>dans l’immédiat</em>. <strong>Pas vivre, hein, non : survivre. </strong>Garder le toit qu’on a sur la tête, pouvoir se chauffer (ou trouver des stratégies pour avoir chaud sans se chauffer, d’ailleurs), manger à sa faim. On regarde à court terme, ce qui n’est pas un mode de pensée écolo, on le sait — et pourtant c’est <strong>la seule chose qui compte</strong> dans l’immédiat. L’urgence personnelle surpasse l’urgence globale.</p>

  486. 

  487. <p><strong>Il faut une énergie dingue pour être écolo</strong>, car être écolo c’est jongler entre la colère envers les pouvoirs publics immobiles, la culpabilité de ne jamais en faire assez au niveau personnel, et la nécessité, du coup, d’en faire toujours plus pour pallier tout ça. Avoir l’énergie pour ces contorsions mentales, <strong>c’est un véritable privilège</strong>. C’est déjà difficile pour moi, et ma situation est loin d’être la pire. Imaginons cinq minutes combien les préoccupations écologiques peuvent passer par-dessus la jambe d’une mère célibataire de trois enfants en bas-âge, qui travaille au SMIC. Est-ce que c’est sa faute ? Doit-on blâmer les pauvres de ne pas avoir le temps physique et mental de réfléchir et d’agir ? Le problème ne viendrait-il pas <strong>d’un peu plus haut</strong> ?</p>

  488. 

  489. <h1>La responsabilité des uns, et celle des autres</h1>

  490. 

  491. <p>Il existe actuellement deux courants prépondérants dans les discours écologiques, qui <strong>se rencontrent, s’accordent ou se déchirent</strong> : la responsabilité individuelle <em>vs.</em> la responsabilité politique. D’un côté, “chaque petit pas est important” et, tels des colibris, nous devons <strong>agir chacun·e à notre échelle</strong> pour sauver la planète. De l’autre, les gouvernements ne font pas du tout leur travail et il est presque vain de s’astreindre à une discipline personnelle si au niveau politique, il est toujours permis voire encouragé <strong>de polluer, d’exploiter et de détruire</strong>. Les deux postures sont à mon sens complémentaires, je ne suis pas là pour vous dire que les pauvres n’ont pas à faire le moindre effort parce que de toute façon, l’industrie de la viande pollue plus à elle seule que tous les prolos de France.<strong> (même si c’est vrai, au fond)</strong></p>

  492. 

  493. <p>Mais quand on parle d’efforts individuels, il y a quelque chose qui me frappe. <strong>C’est quoi, faire un effort, quand on vit confortablement ?</strong> Que leurs coûtent leurs efforts, aux riches, par rapport à ceux des pauvres ? Comme le disait <a rel="noreferrer noopener" aria-label="Bénédicte (s’ouvre dans un nouvel onglet)" href="https://seaandseed.fr/" target="_blank">Bénédicte</a> pendant une des conversations qui a donné naissance à cet article :</p>

  494. 

  495. <blockquote class="wp-block-quote"><p>On peut tous·tes prendre nos responsabilités, mais certain·es peuvent le faire plus que d’autres.</p></blockquote>

  496. 

  497. <p>Au niveau individuel,<strong> il me paraît cruel, et injuste</strong>, de mettre sur le même plan les efforts des riches et ceux des pauvres. Ce n’est pas une opinion très populaire, à une heure où on aime bien dire qu’il n’y a pas de pas mieux que les autres, qu’il n’y a pas de concours à l’écologie. Il n’y a pas de médaille pour qui sera le plus <em>green</em>, mais il y a clairement <strong>deux poids deux mesures</strong>… Quand on compare l’impact carbone d’<em>un</em> aller-retour Paris-New York (<a rel="noreferrer noopener" aria-label="1 tonne de CO₂ par passager (s’ouvre dans un nouvel onglet)" href="https://www.futura-sciences.com/planete/actualites/terre-paris-new-york-aller-retour-tonne-co2-passager-4961/" target="_blank">1 tonne de CO₂ par passager</a>) et celui d’un kilo de tomates hors sol (<a rel="noreferrer noopener" aria-label="2,2 kg de CO₂ (s’ouvre dans un nouvel onglet)" href="http://www.bilans-ges.ademe.fr/documentation/UPLOAD_DOC_FR/index.htm?produits_vegetaux.htm" target="_blank">2,2 kg de CO₂</a>), qui devrait faire le plus d’efforts ?</p>

  498. 

  499. <p>À mon avis, c’est la personne qui a assez d’argent pour que son esprit arrive à <strong>ne serait-ce qu’envisager un A/R Paris-New York</strong>. Pas la personne qui achète un kilo de tomates en hiver parce qu’elles sont en promo, et que ça lui permettra de manger des légumes frais une fois dans la semaine. Parce que soyons honnêtes : qu’est-ce qui est <strong>le plus vital à la survie</strong> de l’individu ? Le voyage, ou les vitamines ?</p>

  500. 

  501. <p>Sur Internet, on aime bien dire qu’<strong>on vote avec son porte-monnaie</strong>, qu’on est tous·tes des “consomm’acteurs”. C’est vachement bien tout ça, mais c’est aussi un peu faux. Quand on achète, parfois, on n’a juste pas le choix. On aimerait bien n’acheter que du bio, ne soutenir que l’économie locale, et toujours boycotter les entreprises qui ne respectent pas les droits de l’homme. Mais avec toute la bonne volonté du monde, on ne peut pas toujours, <strong>voire pas souvent dans certains cas</strong>. Ce serait un peu comme voter, mais sur la table, vous ne pouvez prendre que les bulletins pour les candidats les plus pourris. (comment ça, c’est déjà le cas ?)</p>

  502. 

  503. <p>C’est particulièrement prégnant quand on parle de mode. Déjà, parler de “mode”, c’est se placer dans <strong>une posture très privilégiée</strong>, sans même s’en rendre compte. Pour plein de gens, les vêtements ce n’est pas une question de mode : c’est tout simplement de l’habillement. La tendance n’a pas grand chose à voir là-dedans. Et on lit que <em>franchement</em>, c’est tellement plus judicieux d’investir dans <strong>un bon basique de qualité</strong>, que d’acheter de la <em>fast fashion</em> qui durera beaucoup moins longtemps. Et tant qu’on y est, autant acheter ce bon basique dans une marque éthique, puisqu’il durera des années : c’est tout bénéf’ !</p>

  504. 

  505. <p><strong>Dans la vraie vie</strong> des gens précaires, voici ce qui peut par exemple se passer :</p>

  506. 

  507. <p><em>J’ai des sous-pull basiques à mettre sous mes pulls en hiver quand il fait froid. Je ne les ai pas achetés, c’est ma mère qui me les a donnés (et ils ne viennent pas d’une entreprise éthique). Il ne me vont pas très bien, ils sont un peu trop grands, je ne me sens pas très jolie dedans. Mais bon, j’avais froid, et je ne peux pas me permettre de <strong>faire la fine bouche</strong>. Hier, mon chat s’est débattu et a fait un trou dans un de ces basiques. Je me retrouve confrontée à un choix. 1) racheter un sous-pull chez H&amp;M car <strong>c’est tout ce que je peux me permettre</strong>. L’option sous-pull éthique à 55€ même si elle durera 10 ans, ça représente plus d’une semaine de courses alimentaires à payer <strong>maintenant</strong> donc c’est niet. 2) continuer à porter un vêtement troué, de toute façon je mettrai un pull par-dessus, et puis c’est minime comme trou, oui OK c’est vraiment sur le devant, ça risque de s’agrandir, mais bon en attendant, ça fera l’affaire.</em></p>

  508. 

  509. <p>(la première personne qui commente pour me dire qu’il suffit d’apprendre à coudre sera <strong>gentiment renvoyée aux paragraphes précédents</strong>)</p>

  510. 

  511. <p>Ce qui me fait rire, c’est qu’on parle souvent d’<em>investir</em> dans une pièce éthique, en oubliant peut-être <strong>la base du principe d’investissement</strong>. </p>

  512. 

  513. <blockquote class="wp-block-quote"><p><em>Investir, v. : employer, placer (des capitaux) dans une entreprise</em>.</p></blockquote>

  514. 

  515. <p>Pour pouvoir investir, il faut avant tout avoir de l’argent, en fait. Investir dans des pièces éthiques, en tout cas <strong>en faire une ligne de conduite</strong>, c’est un truc de riches.</p>

  516. 

  517. <h1>La blogosphère, un milieu privilégié</h1>

  518. 

  519. <p>Pour en revenir à mon sujet de prédilection, il est indéniable que la majorité des préoccupations écologiques qu’on trouve sur les blogs <em>green</em> (et même chez celleux qui se découvrent une conscience écologique), sont des préoccupations de privilégié·es. C’est facile de discourir sur l’avion <strong>quand on peut le prendre</strong>. Je pense que toutes les personnes qui n’ont jamais pris l’avion de leur vie faute de moyens regardent ces débats d’un œil un peu amusé, façon “délire de riches”. Facile aussi de deviser sur les bénéfices de la mode éthique quand on peut se l’offrir.</p>

  520. 

  521. <p>Et même quand on touche à des sujets comme le zéro déchet et le minimalisme, où on prône la décroissance, on tombe sur des discours <strong>remarquablement éloignés des réalités économiques</strong>. Mais oui, c’est super la cosmétique zéro déchet ! Il n’empêche qu’un dentifrice solide, même s’il dure un an, <strong>coûte 12 € à l’achat</strong>. Face à un budget riquiqui et instable, la personne précaire continuera d’acheter son dentifrice “plein de merde” (vous le voyez, le jugement de valeur ?) à 1,50 € au supermarché. C’est top d’être minimaliste, mais là aussi c’est une déconstruction qui s’opère quand on a le loisir d’y réfléchir. Quand on est dans une posture où <strong>se débarrasser d’un objet n’est pas si grave</strong>, parce qu’au pire, si on réalise qu’on en avait quand même besoin, on peut toujours en racheter un — de préférence de meilleure qualité, produit dans de meilleures conditions. Il est plus aisé de se détacher du matériel <strong>quand on a pu d’abord le posséder</strong>, et quand on sait qu’on pourra le posséder à nouveau si l’envie nous prend.</p>

  522. 

  523. <h1>Le pouvoir d’achat des blogueur·ses</h1>

  524. 

  525. <p>La blogosphère ne peut être qu’<strong>une reproduction miniature de la société</strong> dans laquelle on vit. À savoir que les personnes qui ont le plus d’audience seront, par voie d’élimination, les personnes qui ont le plus de moyens pour se faire entendre. Pour “réussir” sur la blogosphère (et sur les réseaux sociaux), il faut avoir un joli blog (ça coûte de l’argent), faire de belles photos (il faut un bon appareil/téléphone) (et/ou, dans les deux cas, du temps pour se former), et puis il faut avoir des choses à raconter. Souvent, ça passe par <strong>parler de produits, achetés ou reçus</strong>. Je suis mal placée pour remettre ce système en question : j’adore lire les revues beauté de mes blogueuses préférées, et moi-même, j’aime bien parler des objets qui peuplent mon quotidien quand j’en suis satisfaite. Et qu’on s’entende bien, je suis parfaitement consciente qu’un de mes derniers articles présente des cosmétiques <strong>inaccessibles à la plupart des bourses</strong> (la mienne la première, en fait…).</p>

  526. 

  527. <p>La blogosphère <em>green</em> se prend de passion pour les produits éthiques, et c’est super de mettre en valeur de telles initiatives. Les blogueuses dont l’activité sur Internet est le métier répètent, et à raison, que recevoir des produits gratuitement ne leur permet pas de <strong>payer leurs factures</strong>. C’est vrai. Cependant, mettre en valeur des produits éthiques reste une démarche rendue possible majoritairement par une posture de privilège. <strong>Soit on vous a envoyé le produit</strong> pour que vous en parliez : ça ne paye pas les factures, mais il n’empêche que vous n’avez pas dû entamer votre budget vital pour l’essayer. Soit vous êtes assez confortable financièrement <strong>pour pouvoir vous payer ce produit onéreux</strong> sans que ça vous mette en galère.</p>

  528. 

  529. <p>C’est donc un petit peu culotté de venir reprendre les personnes qui soulignent ce prix élevé, en leur disant “<strong>L’éthique a un coût, c’est comme ça un point c’est tout”</strong>. Ou de souligner qu’on ne force pas à l’achat, qu’on présente juste des produits, et de s’étonner — souvent, avec une pointe de condescendance — de la frustration que cette communication engendre. Je suis persuadée que les ¾ des personnes qui sont frustrées de ne pas pouvoir s’offrir tel produit coûteux présenté par une blogueuse, portent en elles une frustration bien plus profonde, <strong>une blessure même</strong>. Celle de ne pas pouvoir se faire plaisir régulièrement sans avoir à faire des calculs mathématiques pour que tout passe sans creuser le découvert. Et qu’on ne vienne pas me dire que les blogueuses qui reçoivent des cosmétiques pour test ne sont pas, malgré le fait que c’est leur travail, <strong>très contentes d’accéder à ce plaisir</strong> sans presque avoir à y réfléchir.</p>

  530. 

  531. <p>Globalement, la société a tendance a approuver un discours où <strong>on explique gentiment aux pauvres</strong> que ce n’est pas si compliqué, de ne pas consommer quand on n’en a pas les moyens : il suffit de détourner les yeux, voilà tout.</p>

  532. 

  533. <blockquote class="wp-block-quote"><p>Il suffit de comprendre la différence entre désir et besoin, et se contenter de combler ces derniers, voilà tout.</p></blockquote>

  534. 

  535. <p>On ne questionne pas du tout le problème de fond, qui est cette <em>impossibilité</em> de consommer. Pendant ce temps les riches, eux, accèdent au moindre de leurs désirs en claquant des doigts. <strong>On n’exhorte jamais les riches à la modération.</strong></p>

  536. 

  537. <h1>Pas de justice climatique sans justice sociale</h1>

  538. 

  539. <p>L’écologie est devenue tendance, et <strong>du coup on la dépolitise</strong>. Pourtant, toutes les hautes instances sont d’accord sur ce point : il est impossible de réclamer la justice climatique sans parler de justice sociale. D’un point de vue mondial, ce sont les personnes les plus pauvres, <strong>dans les pays les plus pauvres</strong>, qui souffriront en premier (et souffrent déjà, d’ailleurs), des conséquences du réchauffement climatique. Ledit réchauffement qui est de la responsabilité des pays riches, pour l’immense partie.</p>

  540. 

  541. <p>Mais même à l’échelle locale, comment prôner l’écologie avec <strong>un discours manichéen et individualiste</strong> ? Dans tous les calculs en ligne générant une estimation de l’empreinte carbone individuelle, on calcule l’impact des logements. Ce sont les pauvres qui vivent dans des logements mal isolés, qui font grimper leur empreinte carbone. Est-ce que dans ce cas, c’est le poids de cette empreinte carbone qui devrait être important ? Plutôt que le fait que des milliers de pauvres vivent dans des logements où, injustice suprême, l’énergie qui devrait les chauffer <strong>et qui leur coûte tant d’argent</strong>, s’évapore littéralement par les interstices entre les fenêtres et les murs ? À la merci de propriétaires avares qui empochent des loyers toujours plus faramineux sur le dos de locataires toujours plus précaires ?</p>

  542. 

  543. <p>Il est urgent de développer <strong>une conscience sociale plus large</strong> que le bout de notre nez pour pouvoir parler d’écologie plus intelligemment. Il est urgent qu’à notre angoisse grandissante face à l’urgence climatique et qui nous pousse à tirer toutes les sonnettes d’alarme, on ajoute une colère grondante contre un système et des politiques qui ne donnent pas à <strong>tout le monde les mêmes chances</strong> de faire leur part. On ne peut pas se contenter de distiller des conseils qui ne peuvent s’appliquer qu’à une frange de la population, et on ne peut pas s’étonner de récolter des commentaires désabusés quand on traite avec condescendance des comportements <strong>qu’on a eu le luxe de déconstruire</strong>.</p>

  544. 

  545. <p>La réflexion écologique ne s’arrête pas non plus à un nouveau rapport à la consommation, <strong>ça doit aller plus loin</strong>. Pour que tout le monde puisse participer, il faut que le travail soit mieux réparti entre les populations, que les hommes prennent leur part — car comme le soulignait <a rel="noreferrer noopener" aria-label="Julie (s’ouvre dans un nouvel onglet)" href="http://www.bananapancakes.fr" target="_blank">Julie</a>, <strong>l’écologie individuelle est un travail domestique</strong>, qui incombe donc le plus souvent aux femmes. Mais aussi qu’on remette en question le modèle actuel du travail, qui monopolise la moitié de notre temps éveillé. Malgré ce qu’on veut bien croire, parce que ça nous donne <strong>l’impression de contrôler</strong> ce qui nous arrive, l’écologie est loin d’être uniquement une question de bonne volonté.</p>

  546. 

  547. <p>La fable du colibri, tellement à la mode, elle me fait bien marrer. <a rel="noreferrer noopener" aria-label="Laëtitia (s’ouvre dans un nouvel onglet)" href="http://www.eleusis-megara.fr" target="_blank">Laëtitia</a> le rappelait dans un autre débat sur Twitter (décidément !) : à force de <em>faire sa part</em> face à une catastrophe bien plus grande que lui, et regardé d’un œil moqueur par le reste de la faune, <strong>le colibri ne peut que mourir d’épuisement</strong>. Cyniquement, c’est peut-être la meilleure métaphore pour parler des pauvres, les grands oubliés de l’écologie. Sans cesse rabaissés, jugés, <strong>ils n’en font jamais assez</strong>. Si on tenait les riches aux mêmes standards que les allocataires du RSA, peut-être que la catastrophe écologique pourrait être évitée. En attendant, on peut deviser tout ce qu’on veut sur nos cotons lavables, nos pailles en inox, et compter nos paires de chaussures véganes. Mais ce serait bien de penser, une fois de temps en temps, que certain·es, et ils sont plus nombreux·ses qu’on le croit, n’ont pas les moyens de <strong>remplacer leur seule paire de pompes</strong> quand elle lâche. Alors prendre l’avion…</p>

  548.   </article>

  549. </section>

  550. 

  551. 

  552. <nav id="jumpto">

  553.   <p>

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

  555.     <a href="https://uninvincibleete.com/2019/03/critique-ecologie-privileges/">Source originale</a> |

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

  557.   </p>

  558. </nav>

  559. 

  560. <footer>

  561.   <div>

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

  563.     <p>

  564.       Bonjour/Hi!

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

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

  567.     </p>

  568.     <p>

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

  570.     </p>

  571.     

  572.     <p>

  573.       Voici quelques articles choisis :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  590.     </p>

  591.     <p>

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

  593.     </p>

  594.     <p>

  595.       Je ne traque pas ta navigation mais mon

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

  597.       conserve des logs d’accès.

  598.     </p>

  599.   </div>

  600. </footer>

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

  602.   ;(_ => {

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

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

  605.       e.preventDefault()

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

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

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

  609.     })

  610.   })()

  611. </script>