davidbgk
/
larlet-fr-david-cache

<!doctype html><!-- This is a valid HTML5 document. -->
<!-- Screen readers, SEO, extensions and so on. -->
<html lang=fr>
<!-- Has to be within the first 1024 bytes, hence before the <title>
  See: https://www.w3.org/TR/2012/CR-html5-20121217/document-metadata.html#charset -->
<meta charset=utf-8>
<!-- Why no `X-UA-Compatible` meta: https://stackoverflow.com/a/6771584 -->
<!-- The viewport meta is quite crowded and we are responsible for that.
  See: https://codepen.io/tigt/post/meta-viewport-for-2015 -->
<meta name=viewport content="width=device-width,minimum-scale=1,initial-scale=1,shrink-to-fit=no">
<!-- Required to make a valid HTML5 document. -->
<title>Quel est le plus lourd : le kilo de plomb ou le kilo de plumes ? (archive) — David Larlet</title>
<!-- Generated from https://realfavicongenerator.net/ such a mess. -->
<link rel="apple-touch-icon" sizes="180x180" href="/static/david/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/david/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/david/icons/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/static/david/icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/static/david/icons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="David Larlet">
<meta name="application-name" content="David Larlet">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/static/david/icons/browserconfig.xml">
<meta name="theme-color" content="#f0f0ea">
<!-- That good ol' feed, subscribe :p. -->
<link rel=alternate type="application/atom+xml" title=Feed href="/david/log/">

  <meta name="robots" content="noindex, nofollow">
  <meta content="origin-when-cross-origin" name="referrer">
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://couleur-science.eu/?d=e4a32d--quel-est-le-plus-lourd-le-kilo-de-plomb-ou-le-kilo-de-plumes">

<style>
/* http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, img, ins,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* http://practicaltypography.com/equity.html */
/* https://calendar.perfplanet.com/2016/no-font-face-bulletproof-syntax/ */
/* https://www.filamentgroup.com/lab/js-web-fonts.html */
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Regular-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Italic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'EquityTextB';
  src: url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff2') format('woff2'),
       url('/static/david/css/fonts/Equity-Text-B-Bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ConcourseT3';
  src: url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff2') format('woff2'),
       url('/static/david/css/fonts/concourse_t3_regular-webfont-20190806.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


/* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
body {
  /* http://www.cssfontstack.com/ Palatino 99% Win 86% Mac */
  font-family: "EquityTextB", Palatino, serif;
  background-color: #f0f0ea;
  color: #07486c;
  font-kerning: normal;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";
}
pre, code, kbd, samp, var, tt {
  font-family: 'TriplicateT4c', monospace;
}
em {
  font-style: italic;
  color: #323a45;
}
strong {
  font-weight: bold;
  color: black;
}
nav {
  background-color: #323a45;
  color: #f0f0ea;
  display: flex;
  justify-content: space-around;
  padding: 1rem .5rem;
}
  nav:last-child {
    border-bottom: 1vh solid #2d7474;
  }
  nav a {
    color: #f0f0ea;
  }
  nav abbr {
    border-bottom: 1px dotted white;
  }

h1 {
  border-top: 1vh solid #2d7474;
  border-bottom: .2vh dotted #2d7474;
  background-color: #e3e1e1;
  color: #323a45;
  text-align: center;
  padding: 5rem 0 4rem 0;
  width: 100%;
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
}
  h1.single {
    padding-bottom: 10rem;
  }
  h1 span {
    position: absolute;
    top: 1vh;
    left: 20%;
    line-height: 0;
  }
    h1 span a {
      line-height: 1.7;
      padding: 1rem 1.2rem .6rem 1.2rem;
      border-radius: 0 0 6% 6%;
      background: #2d7474;
      font-size: 1.3rem;
      color: white;
      text-decoration: none;
    }
h2 {
  margin: 4rem 0 1rem;
  border-top: .2vh solid #2d7474;
  padding-top: 1vh;
}
h3 {
  text-align: center;
  margin: 3rem 0 .75em;
}
hr {
  height: .4rem;
  width: .4rem;
  border-radius: .4rem;
  background: #07486c;
  margin: 2.5rem auto;
}
time {
  display: bloc;
  margin-left: 0 !important;
}
ul, ol {
  margin: 2rem;
}
ul {
  list-style-type: square;
}
a {
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 0.05em;
  text-underline-offset: 0.09em;
}
article {
  max-width: 50rem;
  display: flex;
  flex-direction: column;
  margin: 2rem auto;
}
  article.single {
    border-top: .2vh dotted #2d7474;
    margin: -6rem auto 1rem auto;
    background: #f0f0ea;
    padding: 2rem;
  }
  article p:last-child {
    margin-bottom: 1rem;
  }
p {
  padding: 0 .5rem;
  margin-left: 3rem;
}
  p + p,
  figure + p {
    margin-top: 2rem;
  }

blockquote {
  background-color: #e3e1e1;
  border-left: .5vw solid #2d7474;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  margin: 1.5rem;
}
  blockquote cite {
    font-style: italic;
  }
  blockquote p {
    margin-left: 0;
  }

figure {
  border-top: .2vh solid #2d7474;
  background-color: #e3e1e1;
  text-align: center;
  padding: 1.5rem 0;
  margin: 1rem 0 0;
  font-size: 1.5rem;
  width: 100%;
}
  figure img {
    max-width: 250px;
    max-height: 250px;
    border: .5vw solid #323a45;
    padding: 1px;
  }
figcaption {
  padding: 1rem;
  line-height: 1.4;
}
aside {
  display: flex;
  flex-direction: column;
  background-color: #e3e1e1;
  padding: 1rem 0;
  border-bottom: .2vh solid #07486c;
}
  aside p {
    max-width: 50rem;
    margin: 0 auto;
  }

/* https://fvsch.com/code/css-locks/ */
p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
  font-size: 1rem;
  line-height: calc( 1.5em + 0.2 * 1rem );
}
h1 {
  font-size: 1.9rem;
  line-height: calc( 1.2em + 0.2 * 1rem );
}
h2 {
  font-size: 1.6rem;
  line-height: calc( 1.3em + 0.2 * 1rem );
}
h3 {
  font-size: 1.35rem;
  line-height: calc( 1.4em + 0.2 * 1rem );
}
@media (min-width: 20em) {
  /* The (100vw - 20rem) / (50 - 20) part
     resolves to 0-1rem, depending on the
     viewport width (between 20em and 50em). */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.5em + 0.2 * (100vw - 50rem) / (20 - 50) );
    margin-left: 0;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.2em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.3em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * (100vw - 20rem) / (50 - 20) );
    line-height: calc( 1.4em + 0.2 * (100vw - 50rem) / (20 - 50) );
  }
}
@media (min-width: 50em) {
  /* The right part of the addition *must* be a
     rem value. In this example we *could* change
     the whole declaration to font-size:2.5rem,
     but if our baseline value was not expressed
     in rem we would have to use calc. */
  p, li, pre, code, kbd, samp, var, tt, time, details, figcaption {
    font-size: calc( 1rem + .6 * 1rem );
    line-height: 1.5em;
  }
  p, li, pre, details {
    margin-left: 3rem;
  }
  h1 {
    font-size: calc( 1.9rem + 1.5 * 1rem );
    line-height: 1.2em;
  }
  h2 {
    font-size: calc( 1.5rem + 1.5 * 1rem );
    line-height: 1.3em;
  }
  h3 {
    font-size: calc( 1.35rem + 1.5 * 1rem );
    line-height: 1.4em;
  }
  figure img {
    max-width: 500px;
    max-height: 500px;
  }
}

figure.unsquared {
  margin-bottom: 1.5rem;
}
  figure.unsquared img {
    height: inherit;
  }


@media print {
  body { font-size: 100%; }
  a:after { content: " (" attr(href) ")"; }
  a, a:link, a:visited, a:after {
    text-decoration: underline;
    text-shadow: none !important;
    background-image: none !important;
    background: white;
    color: black;
  }
  abbr[title] { border-bottom: 0; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  img { page-break-inside: avoid; }
  @page { margin: 2cm .5cm; }
  h1, h2, h3 { page-break-after: avoid; }
  p3 { orphans: 3; widows: 3; }
  img {
    max-width: 250px !important;
    max-height: 250px !important;
  }
  nav, aside { display: none; }
}

ul.with_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_columns {
    column-count: 2;
  }
}
@media (min-width: 50em) {
  ul.with_columns {
    column-count: 3;
  }
}
ul.with_two_columns {
  column-count: 1;
}
@media (min-width: 20em) {
  ul.with_two_columns {
    column-count: 1;
  }
}
@media (min-width: 50em) {
  ul.with_two_columns {
    column-count: 2;
  }
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
  .gallery figure img {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .gallery figure figcaption {
    font-family: 'ConcourseT3'
  }

footer {
  font-family: 'ConcourseT3';
  display: flex;
  flex-direction: column;
  border-top: 3px solid white;
  padding: 4rem 0;
  background-color: #07486c;
  color: white;
}
  footer > * {
    max-width: 50rem;
    margin: 0 auto;
  }
  footer a {
    color: #f1c40f;
  }
  footer .avatar {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    float: left;
    -webkit-shape-outside: circle();
    shape-outside: circle();
    margin-right: 2rem;
    padding: 2px 5px 5px 2px;
    background: white;
    border-left: 1px solid #f1c40f;
    border-top: 1px solid #f1c40f;
    border-right: 5px solid #f1c40f;
    border-bottom: 5px solid #f1c40f;
  }
</style>

<h1>
  <span><a id="jumper" href="#jumpto" title="Un peu perdu ?">?</a></span>
  Quel est le plus lourd : le kilo de plomb ou le kilo de plumes ? (archive)
  <time>Pour la pérennité des contenus liés. Non-indexé, retrait sur simple email.</time>
</h1>
<section>
  <article>
    <h3><a href="https://couleur-science.eu/?d=e4a32d--quel-est-le-plus-lourd-le-kilo-de-plomb-ou-le-kilo-de-plumes">Source originale du contenu</a></h3>
    <p><img src="https://couleur-science.eu/img/c2/plume.jpg" alt="une plume" class="imgcover"/><br/>
&#13;C’est une question classique posée aux enfants pour leur enseigner des notions rudimentaires de la science. La réponse normale est évidemment qu’ils sont <strong>tous les deux aussi lourds</strong>.</p>

<p><em>Ou pas !</em></p>

<p>Car selon ce qu’on veut dire par « lequel est le plus lourd ? », la réponse peut se discuter. Pour la définition de « lourd », je vois trois possibilités :</p>

<ul><li> lequel a la plus grande masse ?</li>&#13;<li> lequel a le plus grand poids ?</li>&#13;<li> lequel est le plus difficile à soulever ?</li></ul>

<p>Dans les trois cas, la réponse est différente !</p>

<h2>Les masses</h2>

<h3>Masse grave et inerte</h3>

<p>On définit la masse de deux manières :</p>

<ul><li> comme le coefficient de résistance à l’accélération : c’est son <em>inertie</em>, et on parle alors de la « <em>masse inerte</em> ».</li>&#13;<li> comme le coefficient de soumission à la force de gravité : une masse plus grande signifie une attraction plus grande. On parle de la masse grave (comme dans « gravité »).</li></ul>

<p>Sans qu’on ne sache encore pourquoi, la Nature a fait en sorte que la masse grave et la masse inerte soient égales. Cette égalité est appelé « <a href="https://fr.wikipedia.org/wiki/Principe_d%27%C3%A9quivalence#Le_principe_d'%C3%A9quivalence_faible">principe d’équivalence faible</a> » et est un principe fondamental en physique.</p>

<p>Tout ça est intéressant, mais on n’en a pas besoin ici, car la masse d’un kilogramme de plomb est strictement identique à la masse d’un kilogramme de plumes, par définition. Un kilogramme = un kilogramme, point.</p>

<h3>Masse comme quantité de matière</h3>

<p>Si l’on définit la masse comme une quantité de matière en revanche, on peut discuter : parle t-on d’un nombre d’atomes ? de nucléons (protons et neutrons) ?<br/>&#13;Dans un atome, 99,95 % de la masse est contenue dans le noyau et le 0,05 % restant est dans les électrons.</p>

<p>Dans ce cas, on peut compter le nombre de nucléons dans un kilogramme de plumes et le nombre de nucléons dans un kilogramme de plomb. Et là… on trouvera une différence !</p>

<p>En physique nucléaire, la masse des nucléons pesés de façon séparée est plus importante que la masse des nucléons collés ensemble !<br/>&#13;Ainsi, 4 atomes d’hydrogène (4×1 nucléon) est plus massif qu’un seul atome d’hélium (1×4 nucléons). Ceci, parce que le simple fait que les nucléons soient collés ensemble constitue une forme d’énergie : de l’énergie de cohésion nucléaire. Quand on fusionne de l’hydrogène en hélium (<a href="?d=1ae1c3--comment-fonctionne-le-soleil et toutes les étoiles">chose qui se passe dans le Soleil</a>), environ 1 % de la masse est convertie en énergie (sous forme de rayonnement, de chaleur).</p>

<p>La relation entre l’énergie libérée et la masse perdue est donnée par l’équation d’équivalence masse-énergie bien connue :</p>

<p>$$\text{Énergie} = \text{masse} \times \text{célérité de la lumière}^2$$</p>

<p>Du coup, dans l’atome de plomb qui possède entre 202 et 210 nucléons collés ensembles, la différence de masse devient significative par rapport aux atomes de carbone ou d’oxygène beaucoup plus petits constituants les plumes.</p>

<p>Notre kilogramme de plumes possède moins de nucléons que notre kilogramme de plomb. Leur masse restera identique, mais le nombre de particules diffère. Peut-on alors dire que la quantité de matière diffère aussi ?</p>

<h2>Le poids</h2>

<p>Dans le langage courant, on désigne par « le poids » la force avec laquelle la gravité terrestre tire les objets vers le bas (vers elle). La force attractive sur un objet de masse $m_1$ fixe dépend alors de la masse $m_2$ de la planète et de sa géométrie :</p>

<p>$$\text{force} = \text{G} \times \frac{\text{m}_1\times\text{m}_2}{d^2}$$</p>

<p>Si la masse de la planète ($m_2$) est constante elle aussi, alors la seule variable est la distance $d$ entre la planète (son centre, en fait) et notre plomb et plumes (là aussi, leur centres de masse).</p>

<p>Du coup, si l’on considère un kilo de plomb posé par terre sous la forme d’un cube de métal et le kilo de plumes comme un gros sac de plumes alors une partie du sac de plumes sera plus éloignée de la Terre que le cube de plomb.<br/>&#13;Cette partie sera un (tout petit peu) moins attirée vers la terre : dans cette configuration, le poids des plumes sera alors moindre que celle du plomb.</p>

<p>Si l’on veut obtenir le même poids pour les deux, il faut que le centre de masse du cube de plomb soit au même niveau que le centre de masse du sac de plumes. On peut accomplir ça en surélevant le plomb, ou bien en étalant les plumes. Toujours est-il que si vous imaginiez « <em>un kilo de plumes</em> » comme un gros sac bien volumineux, alors <strong>le kilo de plomb a un poids plus important que le kilo de plumes</strong>.</p>

<h2>Le plus dur à soulever</h2>

<p>Dans l’exemple précédent, le plomb étant un peu plus proche de la Terre, il est également plus attiré et donc plus pesant : le soulever est donc plus difficile d’un iota. Mais ce n’est pas tout.</p>

<p>Il y a autre chose à considérer : <strong>la poussée d’Archimède</strong>. En effet, même hors de l’eau, nous sommes toujours plongés dans un fluide : l’air ! <strong>L’air est un fluide</strong> et chaque objet qu’on immerge élève le niveau de l’atmosphère d’autant plus que cet objet est volumineux. L’objet subit une force de la part de l’atmosphère qui s’oppose à son immersion. Cette force (ou poussée) est nommée poussée d’Archimède et est dirigée vers le haut.</p>

<p><strong>La poussée d’Archimède est quantifiée comme la valeur du poids du volume de fluide déplacé (mais dans le sens opposé) :</strong></p>

<p>$$\vec{F}_{\text{Archimède}} = -\vec{P}_{\text{volume de fluide déplacé}}$$</p>

<p>Si l’on immerge un kilogramme de plomb, le niveau de fluide n’est que peu modifié grâce au faible volume occupé par le plomb, mais un gros tas de plumes déplace davantage de fluide. Le poids du fluide déplacé est donc plus important et la poussée d’Archimède également.</p>

<p>Il en résulte que les plumes subissent une poussée d’Archimède bien plus grande que le plomb : soulever un kilo de plumes est donc un chouiya plus facile.<br/>&#13;À noter cependant : cette différence est dans le même sans que tout à l’heure avec la différence d’attraction terrestres, mais elle a une origine différente ! La poussée d’Archimède dans l’atmosphère est une force qui vient s’ajouter à la force poids dans la liste des forces s’exerçant sur les plumes et le plomb.</p>

<p>La poussée d’Archimède est généralement ignorée. Pourtant, il est possible d’avoir des objets dont la densité est si faible que la poussée d’Archimède surpasse la force poids : un tel objet posé par Terre se soulèverait alors dans les airs.<br/>&#13;Un tel objet vous en connaissez : c’est une montgolfière, un ballon dirigeable, ou encore un ballon d’hélium.</p>

<p>On l’oublie souvent, mais la force qui soulève une montgolfière est la poussée d’Archimède, cette dernière dépendant directement des densités à la fois du fluide immergeant (l’air) que des objets immergés.</p>

<p>De plus, la densité de l’air diminue avec l’altitude (l’air étant moins comprimée à mesure qu’on s’élève), il vient un moment où la densité de l’air entourant une montgolfière est égale à la densité de la montgolfière : le ballon stagne donc à une altitude donnée. Il n’y a donc aucun risque que le ballon s’élève indéfiniment et se perde dans l’espace.</p>

<p><em>(Merci à <a href="http://secouchermoinsbete.fr/76343-l-or-pese-bien-plus-lourd-que-le-plomb?page=2#comment-632567">Hapitude</a> sur le site SCMB pour l’idée de cet article !)</em></p>

<p class="small"><a href="https://www.flickr.com/photos/gycib/2300916111/">mage d’en-tête de Gytis Cibulskis</a></p>
  </article>
</section>


<nav id="jumpto">
  <p>
    <a href="/david/blog/">Accueil du blog</a> |
    <a href="https://couleur-science.eu/?d=e4a32d--quel-est-le-plus-lourd-le-kilo-de-plomb-ou-le-kilo-de-plumes">Source originale</a> |
    <a href="/david/stream/2019/">Accueil du flux</a>
  </p>
</nav>

<footer>
  <div>
    <img src="/static/david/david-larlet-avatar.jpg" loading="lazy" class="avatar" width="200" height="200">
    <p>
      Bonjour/Hi!
      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>
      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>).
    </p>
    <p>
      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>.
    </p>
    
    <p>
      Voici quelques articles choisis :
      <a href="/david/blog/2019/faire-equipe/" title="Accéder à l’article complet">Faire équipe</a>,
      <a href="/david/blog/2018/bivouac-automnal/" title="Accéder à l’article complet">Bivouac automnal</a>,
      <a href="/david/blog/2018/commodite-effondrement/" title="Accéder à l’article complet">Commodité et effondrement</a>,
      <a href="/david/blog/2017/donnees-communs/" title="Accéder à l’article complet">Des données aux communs</a>,
      <a href="/david/blog/2016/accompagner-enfant/" title="Accéder à l’article complet">Accompagner un enfant</a>,
      <a href="/david/blog/2016/senior-developer/" title="Accéder à l’article complet">Senior developer</a>,
      <a href="/david/blog/2016/illusion-sociale/" title="Accéder à l’article complet">L’illusion sociale</a>,
      <a href="/david/blog/2016/instantane-scopyleft/" title="Accéder à l’article complet">Instantané Scopyleft</a>,
      <a href="/david/blog/2016/enseigner-web/" title="Accéder à l’article complet">Enseigner le Web</a>,
      <a href="/david/blog/2016/simplicite-defaut/" title="Accéder à l’article complet">Simplicité par défaut</a>,
      <a href="/david/blog/2016/minimalisme-esthetique/" title="Accéder à l’article complet">Minimalisme et esthétique</a>,
      <a href="/david/blog/2014/un-web-omni-present/" title="Accéder à l’article complet">Un web omni-présent</a>,
      <a href="/david/blog/2014/manifeste-developpeur/" title="Accéder à l’article complet">Manifeste de développeur</a>,
      <a href="/david/blog/2013/confort-convivialite/" title="Accéder à l’article complet">Confort et convivialité</a>,
      <a href="/david/blog/2013/testament-numerique/" title="Accéder à l’article complet">Testament numérique</a>,
      et <a href="/david/blog/" title="Accéder aux archives">bien d’autres…</a>
    </p>
    <p>
      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>.
    </p>
    <p>
      Je ne traque pas ta navigation mais mon
      <abbr title="Alwaysdata, 62 rue Tiquetonne 75002 Paris, +33.184162340">hébergeur</abbr>
      conserve des logs d’accès.
    </p>
  </div>
</footer>
<script type="text/javascript">
  ;(_ => {
    const jumper = document.getElementById('jumper')
    jumper.addEventListener('click', e => {
      e.preventDefault()
      const anchor = e.target.getAttribute('href')
      const targetEl = document.getElementById(anchor.substring(1))
      targetEl.scrollIntoView({behavior: 'smooth'})
    })
  })()
</script>