diff --git a/SRC/app/Http/Controllers/GameController.php b/SRC/app/Http/Controllers/GameController.php
index 35d34fc..13a309b 100755
--- a/SRC/app/Http/Controllers/GameController.php
+++ b/SRC/app/Http/Controllers/GameController.php
@@ -1,5 +1,6 @@
 <?php namespace App\Http\Controllers;
 
+use DB;
 class GameController extends Controller {
 
 	/**
@@ -19,7 +20,8 @@ class GameController extends Controller {
 	 */
 	public function index()
 	{
-		return view('home');
+		$res = DB::select('SELECT * FROM `referent`');
+		return view('home',['referent' => $res]);
 	}
 
 	/**
diff --git a/SRC/app/Http/Controllers/HomeController.php b/SRC/app/Http/Controllers/HomeController.php
index c7ca983..6f5ba54 100755
--- a/SRC/app/Http/Controllers/HomeController.php
+++ b/SRC/app/Http/Controllers/HomeController.php
@@ -34,3 +34,5 @@ class HomeController extends Controller {
 	}
 
 }
+
+?>
\ No newline at end of file
diff --git a/SRC/bootstrap/home.css b/SRC/bootstrap/home.css
new file mode 100644
index 0000000..e69de29
diff --git a/SRC/public/css/app.css b/SRC/public/css/app.css
index 122c70a..ade14c2 100755
--- a/SRC/public/css/app.css
+++ b/SRC/public/css/app.css
@@ -6,7 +6,13 @@ html {
 }
 body {
   margin: 0;
+  background-image:url(../pictures/homePic/fond.jpg);
+  background-attachment:fixed;
+  background-repeat:no-repeat;
+  background-position:100% 100%;
+  background-size:cover;
 }
+
 article,
 aside,
 details,
@@ -2326,6 +2332,7 @@ output {
   line-height: 1.42857143;
   color: #555555;
 }
+
 .form-control {
   display: block;
   width: 100%;
@@ -3431,6 +3438,13 @@ tbody.collapse.in {
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
 }
+
+.form-group img
+{
+	width: 2%;
+	height: 2%;
+}
+
 .input-group {
   position: relative;
   display: table;
@@ -5339,7 +5353,7 @@ a.list-group-item-danger.active:focus {
   padding: 19px;
   margin-bottom: 20px;
   background-color: #f5f5f5;
-  border: 1px solid #e3e3e3;
+  border: 1px solid silver;
   border-radius: 4px;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
 }
@@ -5349,7 +5363,14 @@ a.list-group-item-danger.active:focus {
 }
 .well-lg {
   padding: 24px;
+  margin: 5%;
+  margin-left : 25%;
+  margin-right: 25%;
   border-radius: 6px;
+  -moz-box-shadow: 0px 0px 8px black inset;
+	-webkit-box-shadow: 0px 0px 5px black inset;
+	-o-box-shadow: 0px 0px 5px black inset;
+	box-shadow: 0px 0px 8px black inset;
 }
 .well-sm {
   padding: 9px;
@@ -5727,16 +5748,22 @@ button.close {
   position: relative;
   overflow: hidden;
   width: 100%;
+	
 }
+
 .carousel-inner > .item {
   display: none;
   position: relative;
   transition: 0.6s ease-in-out left;
 }
+
 .carousel-inner > .item > img,
-.carousel-inner > .item > a > img {
+.carousel-inner > .item > a > img
+{
   line-height: 1;
 }
+
+
 @media all and (transform-3d), (-webkit-transform-3d) {
   .carousel-inner > .item {
     transition: -webkit-transform 0.6s ease-in-out;
@@ -5878,17 +5905,22 @@ button.close {
   height: 10px;
   margin: 1px;
   text-indent: -999px;
-  border: 1px solid #ffffff;
+  border: 1px solid transparent; /*#ffffff; */ /*cerclage du rond */
   border-radius: 10px;
   cursor: pointer;
-  background-color: #000 \9;
-  background-color: rgba(0, 0, 0, 0);
+  background-color: silver; /*#000 \9;*/
+  
 }
-.carousel-indicators .active {
+.carousel-indicators .active 
+{
   margin: 0;
   width: 12px;
   height: 12px;
-  background-color: #ffffff;
+ background: #39CEF0;
+ -moz-box-shadow: 0px 1px 2px 0px #656565;
+-webkit-box-shadow: 0px 1px 2px 0px #656565;
+-o-box-shadow: 0px 1px 2px 0px #656565;
+box-shadow: 0px 1px 2px 0px #656565;
 }
 .carousel-caption {
   position: absolute;
@@ -5898,7 +5930,7 @@ button.close {
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
-  color: #ffffff;
+  color: *#ffffff;
   text-align: center;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
 }
diff --git a/SRC/public/pictures/homePic/bienvenue.png b/SRC/public/pictures/homePic/bienvenue.png
new file mode 100644
index 0000000..3e0123c
Binary files /dev/null and b/SRC/public/pictures/homePic/bienvenue.png differ
diff --git a/SRC/public/pictures/homePic/fond.jpg b/SRC/public/pictures/homePic/fond.jpg
new file mode 100644
index 0000000..1b2d96c
Binary files /dev/null and b/SRC/public/pictures/homePic/fond.jpg differ
diff --git a/SRC/public/pictures/homePic/search.png b/SRC/public/pictures/homePic/search.png
new file mode 100644
index 0000000..bfe5d5f
Binary files /dev/null and b/SRC/public/pictures/homePic/search.png differ
diff --git a/SRC/public/pictures/referent/francois.jpg b/SRC/public/pictures/referent/francois.jpg
new file mode 100644
index 0000000..d866404
Binary files /dev/null and b/SRC/public/pictures/referent/francois.jpg differ
diff --git a/SRC/public/pictures/referent/hitler.jpg b/SRC/public/pictures/referent/hitler.jpg
new file mode 100644
index 0000000..fedf186
Binary files /dev/null and b/SRC/public/pictures/referent/hitler.jpg differ
diff --git a/SRC/public/pictures/referent/lepen.jpg b/SRC/public/pictures/referent/lepen.jpg
new file mode 100644
index 0000000..1ff6741
Binary files /dev/null and b/SRC/public/pictures/referent/lepen.jpg differ
diff --git a/SRC/public/pictures/referent/nicolas.jpg b/SRC/public/pictures/referent/nicolas.jpg
new file mode 100644
index 0000000..43e9070
Binary files /dev/null and b/SRC/public/pictures/referent/nicolas.jpg differ
diff --git a/SRC/resources/views/home.blade.php b/SRC/resources/views/home.blade.php
index 01b76a4..375724a 100755
--- a/SRC/resources/views/home.blade.php
+++ b/SRC/resources/views/home.blade.php
@@ -3,54 +3,58 @@
 @section('content')
 
 <br>
-<center><h1>Bienvenue!</h1>
+<center>
+  <img style="height:auto; width:auto; max-width:400px; alt="" src="./pictures/homePic/bienvenue.png">
+  <br>
 <br>
 <form class="form-inline">
   <div class="form-group">
+  <img alt="" src="./pictures/homePic/search.png">
     <div class="input-group">
-      <input type="text" class="form-control" placeholder="Search">
+      	<input type="text" class="form-control" placeholder="Rechercher un Référant">
     </div>
   </div>
-  <button type="submit" class="btn btn-primary">Search</button>
 </form>
 <br>
 <br>
 
 <div  style="margin-left: 200px, margin-right: 200px" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-  <!-- Indicators -->
+  
+  <!-- indicateur, à incrementé en fonction du nombre d'images -->
   <ol class="carousel-indicators">
-    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
-    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+    @foreach ($referent as $ref)
+     @if ($ref -> idreferent == 1) 
+     	<li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> idreferent }}" class='active' ></li>
+     @else
+    	<li data-target="#carousel-example-generic" data-slide-to="{{ $ref -> idreferent }} "></li>
+    @endif
+    @endforeach 
   </ol>
 
-  <!-- Wrapper for slides -->
-  <div class="carousel-inner" role="listbox">
-    <div class="item active">
-      <a href="/referents/vive.linux/games"><img src="./pictures/1.jpg" width="35%" alt="indians"></a>
-      <div class="carousel-caption">
-        Ceci est une image
-      </div>
-    </div>
-    <div class="item">
-      <a href="/referents/vive.linux/games"><img src="./pictures/2.jpg" width="35%" alt="others indians"></a>
-      <div class="carousel-caption">
-        Ceci est une image différente de l'autre
-      </div>
-    </div>
-  </div>
-
-  <!-- Controls -->
-  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
-    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-    <span class="sr-only">Previous</span>
-  </a>
-  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
-    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-    <span class="sr-only">Next</span>
-  </a>
+  <!-- Parametres des images  -->
+  <div class="carousel-inner" role="listbox"> 
+	@foreach ($referent as $ref)
+		@if ($ref -> idreferent == 1)
+    	<div class="item active">
+    	@else
+    	<div class="item">
+    	@endif
+     		<a href="/referents/vive.linux/games"><img src="./pictures/referent/{{ $ref-> image }}" width="35%" alt="{{ $ref -> prenom }}-{{ $ref -> nom }}"></a> 	
+    		<div class="well well-lg">{{$ref -> prenom}}, {{$ref -> nom}}</div>
+    	</div> 
+	@endforeach
+	</div>
+	
+  	<!-- Controles -->
+  	<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+    	<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+    	<span class="sr-only">Précédant</span>
+  	</a>
+  	<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+    	<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+    	<span class="sr-only">Suivant</span>
+  	</a>
 </div>
 
-<div class="well well-lg">Information du référent</div>
-
 </center>
 @endsection