--- a/client/app/slideshow/slideshow.html	Tue Mar 24 18:13:23 2015 +0100
+++ b/client/app/slideshow/slideshow.html	Wed Mar 25 15:55:38 2015 +0100
@@ -1,27 +1,45 @@
-<h1>{{ slideshow.title }}</h1>
-<p>{{ slideshow.description }}</p>
-<div class="carousel-holder row">
-  <carousel>
-    <slide ng-repeat="slide in slideshow.hits" active="slide.active">
-        <div class="row">
-          <div class="col-md-6 col-md-offset-1">
-            <img ng-src="{{ slide.metas_dict.images }}" style="margin:auto;">
-          </div>
-          <div class="carousel-caption col-md-4">
-            <slide-editor index="{{$index}}"></slide-editor>
-            <hr/>
-            <h4 class="original-text">{{ slide.metas_dict.name }}</h4>
-            <p class="original-text">{{ slide.metas_dict.description }}</p>
-            <p class="text-right"><a class="btn btn-default" ng-click="h.imgbig=!h.imgbig"><span class="glyphicon glyphicon-eye-open"></span></a></p>
-            <div ng-show="h.imgbig">
-              <p><small><strong>Classification&nbsp;:</strong> {{ slide.metas_dict.classification }}</small></p>
-              <p><small><strong>Current Custody&nbsp;:</strong> {{ slide.metas_dict.currentcustody }}</small></p>
-              <p><small><strong>Former Custody&nbsp;:</strong> {{ slide.metas_dict.formercustody }}</small></p>
-              <p><small><strong>Mesures&nbsp;:</strong> {{ slide.metas_dict.measures }}</small></p>
-              <p><small><strong>Acteurs&nbsp;:</strong> {{ slide.metas_dict.actors }}</small></p>
-              <p><small><strong>Lieux&nbsp;:</strong> {{ slide.metas_dict.places }}</small></p>
-          </div>
-          </div>
-      </slide>
-  </carousel>
+<div class="slideshow">
+	<div class="slide-title">
+			<h1>Diaporama - {{book.title}}</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">
+						<img ng-if="slide.details.firstImg" ng-src="{{ slide.details.firstImg }}" 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="user-details">
+							<h4>{{slide.title}}</h4>
+							<p>{{slide.description}}</p>
+							<p>{{slide.comments}}</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>
+							</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.firstImg }}" />
+				    <p>{{ slide.details.title }}</p>
+				</div>
+			</li>
+		</ul>
+	</div>
 </div>