diff --git a/main.css b/main.css
index 79adba8..235b3db 100644
--- a/main.css
+++ b/main.css
@@ -1,19 +1,49 @@
-.recette {
-    background-color: red;
+html, body{
+    height: 100%;
+    text-align: center;
+    /*font-size: 98%;*/
 }
 
-.logo {
+#header {
+    display: flex;
+    flex-direction: row;
+    padding: 30px;
+}
+
+#logo {
     background-color: blue;
 }
 
-.nav {
+#nav {
     background-color: yellow;
 }
 
-.footer {
-    background-color: purple;
+
+body {
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+    height: 100%;
 }
 
-.sidebar {
+#sidebar {
     background-color: aquamarine;
-}
\ No newline at end of file
+}
+
+
+#main-body {
+    background-color: red;
+    display: flex;
+    flex-direction: row;
+    overflow: auto;
+}
+
+footer{
+    padding: 25px;
+    background: darkslateblue;
+    color: white;
+}
+
+
+
diff --git a/recette.html b/recette.html
index 3b4dcb2..3710832 100644
--- a/recette.html
+++ b/recette.html
@@ -1,4 +1,5 @@
 <div id="recettes">
+    Les recettes
     <ul>
         <li>Un élément au pif</li>
         <li>Un deuxième élément au pif</li>