composants
##########

On peut envisager de diviser notre page en les composants suivants :

* la navigation
* la présentation
* la zone projets (au pluriel)
* les composants projet (au singulier)

.. figure:: ../images/schema-general--methodologie-css.svg
   :align: center

On peut maintenant commencer à complêter notre pseudo-code comme dans l'exemple suivant :

.. code-block:: none

   (nav.menu)
      (h2.menu__titre)
      (ul.menu__liste)
         (li.menu__item)
            (a.menu__lien)

.. note::

   Rappel : avec la notation BEM, le double caractère souligné ``__`` signifie « contient », par exemple ``a__b`` signifie ``a`` contenant ``b`` ou ``b`` contenu par ``a``.

Poursuivez sur le reste du pseudo-code avant de passer à la suite.