diff --git a/docs.extra/css.extra/extra.css b/docs.extra/css.extra/extra.css
new file mode 100644
index 0000000..169e232
--- /dev/null
+++ b/docs.extra/css.extra/extra.css
@@ -0,0 +1,49 @@
+p > img[alt*="center"] {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+hr {
+  display: none;
+}
+
+@page {
+    size: a4 portrait;
+    margin: 25mm 10mm 25mm 10mm;
+    counter-increment: page;
+    font-family: "Noto", sans-serif;
+    white-space: pre;
+    color: grey;
+
+    @top-left {
+      font-size: 70%;
+      content: 'Formation « Cloud & Enjeux »';
+    }
+    /*
+    @top-center {
+        content: string(chapter);
+    }*/
+    @top-right {
+      font-size: 70%;
+      /* content: 'SQLI INSTITUT (ASTON)'; */
+      /* content: 'AELION'; */
+      content: '';
+    }
+
+    @bottom-left {
+      font-size: 70%;
+        content: '2017-2022 © Glenn ROLLAND - Ne pas diffuser';
+    }
+    /*
+    @bottom-center {
+        content: string(chapter);
+    }*/
+
+    /*
+    @bottom-right {
+      font-size: 70%;
+      content: 'Page ' counter(page);
+    }*/
+}
+
diff --git a/docs.extra/javascript.extra/mathjax.js b/docs.extra/javascript.extra/mathjax.js
new file mode 100644
index 0000000..ca360d7
--- /dev/null
+++ b/docs.extra/javascript.extra/mathjax.js
@@ -0,0 +1,18 @@
+window.MathJax = {
+  tex: {
+    inlineMath: [["\\(", "\\)"]],
+    displayMath: [["\\[", "\\]"]],
+    processEscapes: true,
+    processEnvironments: true
+  },
+  options: {
+    ignoreHtmlClass: ".*|",
+    processHtmlClass: "arithmatex"
+  }
+};
+
+document$.subscribe(() => { 
+
+
+  MathJax.typesetPromise()
+})