diff --git a/project/assets/css/style.css b/project/assets/css/style.css
index 0b02eac..ae7ea97 100755
--- a/project/assets/css/style.css
+++ b/project/assets/css/style.css
@@ -67,7 +67,6 @@ h2{
 	font-weight: 400;
 	font-size: 17px;
 }
-
 .contenue{
 	height: 285vh;
 }
@@ -89,11 +88,20 @@ h2{
 	height: 40px;
 	background-color: #1c1c1c;
 }
-
 .nav_blog{
 	height: 80px;
 	background-color: #110230;
 }
+.item_nav_imie{
+	font-size: 0;
+}
+.item_nav_imie a{
+	text-decoration: none;
+	color: white;
+}
+	.item_nav_imie a:hover{
+		color: #6e6e6e;
+	}
 
 .item_nav_imie{
 	display: inline-block;
@@ -179,7 +187,12 @@ h2{
 	font-size: 20px;
     color: white;
 }
-
+.test2{
+	padding-left: 27px;
+	padding-right: 27px;
+	margin-top: 100px;
+	text-align: center;
+}
 .content-homediv{
 	padding: 0;
 }
@@ -295,16 +308,18 @@ input {outline: none}
  * ----------------------------------------------------- */
  .bloc-post{
 	width: 69%;
-	margin-top: 30px;
+	margin-top: 70px;
 	box-shadow: 1px 1px 30px 1px lightgrey;
 	background-position: center;
 	background-size: cover;
 	display: inline-block;
-	border-bottom: 5px solid  #2ea3f2;
 	border-radius: 5px;
  }
+ 	.search{
+		border-bottom: 5px solid  #2ea3f2;
+	 }
+
  .container-post{
-	/* height: 500px; */
 	background-color: white;
 	padding: 45px;
 }
@@ -326,7 +341,7 @@ input {outline: none}
 .bloc-filter{
 	width: 25%;
 	height: 500px;
-	margin-top: 30px;
+	margin-top: 70px;
 	background-color: white;
 	background-size: cover;
 	box-shadow: 1px 1px 30px 1px lightgrey;
@@ -377,20 +392,37 @@ input {outline: none}
 .pad{
 	padding:0;
 }
-
 .contenue-recent{
-	height: 29px;
-	width: 110px;
-	padding-top: 7px;
-	padding-left: 15px;
+	padding: 14px;
 	background-color: white;
 	display: inline-block;
-	float:right;
+	margin-top: 20px;
 }
-
+	.next{
+		float : right;
+	}
+.filtre{
+	width: 100%;
+	padding: 6px 10px 6px 10px;
+	color:white;
+	text-transform: uppercase;
+	font-size: 14px;
+	margin-top: 15px;
+}
+	.dev-color{
+		background-color: #fccb3a;
+	}
+	.digi-color{
+		background-color: #6bb194;
+	}
+	.ops-color{
+		background-color: #2ea3f2;
+	}
+	.devops-color{
+		background-color: #ff1c4a;
+	}
 .bloc-recent{
 	width: 69%;
-	margin-top: 50px;
 	float: left;
 }
 .titre-recent{
@@ -452,9 +484,6 @@ input {outline: none}
     .nav_imie {
     	height: 0;
   }
-	.item_nav_imie{
-		font-size: 0;
-	}
 	#twi{
 		height: 0;
 		width: 0;
@@ -469,6 +498,7 @@ input {outline: none}
 	.test1{
 		margin-top: 30px;
 	}
+
 	.articleHome2{
 		margin-top:30px;
 	}
diff --git a/project/assets/html/includes/header.html b/project/assets/html/includes/header.html
index 27c516d..a854485 100755
--- a/project/assets/html/includes/header.html
+++ b/project/assets/html/includes/header.html
@@ -6,10 +6,10 @@
                     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                         <ul>
                             <li class="item_nav_imie" ><a>Connexion</a></li>
-                            <li class="item_nav_imie" ><a>Accès Net-Yparéo</a></li>
-                            <li class="item_nav_imie" ><a>IMIE Numérique</a></li>
-                            <li class="item_nav_imie" ><a><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
-                            <li class="item_nav_imie" ><a><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
+                            <li class="item_nav_imie" ><a href="https://imie44.ymag.cloud">Accès Net-Yparéo</a></li>
+                            <li class="item_nav_imie" ><a href="https://www.imie.fr">IMIE Numérique</a></li>
+                            <li class="item_nav_imie" ><a href="https://twitter.com/EcoleIMIE"><tag type="svg" file="twitter" style="color: white; width: 18px; height: 18px"/></a></li>
+                            <li class="item_nav_imie" ><a href="https://www.facebook.com/EcolesIMIE/"><tag type="svg" file="facebook" style="color: white; width: 18px; height: 18px"/></a></li>
                         </ul>
                     </div>
                 </div>
@@ -22,7 +22,7 @@
                 <div class="row">
                     <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                         <ul>
-                            <li class="item_nav_blog_logo" ><a><tag type="svg" file="logo-imie-blog" style="color: white; width: 200px; height: 64px; margin-top: 6px;"/></a></li>
+                            <li class="item_nav_blog_logo" ><a href="/"><tag type="svg" file="logo-imie-blog" style="color: white; width: 200px; height: 64px; margin-top: 6px;"/></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 devops"><a>DEVOPS</a></li>
                             <li class="item_nav_blog_droite ops"><a>OPS</a></li>
diff --git a/project/assets/html/post.html b/project/assets/html/post.html
index 2a863dd..0ef029c 100755
--- a/project/assets/html/post.html
+++ b/project/assets/html/post.html
@@ -38,8 +38,43 @@
 
             <div class="bloc-filter">
 				<p class="title-second">Plus d'articles</p>
-            </div>
+				<div class="filtre dev-color">dev</div>
+				<div class="filtre digi-color">digi</div>
+				<div class="filtre ops-color">ops</div>
+				<div class="filtre devops-color">devops</div>
+			</div>
+
+			<div class="contenue-recent previous">Précédent</div>
+			<div class="contenue-recent next">Suivant</div>
+
+			<h3 id="titre-between">Dans le même thème</h3>
+			<div class="row articles">
+				<tag type="loop" for="posts" limit="6">
+					<div class="col-12 col-md-6 col-lg-4">
+						<div class="article column-categorie">
+							<h4 class="title">
+								<loop column="title" />
+							</h4>
+							<div class="etiquettes">
+								<span class="cat">
+									<loop column="categorie" />
+								</span>
+								<span class="date">
+									<loop column="date" />
+								</span>
+							</div>
+							<div class="text">
+								<loop column="content" />
+							</p>
+						</div>
+					</div>
+				</tag>
+			</div>
 			</main>
+			<body>
+				<footer>
+					<tag type="includes" file="footer" />
+				</fotter>
 		<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
diff --git a/project/assets/html/search.html b/project/assets/html/search.html
index af0fe42..25e604b 100755
--- a/project/assets/html/search.html
+++ b/project/assets/html/search.html
@@ -18,7 +18,7 @@
 			</div>
 		</div>
 
-		<div class="bloc-post">
+		<div class="bloc-post search">
 			<div class="container-post post ops">
 				<h2 class="title">Mettre en place un serveur web sous linux</h2>
 			<div class="etiquettes">