diff --git a/docs/Cassiopee.css b/docs/Cassiopee.css
index 200ab66dc..5f3625465 100644
--- a/docs/Cassiopee.css
+++ b/docs/Cassiopee.css
@@ -121,6 +121,10 @@ footer a:hover {
   opacity: 50%;
 }
 
+header img {
+  border: none;
+}
+
 /* local styles ############################## */
 
 .icon {
diff --git a/docs/Images/logo10_blue.png b/docs/Images/logo10_blue.png
deleted file mode 100644
index 45a539169..000000000
Binary files a/docs/Images/logo10_blue.png and /dev/null differ
diff --git a/docs/doc/_static/basic.css b/docs/doc/_static/basic.css
index 50cc173df..f6db8f1e7 100644
--- a/docs/doc/_static/basic.css
+++ b/docs/doc/_static/basic.css
@@ -9,6 +9,28 @@
  *
  */
 
+ /* FAST */
+ /* :root {
+    --border-width: 2px;
+    --border-color: #f0fdff;
+    --border: var(--border-width) solid var(--border-color);
+    --border-radius: 8px;
+    --background-color: #282a35;
+    --font-color: white;
+    --link-color: rgb(35, 187, 35);
+  } */
+
+  /* CASSIOPEE */
+  :root { 
+    --border-width: 2px;
+    --border-color: #282a35;
+    --border: var(--border-width) solid var(--border-color);
+    --border-radius: 8px;
+    --background-color: #f0fdff;
+    --font-color: black; 
+    --link-color: green;
+  }
+
 /* -- main layout ----------------------------------------------------------- */
 
 div.clearer {
@@ -66,7 +88,6 @@ div.sphinxsidebar {
     overflow-wrap : break-word;
     position: fixed;
     border-right: var(--border);
-    border-width: 2px;
 }
 
 div.sphinxsidebar ul {
@@ -226,15 +247,15 @@ img.toggler {
 }
 
 div.modindex-jumpbox {
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
+    border-top: 2px solid #282a35;
+    border-bottom: 2px solid #282a35;
     margin: 1em 0 1em 0;
     padding: 0.4em;
 }
 
 div.genindex-jumpbox {
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
+    border-top: 2px solid #282a35;
+    border-bottom: 2px solid #282a35;
     margin: 1em 0 1em 0;
     padding: 0.4em;
 }
@@ -249,12 +270,13 @@ table.modindextable td {
 /* -- general body styles --------------------------------------------------- */
 
 div.body {
-    /* min-width: 360px;
-    max-width: 800px; */
-    /* min-width: 600px; */
     min-width: 1%;
     max-width: 80%;
-    margin-left: 130px;
+}
+
+div.bodywrapper {
+    min-width: 1%;
+    max-width: 80%;
 }
 
 div.body p, div.body dd, div.body li, div.body blockquote {
@@ -292,7 +314,6 @@ div.body p.caption {
 div.body td {
     text-align: center;
     width: 20%;
-    /* font-size: 10%; */
 }
 
 .first {
@@ -550,12 +571,10 @@ table.hlist td {
 }
 
 .sig-name {
-	/* font-size: 1.1em; */
     font-size: 1.5vw;
 }
 
 code.descname {
-    /* font-size: 1.2em; */
     font-size: 1.2vw;
 }
 
@@ -564,12 +583,10 @@ code.descname {
 }
 
 .optional {
-    /* font-size: 1.3em; */
     font-size: 1.5vw;
 }
 
 .sig-paren {
-    /* font-size: larger; */
     font-size: 1.5vw;
 }
 
diff --git a/docs/doc/_static/classic.css b/docs/doc/_static/classic.css
index 96b7e684d..58c884ac3 100644
--- a/docs/doc/_static/classic.css
+++ b/docs/doc/_static/classic.css
@@ -13,19 +13,13 @@
 
 /* -- page layout ----------------------------------------------------------- */
 
-:root {
-    --border-width: 5px;
-    --border: var(--border-width) solid #282a35;
-    --border-radius: 8px;
-  }
-
 html {
     /* CSS hack for macOS's scrollbar (see #1125) */
-    background-color: #f0fdff;
+    background-color: var(--background-color);
 }
 
 hr {
-    border: 1px solid black;
+    border: 1px solid var(--border-color);
     margin-bottom: 5%;
     margin-top: 5%;
 }
@@ -33,8 +27,8 @@ hr {
 body {
     font-family: sans-serif;
     font-size: 100%;
-    background-color: #f0fdff;
-    color: #000;
+    background-color: var(--background-color);
+    color: var(--font-color);
     margin: 0;
     padding: 0;
     margin-top: 30px;
@@ -42,7 +36,7 @@ body {
 
 div.document {
     display: flex;
-    background-color: #f0fdff;
+    background-color: var(--background-color);
 }
 
 div.documentwrapper {
@@ -52,59 +46,49 @@ div.documentwrapper {
 
 div.bodywrapper {
     margin: 0 0 0 230px;
+    padding-right: 70px;
 }
 
 div.body {
-    background-color: #f0fdff;
-    color: #000000;
+    background-color: var(--background-color);
+    color: var(--font-color);
     padding: 0 20px 30px 20px;
+    margin: 0 0 0 135px;
 }
 
 div.footer {
-    color: #f0fdff;
+    color: var(--font-color);
     width: 100%;
     padding: 9px 0 9px 0;
     text-align: center;
     font-size: 75%;
 }
 
-/* div.footer a {
-    color: #f0fdff;
-    text-decoration: underline;
-} */
-
 div.related {
-    background-color: #f0fdff;
+    background-color: var(--background-color);
     line-height: 30px;
-    color: #f0fdff;
+    color: var(--font-color);
 }
 
-/* div.related a {
-    color: #f0fdff;
+/* div.sphinxsidebar {
+    position: fixed;
+    top: 40px;
+    bottom: 40px;
+    border-right: var(--border);
 } */
 
-div.sphinxsidebar {
-    /* position: fixed; */
-    /* top: 40px; */
-    /* bottom: 10px; */
-}
-
 div.sphinxsidebar h3 {
     font-family: 'Trebuchet MS', sans-serif;
-    color: black;
+    color: var(--font-color);
     font-size: 160%;
     font-weight: bold;
     margin: 0;
     padding: 0;
 }
 
-/* div.sphinxsidebar h3 a {
-    color: #f0fdff;
-} */
-
 div.sphinxsidebar h4 {
     font-family: 'Trebuchet MS', sans-serif;
-    color: black;
+    color: var(--font-color);
     font-size: 1.3em;
     font-weight: normal;
     margin: -5px 0 0 0;
@@ -112,7 +96,7 @@ div.sphinxsidebar h4 {
 }
 
 div.sphinxsidebar p {
-    color: black;
+    color: var(--font-color);
 }
 
 div.sphinxsidebar p.topless {
@@ -122,7 +106,7 @@ div.sphinxsidebar p.topless {
 div.sphinxsidebar ul {
     margin: 10px;
     padding: 0;
-    color: black;
+    color: var(--font-color);
     font-size: 100%;
     margin-bottom: 20px;
 }
@@ -131,25 +115,13 @@ div.sphinxsidebar ul ul li {
     list-style: circle;
 }
 
-/* div.sphinxsidebar a {
-    color: green;
-} */
-
-/* div.sphinxsidebar input {
-    border: 1px solid #98dbcc;
-    font-family: sans-serif;
-    font-size: 1em;
-} */
-
-
-
 /* -- hyperlink styles ------------------------------------------------------ */
 
 a {
     text-decoration: none;
 }
 a:link, a:visited {
-color: green;
+color: var(--link-color);
 }
 a:hover, a:active {
 color: red;
@@ -169,14 +141,11 @@ div.body h4,
 div.body h5,
 div.body h6 {
     font-family: 'Trebuchet MS', sans-serif;
-    /* background-color: #282a35; */
     font-weight: bold;
-    /* color: #a5f4e4; */
-    color: black;
+    color: var(--font-color);
     margin: 20px -20px 10px -20px;
     padding: 3px 0 3px 10px;
     border-radius: var(--border-radius);
-    /* border: 2.5px solid #282a35; */
 }
 
 div.body h1 { margin-top: 0; font-size: 200%; }
@@ -231,7 +200,7 @@ div.admonition ul, div.admonition ol {
 div.note {
     padding: 4px;
     border: 2px solid #d19a66;
-    background-color: white;
+    background-color: rgb(209, 154, 102, 0.2);
     border-radius: var(--border-radius);
     width: 95%;
 }
@@ -244,7 +213,7 @@ div.note {
 div.seealso {
     padding: 4px;
     border: 2px solid #c678dd;
-    background-color: white;
+    background-color: rgb(198, 120, 221, 0.2);
     border-radius: var(--border-radius);
     width: 95%;
 }
@@ -263,7 +232,7 @@ div.topic {
 div.warning {
     padding: 4px;
     border: 2px solid #c12e3a;
-    background-color: white;
+    background-color: rgb(193, 46, 58, 0.2);
     border-radius: var(--border-radius);
     width: 95%;
 }
@@ -286,7 +255,6 @@ pre {
     background-color: unset;
     color: unset;
     line-height: 120%;
-    /* border: 1px solid #ac9; */
     border-left: none;
     border-right: none;
 }
@@ -330,8 +298,8 @@ div.viewcode-block:target {
 }
 
 div.code-block-caption {
-    color: #efefef;
-    background-color: #f0fdff;
+    color: var(--font-color);
+    background-color: var(--background-color);
 }
 
 #myBtn {
diff --git a/docs/index.html b/docs/index.html
index ff5acd174..39a682e82 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,7 +6,7 @@
   <meta charset="utf-8" />
   <title>*Cassiopée*: a CFD pre and post-processing python package</title>
   <link href="Cassiopee.css" rel="stylesheet" type="text/css">
-  <link rel="icon" type="image/png" href="Images/iconc.png"> </link>
+  <link rel="icon" type="image/png" href="Images/CassiopeeLogo.png"> </link>
   <script type="text/javascript" src="_static/jquery.js"></script>
   <script type="text/javascript" src="_static/searchtools.js"></script>
   <script type="text/javascript" src="JavaScript/all.js" defer> </script>
@@ -16,7 +16,7 @@
 
 <!-- Cassiopee banner -->
 <header class="headerIndex">
-  <img src="Images/logo10.png" id="cassiopeeLogo">
+  <img src="Images/CassiopeeTitre.png" id="CassiopeeTitre">
 </header>
       
  <!-- informations -->