diff -r be1ff4e0593f -r cb13a9009bf5 client/app/slideshow/slideshow.html
--- a/client/app/slideshow/slideshow.html	Fri May 29 13:38:24 2015 +0200
+++ b/client/app/slideshow/slideshow.html	Tue Jun 02 09:46:30 2015 +0200
@@ -1,45 +1,44 @@
-<div class="slideshow">
-    <div class="slide-title">
-            <h1>Diaporama - {{book.title}}</h1>
+<div class="slideshow  container-fluid">
+    <div class="row slideshow-title">
+            <h1 class="book">
+                {{book.title}}
+                <small>par Jonathan Linvingston</small>
+            </h1>
+            <h1 class="pull-right poi"><small>{{book.count}} points d'intérêts</small></h1>
     </div>
     <div class="carousel-holder row">
         <carousel>
-            <slide ng-repeat="slide in slideshow" active="slide.active">
-                <div class="container slide-content">
-                    <div class="col-md-7 media">
+            <slide ng-repeat="slide in slides" active="slide.active">
+                <div class="container-fluid slideshow-content">
+                    <div class="col-sm-8 media">
                         <img ng-if="slide.details.images[0]" ng-src="{{ slide.details.images[0] }}" style="margin: auto;">
                         <audio ng-if="slide.details.audio" ng-src="{{ slide.details.audio }}" style="margin: auto; controls loop"></audio>
                         <video ng-if="slide.details.video" ng-src="{{ slide.details.video }}" style="margin: auto;" controls></video>
                     </div>
-                    <div class="col-md-5 caption">
+                    <div class="col-sm-4 caption">
                         <div class="user-details">
-                            <h4>{{slide.title}}</h4>
+                            <h1>{{slide.title}}</h1>
                             <p>{{slide.description}}</p>
-                            <p>{{slide.comment}}</p>
                             <p>
                                 <em>{{slide.tags.join(', ')}}</em>
                             </p>
                         </div>
-                        <hr />
                         <div class="details">
                             <p>
                                 <strong>Titre&nbsp;:&nbsp;</strong><small>{{slide.details.title}}</small>
                             </p>
                             <p>
-                                <strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.captionImg}}</small>
+                                <strong>Description&nbsp;:&nbsp;</strong><small>{{slide.details.description}}</small>
                             </p>
                         </div>
                     </div>
                 </div>
             </slide> 
         </carousel>
-        <ul class="list-unstyled list-inline row insight" >
-            <li class="col-md-2 item" ng-repeat="slide in slideshow">
-                <div class="img-ctn" ng-click="showSlide($index)">
-                    <img class="img img-responsive image" ng-src="{{ slide.details.images[0] }}" />
-                    <p>{{ slide.details.title }}</p>
-                </div>
-            </li>
-        </ul>
+        <div class="insight" >
+            <div class="item" ng-repeat="slide in slides" data-ng-click="slide.active = true">
+                <img ng-src="{{ slide.details.images[0] }}" my-customer />
+            </div>
+        </div>
     </div>
 </div>