diff --git a/SRC/public/css/frontend.css b/SRC/public/css/frontend.css
index fb48b4d..3628ac7 100755
--- a/SRC/public/css/frontend.css
+++ b/SRC/public/css/frontend.css
@@ -67,6 +67,38 @@ nav input {
     border-radius: 20px;
     border: 3px solid black;
 }
+
+.text-center
+{
+	margin-top: 6%;
+	text-align: center;
+	background-color: rgba(0, 0, 0, 0.2);
+}
+
+.text-center img
+{
+	height: 250px;
+	margin: 2%;
+	
+}
+.text-center img:hover
+{
+	padding-bottom : 5px;
+	border-bottom: 2px solid black;
+}
+
+.titreIcon
+{
+	text-align:center;
+	margin-top: 2%;
+	
+}
+
+.titreIcon img
+{
+	height: 150px;
+}
+
 button {
     cursor: pointer;
     display: inline-block;
diff --git a/SRC/public/imgs/games.png b/SRC/public/imgs/games.png
new file mode 100644
index 0000000..84055f4
Binary files /dev/null and b/SRC/public/imgs/games.png differ
diff --git a/SRC/public/imgs/memo/memo.png b/SRC/public/imgs/memo/memo.png
new file mode 100644
index 0000000..2b0afe0
Binary files /dev/null and b/SRC/public/imgs/memo/memo.png differ
diff --git a/SRC/public/imgs/puzzle/iconPuzzle.png b/SRC/public/imgs/puzzle/iconPuzzle.png
new file mode 100644
index 0000000..dad1f84
Binary files /dev/null and b/SRC/public/imgs/puzzle/iconPuzzle.png differ
diff --git a/SRC/public/imgs/puzzle/memo.png b/SRC/public/imgs/puzzle/memo.png
new file mode 100644
index 0000000..8ae1f49
Binary files /dev/null and b/SRC/public/imgs/puzzle/memo.png differ
diff --git a/SRC/resources/views/frontend/games.blade.php b/SRC/resources/views/frontend/games.blade.php
index 858d11a..4eb25fc 100755
--- a/SRC/resources/views/frontend/games.blade.php
+++ b/SRC/resources/views/frontend/games.blade.php
@@ -1,18 +1,11 @@
 @extends('frontend/template')
 
 @section('content')
-    <div class="referents">
-
-    <div class="referent game"
-         onclick='location.href = "{{ URL::to('puzzle') }}";'
-         style="background:url('{{ URL::to('imgs/puzzle.jpg') }}'); width: 50%;">
-        <div class="infos">Puzzle</div>
+    <div class="titreIcon">
+    	<img src="imgs/games.png" />
     </div>
-    <div class="referent game"
-         onclick='location.href = "{{ URL::to('memo') }}";'
-         style="background:url('{{ URL::to('imgs/memo.jpg') }}'); width: 50%;">
-        <div class="infos">Mémo</div>
-    </div>
-                
+    <div class="text-center">
+		<a href="{{ URL::to('puzzle') }}" ><img src="imgs/puzzle/iconPuzzle.png" alt="puzzle"/></a>
+		<a href="{{ URL::to('memo') }}" ><img src="imgs/memo/memo.png" alt="memo"/></a>
     </div>
 @endsection