un message

main.css

@@ -99,17 +99,26 @@ body {
     width: 128px;
     display: flex;
     flex-direction: column;
+    overflow: scroll;
 }
 
-.selected {
-    flex: 1;
+.tag-cont {
+    /*display:none;*/
 }
 
-.unselected {
+.ingr-cont {
+    /*display:none;*/
+}
+
+.tag-selected-div {
     flex: 4;
 }
 
-#sidebar-search {
+.tag-unselected-div {
+    flex: 4;
+}
+
+.sidebar-search {
     flex: 1;
 }
 
@@ -143,19 +152,32 @@ nav {
     background-color: #ffa04d;
 }
 
-.tag-unselected {
+.tag-selected:hover {
     background-color: white;
 }
 
+.tag-unselected {
+    background-color: white;
+    
+}
+.tag-unselected:hover {
+    background-color: #ffa04d;
+}
+
+#hr {
+    border: 1px solid #0bbd90;
+    width: 93%;
+    box-shadow: 1px 3px 5px #0bbd90;
+}
 
 .main-body {
     display: flex;
     flex-direction: row;
-    overflow: auto;
     flex: 1;
     background-clip: border-box;
     padding-right: 2%;
     padding-left: 2%;
+    overflow: hidden;
 }
 
 /* content : le cadre de base du centre de notre site
@@ -167,7 +189,7 @@ nav {
     height: 100%;
     border: 1px solid rgba(0,0,0,.125);
     border-radius: 6px;
-    overflow: auto;
+    overflow: scroll;
 }
 
 /*Recettes :