Updated colors to align with Inria's branding guidelines. The colors …

…in the stylesheet follow MkDocs recommendations.

docs/stylesheets/extra.css

@@ -1,24 +1,6 @@
-/* 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); /* 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 */
-}
+:root {
+    --md-primary-fg-color:        #C9191E; /* Main primary color, used for key elements like links, buttons, and titles */
+    --md-primary-fg-color--light: #F36B6E; /* Lighter variant, used for hover states or light backgrounds */
+    --md-primary-fg-color--dark:  #8E1216; /* Darker variant, used for active states or in dark themes */
+  }
+

mkdocs.yml

@@ -3,12 +3,17 @@ use_directory_urls: false
 extra_javascript:
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js
+
 theme:
-  name: material
-  # custom_dir: custom/ si on custemise l'affichage cf. Benoit
+  name: material  # Specifies the theme to be used, here it's "Material" for MkDocs.
+  language: en  # Sets the default language for the theme. Here, it's English.
+  palette:
+    primary: custom  # Indicates that a custom primary color will be used in the palette.
+  logo: assets/images/inr_logo_blanc.png  # Path to the custom logo to display in the header.
   features:
-    - navigation.expand
-  logo: assets/images/inr_logo_blanc.png
+    - navigation.expand  # Enables the feature to expand navigation menus in the sidebar.
+
+
 markdown_extensions:
   - admonition  # Blocs spéciaux pour les notes, avertissements, etc.
   - abbr  # Gestion des abréviations avec infobulles explicatives