diff --git a/SRC/public/pictures/holder b/SRC/public/pictures/holder
new file mode 100755
index 0000000..a54a1e6
--- /dev/null
+++ b/SRC/public/pictures/holder
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="yes"?><svg xmlns="http://www.w3.org/2000/svg" width="171" height="180" viewBox="0 0 171 180" preserveAspectRatio="none"><defs/><rect width="171" height="180" fill="#EEEEEE"/><g><text x="60.1875" y="90" style="fill:#AAAAAA;font-weight:bold;font-family:Arial, Helvetica, Open Sans, sans-serif, monospace;font-size:10pt;dominant-baseline:central">171x180</text></g></svg>
\ No newline at end of file
diff --git a/SRC/public/pictures/holder.jpg b/SRC/public/pictures/holder.jpg
new file mode 100644
index 0000000..ceb77b2
Binary files /dev/null and b/SRC/public/pictures/holder.jpg differ
diff --git a/SRC/resources/assets/less/bootstrap/glyphicons.less b/SRC/resources/assets/less/bootstrap/glyphicons.less
index 6eab7f7..4038cd6 100644
--- a/SRC/resources/assets/less/bootstrap/glyphicons.less
+++ b/SRC/resources/assets/less/bootstrap/glyphicons.less
@@ -9,12 +9,8 @@
 
 // Import the fonts
 @font-face {
-  font-family: 'Glyphicons Halflings';
-  src: url('@{icon-font-path}@{icon-font-name}.eot');
-  src: url('@{icon-font-path}@{icon-font-name}.eot?#iefix') format('embedded-opentype'),
-       url('@{icon-font-path}@{icon-font-name}.woff') format('woff'),
-       url('@{icon-font-path}@{icon-font-name}.ttf') format('truetype'),
-       url('@{icon-font-path}@{icon-font-name}.svg#@{icon-font-svg-id}') format('svg');
+font-family: "Glyphicons Halflings";
+src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg");
 }
 
 // Catchall baseclass
diff --git a/SRC/resources/views/admin.blade.php b/SRC/resources/views/admin.blade.php
index 5667612..21d6f11 100644
--- a/SRC/resources/views/admin.blade.php
+++ b/SRC/resources/views/admin.blade.php
@@ -3,12 +3,14 @@
 @section('content')
 
 <br>
-<center><h1>Bienvenue dans l'espace d'administration!</h1>
-<br>
+<center><h1>Bienvenue dans l'espace d'administration!</h1></center>
+<br><br><br>
 
-<div class="row">
+
+  <div class="col-md-2"></div>
 
   <div class="col-md-8">
+    <button style="float: right" type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Ajouter un référent</button>
     <table class="table table-hover">
       <thead>
         <tr>
@@ -23,42 +25,107 @@
           <td>Quentin Rouland</td>
           <td>quentin.rouland@free.fr</td>
           <td>Toulouse</td>
-          <td>-- Action --</td>
+          <td>
+            <button type="button" class="btn btn-default btn-sm">Se connecter</button>
+            <button type="button" class="btn btn-warning btn-sm">Supprimer</button>
+          </td>
         </tr>
         <tr>
           <td>Quentin Rouland</td>
           <td>quentin.rouland@free.fr</td>
           <td>Toulouse</td>
-          <td>-- Action --</td>
+          <td>
+            <button type="button" class="btn btn-default btn-sm">Se connecter</button>
+            <button type="button" class="btn btn-warning btn-sm">Supprimer</button>
+          </td>
         </tr>
         <tr>
           <td>Quentin Rouland</td>
           <td>quentin.rouland@free.fr</td>
           <td>Toulouse</td>
-          <td>-- Action --</td>
+          <td>
+            <button type="button" class="btn btn-default btn-sm">Se connecter</button>
+            <button type="button" class="btn btn-warning btn-sm">Supprimer</button>
+          </td>
         </tr>
         <tr>
           <td>Quentin Rouland</td>
           <td>quentin.rouland@free.fr</td>
           <td>Toulouse</td>
-          <td>-- Action --</td>
+          <td>
+            <button type="button" class="btn btn-default btn-sm">Se connecter</button>
+            <button type="button" class="btn btn-warning btn-sm">Supprimer</button>
+          </td>
         </tr>
         <tr>
           <td>Quentin Rouland</td>
           <td>quentin.rouland@free.fr</td>
           <td>Toulouse</td>
-          <td>-- Action --</td>
+          <td>
+            <button type="button" class="btn btn-default btn-sm">Se connecter</button>
+            <button type="button" class="btn btn-warning btn-sm">Supprimer</button>
+          </td>
         </tr>
         <tr>
           <td>Quentin Rouland</td>
           <td>quentin.rouland@free.fr</td>
           <td>Toulouse</td>
-          <td>-- Action --</td>
+          <td>
+            <button type="button" class="btn btn-default btn-sm">Se connecter</button>
+            <button type="button" class="btn btn-warning btn-sm">Supprimer</button>
+          </td>
         </tr>
       </tbody>
     </table>
   </div>
-  
-  <div class="col-md-4">.col-md-4</div>
+
+
+<!-- Modal -->
+<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="myModalLabel">Créer un nouvel adhérent</h4>
+      </div>
+      <div class="modal-body">
+
+          <form class="form-horizontal">
+            <div class="form-group">
+              <label for="prenom" class="col-sm-2 control-label">Prénom</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="prenom" placeholder="Prénom">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="nom" class="col-sm-2 control-label">Nom</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="nom" placeholder="Nom">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="email" class="col-sm-2 control-label">Email</label>
+              <div class="col-sm-10">
+                <input type="email" class="form-control" id="email" placeholder="Email">
+              </div>
+            </div>
+            <div class="form-group">
+              <label for="ville" class="col-sm-2 control-label">Ville</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="ville" placeholder="Ville">
+              </div>
+            </div>
+          </form>
+
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-default" data-dismiss="modal">Annuler</button>
+        <button type="button" class="btn btn-primary">Enregistrer</button>
+      </div>
+    </div>
+  </div>
 </div>
+
+
+
 @endsection
diff --git a/SRC/resources/views/referent.blade.php b/SRC/resources/views/referent.blade.php
index 2a8cb31..884cf39 100644
--- a/SRC/resources/views/referent.blade.php
+++ b/SRC/resources/views/referent.blade.php
@@ -1,9 +1,186 @@
 @extends('app')
 
 @section('content')
+<nav class="navbar navbar-default">
+  <div class="container-fluid">
+  	<a class="navbar-brand" href="#">Espace Référent</a>
+ 	<!-- <span class="glyphicon glyphicon-user" aria-hidden="true"></span> -->
+ 	<p class="navbar-text">Icone</p>
+  	<p class="navbar-text">Nom</p>
+  	<p class="navbar-text">Prenom</p>
+  	<p class="navbar-text">Identifiant</p>
+  	<ul class="nav navbar-nav navbar-right">
+        <li><a href="#">Se déconnecter</a></li>
+     </ul>
+  </div>
+</nav>
 
 <br>
-<center><h1>Bienvenue dans l'espace référent!</h1>
-<br>
+<div class="col-md-3">
+
+<legend>Créer une session:</legend>
+<form class="form-inline">
+  <div class="form-group">
+    <div class="input-group">
+      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Ajouter une session">
+    </div>
+  </div>
+  <button type="submit" class="btn btn-primary">Ajouter</button>
+</form>
+
+<br><br>
+<legend>Mes sessions:</legend>
+<table class="table table-hover">
+	<tr class="active">
+		<td>Falbala</td>
+		<td>Supprimer</td>
+	</tr>
+	<tr>
+		<td>biblo</td>
+		<td>Supprimer</td>
+	</tr>
+	<tr>
+		<td>Tralala</td>
+		<td>Supprimer</td>
+	</tr>
+	<tr>
+		<td>Redmin</td>
+		<td>Supprimer</td>
+	</tr>
+	<tr>
+		<td>Vive arch linux</td>
+		<td>Supprimer</td>
+	</tr>
+</table>
+
+</div>
+
+
+<div class="col-md-9">
+<legend>Falbala: (Activer ou Désactiver la session)</legend>
+
+<div class="col-md-9">
+
+<span style="float: right">Sélectionner tout -- Annuler sélection</span><br>
+<div class="panel panel-default">
+  <div class="panel-body">
+    
+
+  <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+  <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+  <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+    <div class="col-xs-4 col-md-3">
+    <a href="#" class="thumbnail">
+      <img src="/pictures/holder.jpg">
+    </a>
+  </div>
+
+  <button style="float: right" class="btn btn-primary">Enregistrer</button>
+  </div>
+</div>
+
+</div>
+
+
+<div class="col-md-3">
+
+<legend>Ajouter un filtre:</legend>
+<h4>Par critère:</h4>
+<select class="form-control">
+  <option selected="selected">Selectionner catégorie</option>
+  <option>1</option>
+  <option>2</option>
+</select>
+
+<select class="form-control">
+  <option selected="selected">Tous les éléments</option>
+  <option>1</option>
+  <option>2</option>
+</select>
+<button style="margin-top: 5px" class="btn btn-primary">Ajouter</button>
+<br><br>
+
+<h4>Par mot clé:</h4>
+<form class="form-inline">
+  <div class="col-sm-8 form-group">
+    <div class="input-group">
+      <input type="text" class="form-control" id="exampleInputAmount" placeholder="Par mot clé">
+    </div>
+  </div>
+  <button type="submit" class="btn btn-primary">Ajouter</button>
+
+<br><br>
+<legend>Mes filtres</legend>
+
+<table class="table table-hover">
+	<tr>
+		<td>Montagne: noire</td>
+		<td>Supprimer</td>
+	</tr>
+	<tr>
+		<td>couleur: bleu</td>
+		<td>Supprimer</td>
+	</tr>
+	<tr>
+		<td>âge: 10 ans</td>
+		<td>Supprimer</td>
+	</tr>
+</table>
+</div>
+
+</div>
+
 
 @endsection