diff -r 0afdaa004ee1 -r e165f7647ae3 client/app/books/book.html
--- a/client/app/books/book.html	Wed May 27 18:59:55 2015 +0200
+++ b/client/app/books/book.html	Wed May 27 19:01:25 2015 +0200
@@ -1,31 +1,20 @@
 <accordion close-others="false"> 
-	<accordion-group is-open=true>
-		<accordion-heading>  
-			<a class="title" ng-click="$event.stopPropagation();" href="#/books/{{ parentBook.id }}">{{ parentBook.title }}</a>
-			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-share"></span></a>
-			<a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-cog"></span></a>
-			<a class="pull-right" ng-click="$event.stopPropagation();" href="#/slideshow/{{ parentBook.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
-		</accordion-heading>
+    <accordion-group is-open=true>
+        <accordion-heading>  
+            <a class="title" ng-click="$event.stopPropagation();" href="#/books/{{ book.id }}">{{ book.title }}</a>
+            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-share"></span></a>
+            <a class="pull-right" ng-click="$event.preventDefault(); $event.stopPropagation();"><span class="glyphicon glyphicon-cog"></span></a>
+            <a class="pull-right" ng-click="$event.stopPropagation(); $event.stopPropagation();" href="#/slideshow/{{ book.id }}"><span class="glyphicon glyphicon-eye-open"></span></a>
+        </accordion-heading>
             
-		<a class="nbrObjects">{{parentBook.slides.length}} objets</a>
-        <ul ui-sortable="sortableOptions" ng:model="parentBook.slides" class="list-unstyled list-inline gallery container">
-			<li class="col-md-2 item" ng-repeat="i in parentBook.slides">
-	            <div class="img-ctn">
-                	<img class="img img-responsive image" ng-src="{{ i.details.images[0] }}" />
-	                <p>{{ i.details.title }}</p>
-	
-                    <div class="gallery-buttons">
-						<a class="btn btn-default" href="#/slide/{{ i.id }}"><span class="glyphicon glyphicon-pencil"></span></a>
-						<a class="btn btn-default" ng-click="toggleFavorite($index)"><span ng-class="{'glyphicon-star': i.favorite, 'glyphicon-star-empty': !i.favorite}" class="glyphicon"></span></a>
-						<a class="btn btn-default" ng-click="toggleModal($index)"><span class="glyphicon glyphicon-plus"></span></a>
-						<a class="btn btn-default" ng-click="deleteItem($index)"><span class="glyphicon glyphicon-trash"></span></a>
-					</div>
-				</div>
-			</li>
-		</ul>
-
-		<div class="book in books | filter:{ id: parentBook.parent_visit }:true">
-			{{book.title}}
-		</div>
-	</accordion-group>
+        <p class="nbrObjects">{{book.slides.length}} objets</p>
+        
+        <ul ui-sortable="sortableOptions" ng-model="book.slides" class="list-unstyled list-inline container-fluid gallery ">
+        
+            <li class="item" ng-class="{'no-img': !slide.details.images[0]}" ng-repeat="slide in book.slides">
+                <ng-include src="'books/galleryItem.html'"></ng-include>
+            </li>
+            
+        </ul>
+    </accordion-group>
 </accordion>