diff --git a/docs/assets/logo.png b/docs/assets/logo.png
new file mode 100644
index 0000000..7f68a2b
Binary files /dev/null and b/docs/assets/logo.png differ
diff --git a/docs/assets/logo_seul_blanc.png b/docs/assets/logo_seul_blanc.png
new file mode 100644
index 0000000..bd6d6c5
Binary files /dev/null and b/docs/assets/logo_seul_blanc.png differ
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
new file mode 100644
index 0000000..d24f77c
--- /dev/null
+++ b/docs/stylesheets/extra.css
@@ -0,0 +1,5 @@
+:root {
+    --md-primary-fg-color:        #873763;
+    --md-primary-fg-color--light: #66135e;
+    --md-primary-fg-color--dark:  #ac76be;
+  }
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index 10737ce..bbd16e2 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -1,39 +1,47 @@
-site_name: Documentation du DSIT
-site_url: https://documentation-dsit.lab.groupe-genes.fr
-repo_url: https://code.groupe-genes.fr/DSIT/documentation-dsit
-repo_name: dsit/documentation
-edit_uri: src/branch/main/docs/
-
-theme:
-  name: material
-  features:
-    - navigation.instant
-    - content.action.edit
-    - content.code.copy
-  palette: 
-    # Palette toggle for light mode
-    - scheme: default
-      toggle:
-        icon: material/brightness-7 
-        name: Switch to dark mode
-    # Palette toggle for dark mode
-    - scheme: slate
-      toggle:
-        icon: material/brightness-4
-        name: Switch to light mode
-
-
-markdown_extensions:
-  - pymdownx.superfences:
-      custom_fences:
-        - name: mermaid
-          class: mermaid
-          format: !!python/name:pymdownx.superfences.fence_code_format
-  - pymdownx.details
-  - admonition
-  - pymdownx.details
-  - pymdownx.tabbed:
-      alternate_style: true
-      combine_header_slug: true
-  - nl2br
-
+site_name: Documentation du DSIT
+site_url: https://documentation-dsit.lab.groupe-genes.fr
+repo_url: https://code.groupe-genes.fr/DSIT/documentation-dsit
+repo_name: dsit/documentation
+edit_uri: src/branch/main/docs/
+
+theme:
+  name: material
+  features:
+    - navigation.sections
+    - toc.integrate
+    - navigation.top
+    - search.suggest
+    - search.highlight
+    - content.tabs.link
+    - content.code.copy
+  language: fr
+  palette:
+    - scheme: default
+      toggle:
+        icon: material/toggle-switch-off-outline 
+        name: Switch to dark mode
+      primary: custom
+    - scheme: slate 
+      toggle:
+        icon: material/toggle-switch
+        name: Switch to light mode    
+      primary: custom
+      accent: purple
+  logo: assets/logo_seul_blanc.png
+
+extra_css:
+  - stylesheets/extra.css
+markdown_extensions:
+  - pymdownx.superfences:
+      custom_fences:
+        - name: mermaid
+          class: mermaid
+          format: !!python/name:pymdownx.superfences.fence_code_format
+  - pymdownx.details
+  - admonition
+  - pymdownx.details
+  - pymdownx.tabbed:
+      alternate_style: true
+      combine_header_slug: true
+  - nl2br
+