diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index 10e3c46..027921c 100644
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -108,13 +108,36 @@ body{
 .item_nav_blog_droite{
 	color: #848484;
 	font-family: 'Open Sans', sans-serif;
-	padding-top: 30px;
-	padding-right: 60px;
+	margin-top: 30px;
+	margin-right: 60px;
 	display: inline-block;
 	float: right;
 	font-weight: bold;
 }
 
+.item_nav_blog_droite:hover{
+	cursor: pointer;
+	-webkit-transition: 400ms;
+    -o-transition: 400ms;
+    transition: 400ms;
+}
+
+.item_nav_blog_droite.dev:hover{
+	color: #f2d761;
+}
+
+.item_nav_blog_droite.digi:hover{
+	color: #6bb194;
+}
+
+.item_nav_blog_droite.ops:hover{
+	color: #64bdea;
+}
+
+.item_nav_blog_droite.devops:hover{
+	color: #9142b7;
+}
+
 .item_nav_blog_droite_icon{
 	padding-top: 27px;
 	display: inline-block;
@@ -139,7 +162,7 @@ body{
 }
 .bloc_principal_titre{
 	text-align: center;
-	padding-top: 13px;
+	padding-top: 14px;
 	width: 100%;
 	height: 50px;
 	background-color: #fdee5a;
@@ -159,11 +182,13 @@ body{
 .bloc-plus{
 	margin-top: 40px;
 	float: right;
-	width: 120px;
-	height: 25px;
 	background-color: #fdee5a;
 	padding: 10px 15px;
 }
+.bloc-plus:hover{
+	background-color: #fcf3a8;
+	cursor: pointer;
+}
 .p-home {
 	padding-top: 20px;
 	color: white;
@@ -234,7 +259,6 @@ input {outline: none}
 .article.digi .cat {
 	background-color: #6bb194;
 }
-
 .article.dev .cat {
 	background-color: #f2d761;
 }
@@ -255,6 +279,31 @@ input {outline: none}
 	line-height: 20px;
 }
 
+/* -----------------------------------------------------
+ * 						Posts
+ * ----------------------------------------------------- */
+
+ .bloc-post{
+	width: 72%;
+	height: 500px;
+	margin-top: 70px;
+	background-color: white;
+	background-position: center;
+	background-size: cover;
+	box-shadow: 1px 1px 30px 1px lightgrey;
+	display: inline-block;
+}
+
+.bloc-filter{
+	width: 22%;
+	height: 500px;
+	margin-top: 70px;
+	background-color: white;
+	background-size: cover;
+	box-shadow: 1px 1px 30px 1px lightgrey;
+	float: right;
+}
+
 #twi{
 	height: 18px;
 	width: 18px;
diff --git a/project/assets/html/includes/header.html b/project/assets/html/includes/header.html
index 39bc566..44b442f 100644
--- a/project/assets/html/includes/header.html
+++ b/project/assets/html/includes/header.html
@@ -25,10 +25,10 @@
                         <ul>
                             <li class="item_nav_blog_logo" ><a><img src="/assets/img/logo-imie-blog.svg"width="237.75" height="75"></a></li>
                             <li class="item_nav_blog_droite_icon"><input id="search" type="text" placeholder="Recherche"><a><tag type="svg" file="mignify" style="color: rgba(0, 0, 0, .5); width: 18px; height: 18px"/></a></li>
-                            <li class="item_nav_blog_droite" ><a>DEVOPS</a></li>
-                            <li class="item_nav_blog_droite" ><a>OPS</a></li>
-                            <li class="item_nav_blog_droite" ><a>DIGI</a></li>
-                            <li class="item_nav_blog_droite" ><a>DEV</a></li>
+                            <li class="item_nav_blog_droite devops"><a>DEVOPS</a></li>
+                            <li class="item_nav_blog_droite ops"><a>OPS</a></li>
+                            <li class="item_nav_blog_droite digi"><a>DIGI</a></li>
+                            <li class="item_nav_blog_droite dev"><a>DEV</a></li>
                         </ul>
                     </div>
                 </div>
diff --git a/project/assets/html/index.html b/project/assets/html/index.html
index 2f71c8a..4a7bcd7 100644
--- a/project/assets/html/index.html
+++ b/project/assets/html/index.html
@@ -10,7 +10,7 @@
 				<div class="bloc_principal">
 					<div class="cover-black">
 						<div class="bloc_principal_titre">
-							<h1>L'actualité de nos campus...</h1>
+							<h1>L'actualit� de nos campus...</h1>
 						</div>
 						<div class="test2">
 							<h2 id="titre-home">Ceci est un magnifique titre</h2>
@@ -29,7 +29,7 @@
 					</div>
 				</div>
 			</div>
-			<h3 id="titre-between">Articles récents</h3>
+			<h3 id="titre-between">Articles r�cents</h3>
 			<div class="row articles">
 				<div class="col-12 col-md-6 col-lg-4">
 					<div class="article dev">
diff --git a/project/assets/html/post.html b/project/assets/html/post.html
index e69de29..212be0b 100644
--- a/project/assets/html/post.html
+++ b/project/assets/html/post.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+</head>
+	<body>
+		<header>
+			<tag type="includes" file="header" />
+		</header>
+		<main class="test container">
+            <div class="bloc-post">
+            </div>
+
+            <div class="bloc-filter">
+            </div>
+		</main>
+
+		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+	</body>
+</html>
\ No newline at end of file