diff --git a/assets/css/style.css b/assets/css/style.css
index 2b5a2c2..df7691c 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -171,6 +171,16 @@ h3 {
 footer{
 	margin-top: 70px;
 }
+a{
+	color: white;
+}
+
+.post * {
+	font-family: 'Open Sans', sans-serif;
+	font-size: 14px;
+    color: #737272ee;
+    line-height: 1.5;
+}
 
 .articleHome {
 	margin: auto;
@@ -341,7 +351,8 @@ a[href]:hover {
 
 .cover-text {
 	padding: 0px 90px;
-	margin-top: 100px;
+	margin-top: 130px;
+    margin-bottom: 120px;
 	text-align: center;
 }
 
@@ -525,6 +536,11 @@ input {
 .article .text img, .container-search img {
 	display: none;
 }
+.container-align{
+	display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+}
 
 /* -----------------------------------------------------
  * 						Posts
@@ -548,6 +564,7 @@ input {
 .container-post {
 	background-color: white;
 	padding: 45px;
+	/* border-radius: 5px; */
 }
 .container-search {
 	margin-bottom: 30px;
@@ -596,6 +613,20 @@ input {
 	padding: 45px;
 	border-radius: 5px;
 }
+.bloc-filter a{
+	color: white;
+	}
+a:not([href]):not([tabindex]){
+	color: white;
+	}
+a:not([href]):not([tabindex]):hover{
+	color: white;
+	}
+
+a{
+	cursor: pointer;
+}
+
 label{
 	margin: 6px;
 	color: #3c3c3c;
@@ -656,26 +687,40 @@ label{
 	background-color: white;
 	display: inline-block;
 }
+.contenue-recent {
+	color: white;
+}
 
 .contenue-recent-search {
 	float: right;
-	/* box-shadow: 1px 1px 30px 1px lightgrey; */
-	padding: 6px;
-	padding-left: 10px;
+	box-shadow: 1px 1px 30px 1px lightgrey;
+	padding: 11px 19px 27px;
 	background-color: white;
 	display: inline-block;
 	height: 30px;
 	margin-bottom: 30px;
+	color: #484848;
+	-webkit-transition: 200ms;
+    -o-transition: 200ms;
+	transition: 200ms;
+	cursor: pointer;
+}
+.contenue-recent-search:hover {
+	box-shadow: 1px 1px 50px 8px #cecece;
 }
 
 .next {
 	float: right;
 	margin-top: 20px;
-	-webkit-transition: 200ms;
-	-o-transition: 200ms;
-	transition: 200ms;
+	-webkit-transition: 400ms;
+	-o-transition: 400ms;
+	transition: 400ms;
 	box-shadow: 1px 1px 30px 1px lightgrey;
-	color:#000;
+	color: #150032;
+}
+.next:hover{
+	background-color: #150032;
+	color: white;
 }
 
 .filtre {
@@ -690,18 +735,46 @@ label{
 
 .dev-color {
 	background-color: #fccb3a;
+	-webkit-transition: 200ms;
+    -o-transition: 200ms;
+	transition: 200ms;
+	border: none;
+}
+.dev-color:hover{
+	background-color: #fcdb3a;
 }
 
 .digi-color {
 	background-color: #6bb194;
+	-webkit-transition: 200ms;
+    -o-transition: 200ms;
+	transition: 200ms;
+	border: none;
+}
+.digi-color:hover{
+    background-color: #6bcea5;
 }
 
 .ops-color {
 	background-color: #2ea3f2;
+	-webkit-transition: 200ms;
+    -o-transition: 200ms;
+	transition: 200ms;
+	border: none;
+}
+.ops-color:hover{
+	background-color: #5dbaf9;
 }
 
 .devops-color {
 	background-color: #ff1c4a;
+	-webkit-transition: 200ms;
+    -o-transition: 200ms;
+	transition: 200ms;
+	border: none;
+}
+.devops-color:hover{
+    background-color: #ff6b89;
 }
 
 .bloc-recent {
@@ -726,6 +799,14 @@ label{
 	border-radius: 18px;
 	margin-top: 12px;
 	margin-right: 8px;
+	/* margin-top: 20px; */
+	-webkit-transition: 300ms;
+	-o-transition: 300ms;
+	transition: 300ms;
+}
+.tag:hover{
+	background-color: #a5a5a5;
+	color: white;
 }
 
 .icon-recent {
@@ -906,6 +987,9 @@ form.login >input[type="submit"], form.login > a {
 form.login a {
 	width: 106px;
 }
+.login{
+	float: initial;
+}
 
 a:hover {
 	text-decoration: none;
diff --git a/assets/html/includes/footer.html b/assets/html/includes/footer.html
index 65ff920..6b10c58 100644
--- a/assets/html/includes/footer.html
+++ b/assets/html/includes/footer.html
@@ -4,9 +4,9 @@
 			<div class="fullFooter">
 				<div class="upFooter">
 					<ul>
-						<li class="iconOnFooter"><a>
+						<li class="iconOnFooter"><a href="https://www.facebook.com/EcolesIMIE/" target="_blank">
 								<tag type="svg" file="facebook" style="color: white; width: 23px; height: 23px" /></a></li>
-						<li class="iconOnFooter"><a>
+						<li class="iconOnFooter"><a href="https://twitter.com/EcoleIMIE" target="_blank">
 								<tag type="svg" file="twitter" style="color: white; width: 23px; height: 23px" /></a></li>
 					</ul>
 					<p class="phraseFooter">Suivez-nous sur les réseaux</p>
@@ -15,7 +15,7 @@
 					<ul>
 						<a href="/"><li class="lowFooterItem">Politique et confidentialité</li></a>
 						<a href="/"><li class="lowFooterItem">Mentions légales</li></a>
-						<a href="/"><li class="lowFooterItem contact-footer">Contact</li></a>
+						<a href="https://www.imie.fr/contact/"><li class="lowFooterItem contact-footer">Contact</li></a>
 						<a href="/login"><li class="lowFooterItem connexion-footer">Connexion</li></a>
 					</ul>
 				</div>
diff --git a/assets/html/index.html b/assets/html/index.html
index ef22d81..25c9462 100644
--- a/assets/html/index.html
+++ b/assets/html/index.html
@@ -25,7 +25,7 @@
 						cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 					</p>
 					<div class="bloc-plus">
-						En savoir plus
+						<a href="https://www.imie.fr" target="_blank">En savoir plus</a>
 					</div>
 				</div>
 			</div>
diff --git a/assets/html/legal.t b/assets/html/legal.t
new file mode 100644
index 0000000..e69de29
diff --git a/assets/html/login.html b/assets/html/login.html
index b7fbdee..9f05108 100644
--- a/assets/html/login.html
+++ b/assets/html/login.html
@@ -9,20 +9,19 @@
 		<tag type="includes" file="header" />
 	</header>
 	<main class="test container">
-		<div class="bloc_principal">
-			<div class="cover-black">
+		<div class="">
+			<div class="">
 				<div class="bloc_principal_titre">
-					<h1>LE BLOG DES APPRENANTS</h1>
+					<h1>CONNEXION</h1>
 				</div>
 				<div class="cover-text">
-					<h2 id="titre-home">Merci de bien vouloir vous connecter pour continuer</h2>
+					<h2 id="titre-home">Veuillez-vous connecter</h2>
 					<div class="p-home">
 						<form name="login" id="name" method="POST" class="login" action="/login/">
 							<input name="username" id="username" type="text" placeholder="username" />
 							<input name="password" id="password" type="password" placeholder="password" />
-
-							<input type="submit" class="bloc-plus" value="Login"/>
-							<a href="/register" class="bloc-plus">Register</a>
+							<input type="submit" class="bloc-button" value="Login"/>
+							<a href="/register" class="bloc-button">Register</a>
 						</form>
 					</div>
 				</div>
diff --git a/assets/html/post.html b/assets/html/post.html
index 431b4dd..f39d785 100644
--- a/assets/html/post.html
+++ b/assets/html/post.html
@@ -60,7 +60,7 @@
 			</tag>
 			<tag type="isLoggedIn" reol="ROLE_ADMIN">
 				<if true>
-					<a style="float: left" href="./delete" class="contenue-recent next">Supprimmer l'article</a>
+					<a style="float: left" href="./delete" class="contenue-recent next">Supprimer l'article</a>
 				</if>
 			</tag>
 		</div>
diff --git a/assets/html/search.html b/assets/html/search.html
index 9f778e8..0b675cc 100644
--- a/assets/html/search.html
+++ b/assets/html/search.html
@@ -8,16 +8,9 @@
 	<header>
 		<tag type="includes" file="header" />
 	</header>
-	<main class="container">
+	<main class="container container-align">
 		<div class="bloc-recent recent">
-			<div class="contenue-recent-search">
-				<div class="titre-recent">
-					<p>récent</p>
-				</div>
-				<div class="icon-recent">
-					<tag type="svg" file="arrow" style="color: #848484; width: 18px; height: 18px" />
-				</div>
-			</div>
+			<div class="contenue-recent-search"><p>les plus récents</p></div>
 		</div>
 		<div class="bloc-search">
 			<tag type="loop" limit="20">