--- a/client/app/slides/slides.css	Tue Mar 24 17:45:31 2015 +0100
+++ b/client/app/slides/slides.css	Tue Mar 24 17:46:53 2015 +0100
@@ -0,0 +1,30 @@
+.media {
+	border: 1px solid;
+}
+
+.media img{
+    max-height: 500px;
+	max-width: 100%;
+	display: block;
+	margin: auto;
+}
+
+.caption {
+    color: #000;
+    position: static;
+    text-shadow: none;
+    text-align: left;
+    border: 1px solid;
+}
+
+.original-text {
+    font-style: italic;
+}
+
+textarea.form-control {
+    height: 140px;
+}
+
+.ng-binding img{
+	height: 80px;
+}
\ No newline at end of file

--- a/client/app/slides/slides.html	Tue Mar 24 17:45:31 2015 +0100
+++ b/client/app/slides/slides.html	Tue Mar 24 17:46:53 2015 +0100
@@ -1,16 +1,20 @@
 <h1>Slide</h1>
-<div class="carousel-holder row">
-	<div class="row">
-		<div class="col-md-6 col-md-offset-1">
-			<img ng-src="{{ slide.details.firstImg }}" 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><strong>Titre&nbsp;:</strong><small>{{ slide.details.title }}</small></p>
-			<p><strong>Description&nbsp;:</strong><small ng-bind-html="slide.details.description"></small></p>
-		</div>
+<div class="container">
+	<div class="col-md-6 media">
+		<img ng-src="{{ slide.details.firstImg }}" style="margin: auto;">
+	</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>
 </div>

--- a/client/app/slides/slides_controller.js	Tue Mar 24 17:45:31 2015 +0100
+++ b/client/app/slides/slides_controller.js	Tue Mar 24 17:46:53 2015 +0100
@@ -3,16 +3,35 @@
 
 	angular.module('ammicoSlides',['ngResource', 'ngRoute'])
 	.controller('slidesCtrl', function($scope, $routeParams, searchApi, $sce){
-		
+
 		$scope.slide = searchApi.slide.get({idSlide:$routeParams.idSlide, format:'json'}, function(data){
 			data.details.description =  $sce.trustAsHtml(data.details.description);
 		});
-		
-		console.log($routeParams.idSlide);
-		console.log($scope);
-		//$scope.slide = booksModel.slides[$routeParams.idSlide];
+
+		$scope.save = function(){
+			$scope.slide.$save({idSlide:$routeParams.idSlide, format:'json'});
+		};
+
 	})
-	.controller('slideEditCtrl', function(){
+	.directive('slideEditor', function() {
+		return {
+			restrict: 'AE',
+			replace: true,
+			scope: false,
+			templateUrl: 'slides/dataEditor.html',
+			controller: function($scope){
+				$scope.slidesave = function(){
+					if(typeof $scope.slide.tags === 'string'){
+						$scope.slide.tags = $scope.slide.tags.split(',');
+					}
+					for (var i = $scope.slide.tags.length - 1; i >= 0; i--) {
+						$scope.slide.tags[i] = $scope.slide.tags[i].trim();
+					}
+					$scope.slide.editMode = false;
+					$scope.save();
+				};
+			}
+		};
 	});
 
 })();