diff --git a/images/1200px-OSIRIS_Mars_true_color.jpg b/images/1200px-OSIRIS_Mars_true_color.jpg
new file mode 100644
index 0000000..cc43984
Binary files /dev/null and b/images/1200px-OSIRIS_Mars_true_color.jpg differ
diff --git a/images/cote-dazur.jpg b/images/cote-dazur.jpg
new file mode 100644
index 0000000..00e9bc9
Binary files /dev/null and b/images/cote-dazur.jpg differ
diff --git a/styles/base.css b/styles/base.css
new file mode 100644
index 0000000..ce8f540
--- /dev/null
+++ b/styles/base.css
@@ -0,0 +1,13 @@
+body {
+    margin: 0;
+    padding: 0;
+    background-color: rgb(74, 98, 163);
+}
+
+a {
+    color: rgb(251, 153, 76);
+}
+
+a:hover {
+    color: rgb(124, 56, 29);
+}
diff --git a/styles/layout.css b/styles/layout.css
new file mode 100644
index 0000000..b562fbb
--- /dev/null
+++ b/styles/layout.css
@@ -0,0 +1,46 @@
+
+
+.flex-container {
+    display: inline-flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-content: space-between;
+    align-items: flex-start;
+    }
+
+.flex-item:nth-child(1) {
+    order: 0;
+    flex: 0 1 auto;
+    align-self: auto;
+    }
+
+.flex-item:nth-child(2) {
+    order: 0;
+    flex: 0 1 auto;
+    align-self: auto;
+    }
+
+.flex-item:nth-child(3) {
+    order: 0;
+    flex: 0 1 auto;
+    align-self: auto;
+    }
+
+.flex-item:nth-child(4) {
+    order: 0;
+    flex: 0 1 auto;
+    align-self: auto;
+    }
+
+.flex-item:nth-child(5) {
+    order: 0;
+    flex: 0 1 auto;
+    align-self: auto;
+    }
+
+.flex-item:nth-child(6) {
+    order: 0;
+    flex: 0 1 auto;
+    align-self: auto;
+    }
\ No newline at end of file
diff --git a/styles/module.css b/styles/module.css
new file mode 100644
index 0000000..e69de29
diff --git a/styles/state.css b/styles/state.css
new file mode 100644
index 0000000..e69de29
diff --git a/styles/theme.css b/styles/theme.css
new file mode 100644
index 0000000..e69de29