diff --git a/SRC/public/js/ListeOeuvre.js b/SRC/public/js/ListeOeuvre.js
index a028425..6f8006b 100644
--- a/SRC/public/js/ListeOeuvre.js
+++ b/SRC/public/js/ListeOeuvre.js
@@ -1,7 +1,8 @@
 
 //Selection d'une recherche d'oeuvre 
-$('.listeoeuvre').click(function() {
-
+$('.listeoeuvre').click(function(event) {
+    $('.listeoeuvre').removeClass("active");
+    $(this).addClass("active");
     $('#oeuvrePic').empty();
     url = "/showListOeuvres/" + $(this).children('.idListeOeuvre').val();
     $.get(url, function( data ) {
@@ -23,10 +24,12 @@ $('.listeoeuvre').click(function() {
         +'</ul>'
         +'</div>'
         );
+
     });
 });
 
 
+
 //Enregistrement d'une liste d'ouevre
 $('#enregistrer').click(function() {
     url = "setListOeuvres";
@@ -157,4 +160,20 @@ $('.checkbox').click(function(event) {
 });
 
 
+//swicth onglets de bg  ma selection /ajouter 
+$('#liSelection').click(function() {
+    $('#addpicture').hide();
+    $('#selection').show("slow");
+    $('#liAddImages').removeClass("active");
+    $('#liSelection').addClass("active");
+});
+
+$('#liAddImages').click(function() {
+    $('#selection').hide();
+    $('#addpicture').show("slow");
+    $('#liSelection').removeClass("active");
+    $('#liAddImages').addClass("active");
+});
+
+
 
diff --git a/SRC/resources/views/referent.blade.php b/SRC/resources/views/referent.blade.php
index 2f3c7cd..7dab21c 100755
--- a/SRC/resources/views/referent.blade.php
+++ b/SRC/resources/views/referent.blade.php
@@ -38,7 +38,7 @@
             <td>{{$listeoeuvre->nom}}</td>
             <td>
             	<label class="ios7-switch">
-                	<input type="checkbox" checked>
+                	<input class="activeSession" type="checkbox" checked>
                 	<span></span>
               	</label>
             </td>
@@ -60,31 +60,11 @@
 
   <div class="panel panel-default col-md-9"><br>
     <ul class="nav nav-tabs">
-      <li role="presentation" class="active"><a href="#">Ma sélection</a></li>
-      <li role="presentation"><a href="#">Ajouter des images</a></li>
+      <li role="presentation" class="active" id="liSelection"><a href="#">Ma sélection</a></li>
+      <li role="presentation" id="liAddImages"><a href="#">Ajouter des images</a></li>
     </ul>
     <br>
-    <br><br><br><br><br><br><br><br><br><br><br>
-  </div>
-
-  <div class="col-md-3">
-    <legend>Mes jeux associés</legend>
-    @foreach($games as $game)
-    <div class="checkbox">
-      <input type="hidden" name="idGame" id="idGame" value="{{ $game->id }}">
-    	<label class="ios7-switch">
-    		<input id="checkbox" type="checkbox">
-    		<span></span>
-    		 {{ $game->nom }}
-		  </label>
-    </div>
-    @endforeach  
-  </div>
-  <br><br><br>
-</div>
-
-
-<!-- TAKE ALL THAT'S INSIDE THIS DIV FOR "MY SELECTION" -->
+    <!-- TAKE ALL THAT'S INSIDE THIS DIV FOR "MY SELECTION" -->
 <div class="col-md-7 princ" id="selection">
   <span style="float: right"><a href="">Sélectionner tout</a> -- <a href="">Annuler sélection</a></span><br>
     <div class="panel-body" id="oeuvrePic">
@@ -95,7 +75,7 @@
 
 
 <!-- TAKE ALL THAT'S INSIDE THIS DIV FOR "ADD PICTURES" -->
-<div class="col-md-7 princ" id="addpicture">
+<div class="col-md-7 princ" id="addpicture" style="display:none">
 
 
   <!-- PART CHOOSE AND FILL FILTER -->
@@ -191,8 +171,7 @@
 
     </div>
   </div>
-
-    <nav>
+  <nav>
       <ul class="pager">
         <li class="previous disabled"><a id="previous" href=""><span aria-hidden="true">&larr;</span> Précédent</a></li>
         <li class="next disabled"><a id="next" href="">Suivant <span aria-hidden="true">&rarr;</span></a></li>
@@ -200,5 +179,27 @@
     </nav>
   <button style="float: right" class="btn btn-primary" id="ajouter">Ajouter à ma liste d'oeuvre</button>
 </div>
+  </div>
+
+  <div class="col-md-3">
+    <legend>Mes jeux associés</legend>
+    @foreach($games as $game)
+    <div class="checkbox">
+      <input type="hidden" name="idGame" id="idGame" value="{{ $game->id }}">
+    	<label class="ios7-switch">
+    		<input id="checkbox" type="checkbox">
+    		<span></span>
+    		 {{ $game->nom }}
+		  </label>
+    </div>
+    @endforeach  
+  </div>
+  <br><br><br>
+</div>
+
+
+
+
+    
 
 @endsection