diff --git a/index.php b/index.php
index 142e508..66a2669 100644
--- a/index.php
+++ b/index.php
@@ -62,7 +62,6 @@ elseif (isset($_GET['movie'])) {
 	</div>
 
 	<h2 class="main">Netflix 2.0</h2>
-	<div id="heure" style="margin: 0 10px; padding: 0;"></div>
 
 	<div id="sagas" class="main" ></div>
 	<div id="movies" class="main" ></div>
@@ -73,6 +72,7 @@ if (isset($movie_detail)):
 ?>
 	<section id="movieContent" class="main">
 		<h2 id="movieTitle" style="margin: 0;"></h2>
+		<div id="heure" style="margin: 0 10px; padding: 0;"></div>
 		<h3 id="showDetail" class="toggle"><i class="fa fa-chevron-down" aria-hidden="true"></i> Afficher détail</h3>
 		<div id="movieDetails">
 			<div id="cover" >
diff --git a/js/function.js b/js/function.js
index 37ecc5e..98b201a 100644
--- a/js/function.js
+++ b/js/function.js
@@ -5,7 +5,7 @@ var duree_movie;
 	function ShowSagas(data) {
 		var nosaga = $('<a />', {
 			id: 0,
-			class: 'saga button nosaga',
+			class: 'saga button box nosaga',
 			href: '.?saga=0',
 		});
 		nosaga.append('No Saga');
@@ -13,7 +13,7 @@ var duree_movie;
 		$.each(data, function(key, value) {
 			var saga = $('<a />', {
 				id: value['id'],
-				class: 'saga button container',
+				class: 'saga button box container',
 				href: '.?saga='+value['id'],
 			});
 			//saga.append('<br>' + value['name']);
@@ -38,7 +38,7 @@ var duree_movie;
 		$.each(data, function(key, value) {
 			var movie = $('<a />', {
 				id: value['id'],
-				class: 'movie button container',
+				class: 'movie button box container',
 				href: '.?movie='+value['id'],
 			});
 			//movie.append('<br>' + value['title']);
diff --git a/js/script.js b/js/script.js
index e9e79b8..4928189 100644
--- a/js/script.js
+++ b/js/script.js
@@ -50,7 +50,7 @@ $(document).ready(function() {
 		var lien = $('.saga, .movie');
 		var title = $('.saga > .title, .movie > .title');
 		var original_title = $('.movie > .original_title');
-		lien.removeClass('button container');
+		lien.removeClass('box container');
 		lien.addClass('line');
 		title.removeClass('centered');
 		original_title.show();
@@ -62,7 +62,7 @@ $(document).ready(function() {
 		var title = $('.saga > .title, .movie > .title');
 		var original_title = $('.movie > .original_title');
 		lien.removeClass('line');
-		lien.addClass('button container');
+		lien.addClass('box container');
 		title.addClass('centered');
 		original_title.hide();
 	});
diff --git a/style/style.css b/style/style.css
index a6f100e..7011ed8 100644
--- a/style/style.css
+++ b/style/style.css
@@ -60,31 +60,36 @@
 }
 
 a.button {
-	background-color: #EEEEEE;
+	background-color: #222426;
 	cursor: pointer;
-	display: inline-block;
-	text-align: center;
 	//border: 2px solid;
 	border-radius: 5px;
 	font-weight: bold;
 	margin: 5px;
 	color: #10a2ff;
-	padding: 1em 1.5em;
 	text-decoration: none;
+	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 16px 0px, rgba(0, 0, 0, 0.19) 0px 6px 20px 0px;
 
 }
 
-a.line {
-	background-color: #EEEEEE;
-	cursor: pointer;
+a.button:hover {
+	box-shadow: 0 0 6px rgb(35 173 255);
+
+}
+
+a.button.box {
+	display: inline-block;
+	text-align: center;
+	padding: 1em 1.5em;
+	width: 150px;
+	height: 229px;
+	vertical-align: top;
+
+}
+
+a.button.line {
 	display: block;
-	//border: 2px solid;
-	border-radius: 5px;
-	font-weight: bold;
-	margin: 5px;
-	color: #10a2ff;
 	padding: 5px;
-	text-decoration: none;
 	display: flex;
 	align-items: center;
 	justify-content: flex-start;
@@ -156,11 +161,14 @@ label:hover, input:focus + label {
 
 body {
 	margin: 0;
+	background-color: #181A1B;
+	filter: brightness(1);
+	filter: contrast(1);
 }
 
 .navbar {
 	overflow: hidden;
-	background-color: #333;
+	background-color: #262A2B;
 	position: sticky;
 	top: 0;
 	left: 0;
@@ -198,4 +206,6 @@ body {
 .main {
 	padding: 0;
 	margin: 16px;
-}
\ No newline at end of file
+	color: #E8E6E3;
+}
+