diff --git a/assets/css/style-acceuil.css b/assets/css/style-acceuil.css
new file mode 100644
index 0000000..47c67ad
--- /dev/null
+++ b/assets/css/style-acceuil.css
@@ -0,0 +1,14 @@
+:root {
+  background-color: white;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  margin-left: 5vw;
+  margin-right: 5vw;
+}
+body .services a {
+  border: solid;
+}/*# sourceMappingURL=style-acceuil.css.map */
\ No newline at end of file
diff --git a/assets/css/style-acceuil.scss b/assets/css/style-acceuil.scss
new file mode 100644
index 0000000..bacaa7c
--- /dev/null
+++ b/assets/css/style-acceuil.scss
@@ -0,0 +1,26 @@
+:root {
+    background-color: white;
+}
+
+$nextcloud-background: #14A2F0;
+
+body {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    margin-left: 5vw;
+    margin-right: 5vw;
+
+    .services {
+        a {
+            border: solid;
+        }
+    }
+}
+
+
+
+
+
+
+
diff --git a/assets/css/style-email.css b/assets/css/style-email.css
new file mode 100644
index 0000000..8b68c4d
--- /dev/null
+++ b/assets/css/style-email.css
@@ -0,0 +1 @@
+/*# sourceMappingURL=style-email.css.map */
\ No newline at end of file
diff --git a/assets/css/style-email.scss b/assets/css/style-email.scss
new file mode 100644
index 0000000..e69de29
diff --git a/assets/css/style.css b/assets/css/style.css
deleted file mode 100644
index aa6bd12..0000000
--- a/assets/css/style.css
+++ /dev/null
@@ -1,22 +0,0 @@
-:root {
-  background-color: white;
-}
-
-body {
-  display: flex;
-  flex-direction: column;
-}
-
-.Header {
-  display: flex;
-  flex-direction: row;
-}
-.Header h1 {
-  margin: auto;
-  align-self: center;
-}
-.Header input {
-  margin-top: auto;
-  margin-bottom: auto;
-  align-self: flex-end;
-}/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/assets/css/style.scss b/assets/css/style.scss
deleted file mode 100644
index 4fa4976..0000000
--- a/assets/css/style.scss
+++ /dev/null
@@ -1,32 +0,0 @@
-:root {
-    background-color: white;
-}
-
-body {
-    display: flex;
-    flex-direction: column;
-}
-
-.Header {
-    display: flex;
-    flex-direction: row;
-
-    h1 {
-        margin: auto;
-        align-self: center;
-    }
-    
-    input {
-        margin-top: auto;
-        margin-bottom: auto;
-        align-self: flex-end;
-    }
-    
-}
-
-
-
-
-
-
-