diff --git a/SRC/public/css/frontend.css b/SRC/public/css/frontend.css
index cd60e4d..d0ea2c0 100755
--- a/SRC/public/css/frontend.css
+++ b/SRC/public/css/frontend.css
@@ -187,11 +187,10 @@ button.level:active {
 
 .referent:hover
 {
-	-moz-box-shadow: 0px 0px 10px 2px white;
--webkit-box-shadow: 0px 0px 10px 2px white;
--o-box-shadow: 0px 0px 10px 2px white;
-box-shadow: 0px 0px 10px 2px white;
-filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
+-moz-box-shadow: 0px 0px 3px 2px #ffffff;
+-webkit-box-shadow: 0px 0px 3px 2px #ffffff;
+-o-box-shadow: 0px 0px 3px 2px #ffffff;
+box-shadow: 0px 0px 3px 2px #ffffff;
 }
 
 .trophy-text {
diff --git a/SRC/resources/views/frontend/home.blade.php b/SRC/resources/views/frontend/home.blade.php
index c04d610..a4358b0 100755
--- a/SRC/resources/views/frontend/home.blade.php
+++ b/SRC/resources/views/frontend/home.blade.php
@@ -2,18 +2,21 @@
 
 @section('content')
 @if ($referents != [])
-<div id="infoHome" style="@if($cookie == 'open')display: none @endif;text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;">
-		<a href="#" onClick="cache();" style="float:right; text-decoration:none; color:red;"><span class="icon-cross"></span></a>
-    	<h1 class="homeTitle">Les jeux du Musée des Augustins</h1>
-
-    L'objectif de ce site est de permettre aux enfants de jouer à des jeux tout en leur apportant de l'intérêt pour les différentes oeuvres d'art exposées dans le fameux musée toulousain.<br>
+<div id="infoHome" style="text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;">
+    <div class="part">
+        <a href="#" onClick="cache();" style="float:right; text-decoration:none; color:red;"><span class="icon-cross"></span></a>
+        <h1 class="homeTitle">Les jeux du Musée des Augustins</h1>
+        L'objectif de ce site est de permettre aux enfants de jouer à des jeux tout en leur apportant de l'intérêt pour les différentes oeuvres d'art exposées dans le fameux musée toulousain.<br>
     <span style="color:red;">Lorsque vous aurez choisit un référent, il faudra appuyer pendant 3 secondes sur l'icone de votre référent afin de revenir sur cette page.</span><br>
-    Si vous n'avez pas de référent, vous pouvez toujours <span style="color:#37378e;"><a href="/">cliquer ici pour jouer aux jeux</a></span>, sinon cliquez sur leur image.   
+    Si vous n'avez pas de référent, vous pouvez toujours <span style="color:#37378e;"><a href="{{URL::to('changerref/1') }}">cliquer ici pour jouer aux jeux</a></span>, sinon cliquez sur leur image.</div>
+    <div class="part" style="display:none;">
+        <a href="#" style="text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;" onClick="cache();">À Propos</a>
+    </div>
+</div>
+    
 </div>
 
-<div id="txt_show" style="@if($cookie == 'close')display: none; @endif text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;">
-  <a href="#" style="text-align:center;background-color: #fcfc6b; padding:10px; margin:auto;font-size:18px;" onClick="cache();">À Propos</a>
-</div>
+
     <nav>
             <input name="searchterm" class="icon-search" id="searchterm" placeholder="&#xe986; Rechercher un référent" type="text"> 
     </nav>
@@ -40,30 +43,27 @@
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script type="text/javascript">
 
+        
+$("#searchterm").on('input', function(e){
+var q = $("#searchterm").val();
+var url = (q == "") ? '{{URL::to('api/searchRef')}}' : '{{URL::to('api/searchRef')}}/' + q;
+$.getJSON(url, function(data) {
+  $("#referents").empty();
+  $.each(data, function(i,item){
+    $("#referents").append('<div class="referent" onclick=\'location.href = "{{ URL::to('changerref') }}/'+ item.id + '"\' style="background-image:url(\'{{ URL::to('/') }}/'+item.image+'\')"><div class="infos">'+ item.prenom + " " + item.nom + '</div></div>');
+  });
+});
+});
+
+
+ function cache() {
+    $.get("{{URL::to('toogleInfoBar') }}", function() {});
      
+  $('#infoHome .part').slideToggle('display');   
+ }
      
-          $("#searchterm").on('input', function(e){
-            var q = $("#searchterm").val();
-            var url = (q == "") ? '{{URL::to('api/searchRef')}}' : '{{URL::to('api/searchRef')}}/' + q;
-            $.getJSON(url, function(data) {
-              $("#referents").empty();
-              $.each(data, function(i,item){
-                $("#referents").append('<div class="referent" onclick=\'location.href = "{{ URL::to('changerref') }}/'+ item.id + '"\' style="background-image:url(\'{{ URL::to('/') }}/'+item.image+'\')"><div class="infos">'+ item.prenom + " " + item.nom + '</div></div>');
-              });
-            });
-          });
-
-</script>
-
-<script>
-
-	function cache() {
-		
-    $.get("toogleInfoBar", function() {});
-
-    // Toogle
-    $('#infoHome').toggle('display');
-    $('#txt_show').toggle('display');
-	}
+@if($cookie=='open')
+    $('#infoHome .part').slideToggle('display');   
+@endif
 </script>
 @endsection
\ No newline at end of file