diff --git a/SRC/app/Http/Controllers/HomeController.php b/SRC/app/Http/Controllers/HomeController.php
index 85cedd8..dd99cd1 100755
--- a/SRC/app/Http/Controllers/HomeController.php
+++ b/SRC/app/Http/Controllers/HomeController.php
@@ -1,7 +1,7 @@
 <?php namespace App\Http\Controllers;
 
 use App\Referent;
-
+use Cookie;
 class HomeController extends Controller {
 
 	/**
@@ -22,7 +22,9 @@ class HomeController extends Controller {
     
     public function index()
 	{
-        return view('frontend/games');
+		$idRef = Cookie::get('referent');
+        $ref = Referent::find($idRef);
+        return view('frontend/games', ['ref' => $ref]);
 	}
     
 	public function choisirRef()
diff --git a/SRC/public/css/frontend.css b/SRC/public/css/frontend.css
index 3628ac7..afff748 100755
--- a/SRC/public/css/frontend.css
+++ b/SRC/public/css/frontend.css
@@ -84,7 +84,7 @@ nav input {
 .text-center img:hover
 {
 	padding-bottom : 5px;
-	border-bottom: 2px solid black;
+	border-bottom: 2px solid dimgrey;
 }
 
 .titreIcon
@@ -99,6 +99,11 @@ nav input {
 	height: 150px;
 }
 
+#back_ref img
+{
+	height: 20px;
+}
+
 button {
     cursor: pointer;
     display: inline-block;
@@ -126,4 +131,56 @@ button:active {
     width:100%;
     height:100%;
     
-}
\ No newline at end of file
+}
+
+/*								FIL D'ARIANE 			*/
+
+#back_ref{
+font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
+width:500px;
+margin-left: 5px;
+}
+/*Reset sur la liste*/
+#back_ref ul, #back_ref li {
+list-style-type:none;	
+padding:0;margin:0;
+}		
+/*Styles sur la liste*/
+#back_ref ul{
+height:33px;
+margin:10px auto;
+padding:30px 0;
+}	
+/*Premier ÈlÈment de la liste*/
+#back_ref li.first {
+background:url(../imgs/ariane/first-left.png) 0 0 no-repeat;
+height:33px;
+} 
+/*Tous les ÈlÈments de la liste sauf premier et dernier*/
+#back_ref li {
+float:left;
+background:url(../imgs/ariane/general-left.png) 0 0 no-repeat;
+line-height:33px;
+margin:5px 0 0 0;
+padding-left:13px;
+}
+/*Style sur les ÈlÈments a et span*/
+#back_ref li a, 
+#back_ref li span {
+float:left;
+background:url(../imgs/ariane/bg-gradient.jpg) 0 0 repeat-x;
+height:33px;
+margin:0;
+padding:0 0 0 5px;
+font-size:11px;
+text-transform:uppercase;
+letter-spacing:0.02em;
+}	
+/*Style du dernier span de la liste*/
+#back_ref li span.end {
+float:left;
+background:url(../imgs/ariane/general-right.png) 0 0 no-repeat;
+width:20px;
+height:33px;
+} 	
+
diff --git a/SRC/public/imgs/ariane/Thumbs.db b/SRC/public/imgs/ariane/Thumbs.db
new file mode 100755
index 0000000..188db6f
Binary files /dev/null and b/SRC/public/imgs/ariane/Thumbs.db differ
diff --git a/SRC/public/imgs/ariane/bg-gradient.jpg b/SRC/public/imgs/ariane/bg-gradient.jpg
new file mode 100755
index 0000000..84207b7
Binary files /dev/null and b/SRC/public/imgs/ariane/bg-gradient.jpg differ
diff --git a/SRC/public/imgs/ariane/first-left.gif b/SRC/public/imgs/ariane/first-left.gif
new file mode 100755
index 0000000..150ee96
Binary files /dev/null and b/SRC/public/imgs/ariane/first-left.gif differ
diff --git a/SRC/public/imgs/ariane/first-left.png b/SRC/public/imgs/ariane/first-left.png
new file mode 100755
index 0000000..ab8cfbf
Binary files /dev/null and b/SRC/public/imgs/ariane/first-left.png differ
diff --git a/SRC/public/imgs/ariane/general-left.gif b/SRC/public/imgs/ariane/general-left.gif
new file mode 100755
index 0000000..ecd7d81
Binary files /dev/null and b/SRC/public/imgs/ariane/general-left.gif differ
diff --git a/SRC/public/imgs/ariane/general-left.png b/SRC/public/imgs/ariane/general-left.png
new file mode 100755
index 0000000..5ce1753
Binary files /dev/null and b/SRC/public/imgs/ariane/general-left.png differ
diff --git a/SRC/public/imgs/ariane/general-right.gif b/SRC/public/imgs/ariane/general-right.gif
new file mode 100755
index 0000000..a1e4d3e
Binary files /dev/null and b/SRC/public/imgs/ariane/general-right.gif differ
diff --git a/SRC/public/imgs/ariane/general-right.png b/SRC/public/imgs/ariane/general-right.png
new file mode 100755
index 0000000..4ec5f29
Binary files /dev/null and b/SRC/public/imgs/ariane/general-right.png differ
diff --git a/SRC/public/imgs/ariane/wrap-gradient.jpg b/SRC/public/imgs/ariane/wrap-gradient.jpg
new file mode 100755
index 0000000..b5bf2ba
Binary files /dev/null and b/SRC/public/imgs/ariane/wrap-gradient.jpg differ
diff --git a/SRC/public/imgs/home.png b/SRC/public/imgs/home.png
new file mode 100644
index 0000000..e8e8626
Binary files /dev/null and b/SRC/public/imgs/home.png differ
diff --git a/SRC/public/imgs/memo/memo.png b/SRC/public/imgs/memo/memo.png
index 2b0afe0..3c9c7c7 100644
Binary files a/SRC/public/imgs/memo/memo.png and b/SRC/public/imgs/memo/memo.png differ
diff --git a/SRC/public/imgs/memo/memo2.png b/SRC/public/imgs/memo/memo2.png
new file mode 100644
index 0000000..5a4f759
Binary files /dev/null and b/SRC/public/imgs/memo/memo2.png differ
diff --git a/SRC/resources/views/frontend/games.blade.php b/SRC/resources/views/frontend/games.blade.php
index 4eb25fc..84ee1ef 100755
--- a/SRC/resources/views/frontend/games.blade.php
+++ b/SRC/resources/views/frontend/games.blade.php
@@ -4,8 +4,23 @@
     <div class="titreIcon">
     	<img src="imgs/games.png" />
     </div>
+    <div id="back_ref">
+    	<ul>
+    		<li class="first">
+    			<a href="/choisirref"><img src="{{ $ref -> image}}" style="border:1px solid silver;"/></a>
+    			<span class="end">&nbsp;</span>
+    		</li>
+    		<li>
+    			<span><img src="imgs/games.png" alt="game"/></span>
+    			<span class="end">&nbsp;</span>
+    		</li>
+    	</ul>
+    </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>
+		<a href="{{ URL::to('memo') }}" ><img src="imgs/memo/memo2.png" alt="memo"/></a>
     </div>
+    <footer>
+    	<p style="text-align:center; color:black; font-size:12px; position:absolute; bottom: 0; "> Application du musée Augustin </p>
+    </footer>
 @endsection