/* ============================================================
   LOGO — l'image de marque, quel que soit l'endroit qui la porte
   NOUVEAU COMPOSANT (bloc 3 de l'É4, 06/08). Il naît lui aussi d'un CONSTAT du
   diff de conformité : le thème pose `.lcdi-logo__img` sur l'image du logo
   depuis le bloc 2, et ce bloc n'existait nulle part au registre. La classe
   était donc du vocabulaire orphelin — un mot employé que le système ne
   connaissait pas.

   POURQUOI UN BLOC À PART, et pas une règle dans `header.css` : le même logo
   est servi à TROIS endroits — l'en-tête, le tiroir mobile et le pied — par
   trois conteneurs qui appartiennent à deux composants différents. L'image
   n'est donc l'élément d'aucun des deux : elle est son propre bloc, et chaque
   conteneur lui donne sa taille (`.lcdi-header__logo img` : 160 px relevés ;
   `.lcdi-footer__logo img` : sa propre mesure).

   Ce fichier ne fixe donc AUCUNE dimension. Il ne fait qu'empêcher les deux
   défauts que toute image de logo attrape : la ligne de base qui la décale, et
   la déformation quand un conteneur lui impose une largeur.
   ============================================================ */

.lcdi-logo__img {
  display: block;      /* sinon l'image traîne l'espace de la ligne de base */
  height: auto;        /* elle garde ses proportions, toujours */
  max-width: 100%;
}