diff -r b714bcbe915c -r 4b3bebe4355d client/app/slides/slides.html
--- a/client/app/slides/slides.html	Wed Mar 25 15:55:38 2015 +0100
+++ b/client/app/slides/slides.html	Wed Mar 25 15:57:45 2015 +0100
@@ -1,20 +1,29 @@
-<h1>Slide</h1>
-<div class="container">
-	<div class="col-md-6 media">
-		<img ng-src="{{ slide.details.firstImg }}" style="margin: auto;">
+<div class="slide row">
+	<div class="slide-title">
+		<h1>{{slide.title}} - {{slide.details.title}}</h1>
+	</div>
+	<div class="slide-nav">
+		<a id="back" href="#/books/{{slide.book}}">&laquoRetour galerie</a>
+		<a id="next" href="#">Suivant&raquo</a>
+		<a id="previous" href="#">&laquoPrecedents</a>
 	</div>
-	<div class="col-md-6 caption ">
-		<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>
-			<strong>Titre&nbsp;:&nbsp;</strong><small>{{
-				slide.details.title }}</small>
-		</p>
-		<p>
-			<strong>Description&nbsp;:&nbsp;</strong><small
-				ng-bind-html="slide.details.description"></small>
-		</p>
+	<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">
+			<slide-editor index="{{$index}}"></slide-editor>
+			<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>
 </div>