new nav bar -> navbar_blog

project/assets/css/style_index.css

@@ -7,6 +7,11 @@ body{
 	background-color: #1c1c1c;
 }
 
+.nav_blog{
+	height: 80px;
+	background-color: #EAE7E4;
+}
+
 .item_nav_imie{
 	display: inline-block;
 	padding-left: 20px;
@@ -14,12 +19,68 @@ body{
 	color: white;
 	float: right;
 	font-family: 'Open Sans', sans-serif;
-	font-size: 15px;
+	font-size: 16px;
 	font-weight: 600;
 }
 
-@media screen and (max-width: 640px) {
-  .nav_imie {
-    height: 0;
-  }
+.item_nav_blog_gauche{
+	padding-top:25px;
+	vertical-align: center;
+	display: inline-block;
+	color: black;
+	float: left;
 }
+
+.item_nav_blog_droite{
+	padding-top: 20px;
+	display: inline-block;
+	color: black;
+	float: right;
+}
+#twi{
+	height: 18px;
+	width: 18px;
+}
+
+#fb{
+	height: 18px;
+	width: 9px;
+}
+
+#search{
+	background-color: transparent;
+	border: none;
+	width: 120px;
+	border-bottom: #1c1c1c solid 2px;
+}
+
+#glass{
+	height: 20px;
+	width: 20px;
+	margin-left: 8px;
+}
+
+@media screen and (max-width: 640px) {
+    .nav_imie {
+    	height: 0;
+  }
+	.item_nav_imie{
+		font-size: 0;
+	}
+	#twi{
+		height: 0;
+		width: 0;
+	}
+	#fb{
+		height: 0;
+		width: 0;
+	}
+}
+@media screen and (max-width: 365px) {
+	#search{
+		background-color: transparent;
+		border: none;
+		width: 60px;
+		border-bottom: #1c1c1c solid 2px;
+	}
+}

project/assets/img/facebook.svg

@@ -1 +0,0 @@
-<svg aria-hidden="true" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-9" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 512"><path fill="currentColor" d="M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229"></path></svg>