Change the banner color to Inria red and add the Inria logo.

docs/stylesheets/extra.css

@@ -1,4 +1,24 @@
+/* Applique une ombre légère et un arrondi à toutes les images du site */
 img {
-    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2);
-    border-radius: 10px
+    box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.2); /* Ombre légère */
+    border-radius: 10px; /* Coins arrondis */
+}
+
+/* Supprime l'ombre et l'arrondi uniquement pour l'icône du logo */
+.md-header__button.md-logo img {
+    box-shadow: none !important; /* Supprime l'ombre */
+    border-radius: 0 !important; /* Supprime l'arrondi */
+    background-color: transparent; /* Facultatif : assure que l'arrière-plan est transparent */
+}
+
+/* Change la couleur du bandeau */
+.md-header {
+    background-color: #C9191E !important; /* Rouge foncé */
+}
+
+/* Facultatif : ajuste la couleur du texte et des boutons pour un meilleur contraste */
+.md-header__title,
+.md-header__button,
+.md-header__button svg {
+    color: #ffffff !important; /* Texte blanc pour contraste */
 }

mkdocs.yml

@@ -8,6 +8,7 @@ theme:
   # custom_dir: custom/ si on custemise l'affichage cf. Benoit
   features:
     - navigation.expand
+  logo: assets/images/inr_logo_blanc.png
 markdown_extensions:
   - admonition  # Blocs spéciaux pour les notes, avertissements, etc.
   - abbr  # Gestion des abréviations avec infobulles explicatives