Commit for now

main.css

@@ -1,19 +1,49 @@
-.recette {
+html, body{
-    background-color: red;
+    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;
 }
+
+
+#main-body {
+    background-color: red;
+    display: flex;
+    flex-direction: row;
+    overflow: auto;
+}
+
+footer{
+    padding: 25px;
+    background: darkslateblue;
+    color: white;
+}
+
+
+

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>