diff -r 1c163781996b -r 8645721dd9fc integration/edition.html
--- a/integration/edition.html	Fri Jun 07 17:56:50 2013 +0200
+++ b/integration/edition.html	Mon Jun 10 13:11:23 2013 +0200
@@ -39,8 +39,23 @@
 				</div>
 			</div>
 		</header>
+
 		<section>
 			<div class="container">
+				<div class="row alerts">
+					<div class="save-load alert alert-info fade in">
+						<button type="button" class="close" data-dismiss="alert">&times;</button>
+	    				<i class="icon-spinner icon-spin"></i> Enregistrement du projet en cours...
+	    			</div>
+    			    <div class="save-ok  alert alert-success fade in">
+    			    	<button type="button" class="close" data-dismiss="alert">&times;</button>
+				    	<i class="icon-save"></i> Le projet a bien été sauvegardé !
+				    </div>
+				    <div class="save-error alert alert-error fade in">
+				    	<button type="button" class="close" data-dismiss="alert">&times;</button>
+				    	<i class="icon-warning-sign"></i> Une erreur est survenue lors de la sauvegarde du projet.
+				    </div>
+    			</div>
 				<div class="row project-head">
 					<div class="span7">
 						<div class="project-title-editor">
@@ -50,10 +65,11 @@
 
 					</div>
 					<div class="span5 text-right project-action">
-						<a href="#" class="btn disabled btn-apercu-projet"><i class="icon-eye-open"></i> Voir aperçu</a>
+						<a href="#" class="btn btn-apercu-projet"><i class="icon-eye-open"></i> Voir aperçu</a>
 						<a href="#" class="btn btn-success btn-save-project"><i class="icon-save"></i> Sauvegarder le projet</a>
 					</div>
 				</div>
+				
 				<div class="row">
 					<div class="span6">
 						<div class="video-wrap">
@@ -559,9 +575,13 @@
 				</thead>
 				<tbody>
 					<tr>
-						<td id="{{id}}-begin" class="span1">{{begin}}</td>
+						<td id="{{id}}-begin" class="span1">
+							<span data-milliseconds="{{begin.milliseconds}}" class="time-tangle tangle-start slider-tangle">{{begin}}</span>
+						</td>
 						<td id="{{id}}-duration" class="span1">{{getDuration}}</td>
-						<td id="{{id}}-end" class="span1">{{end}}</td>
+						<td id="{{id}}-end" class="span1">
+							<span data-milliseconds="{{end.milliseconds}}" class="time-tangle tangle-end slider-tangle">{{end}}</span>
+						</td>
 					</tr>
 				</tbody>
 			</table>
@@ -906,7 +926,6 @@
     <script src="js/metadataplayer-core.js"></script>
     <script src="js/ldt-serializer.js"></script>
 	<script src="js/common.js"></script>
-	<script src="js/tangle.js"></script>
     <script src="js/edition.js"></script>
     <script>
     
@@ -918,8 +937,6 @@
 
 	var urlSaveProject = '';
 
-	var textCurrentAnnotationEditT = "en cours d'édition";
-
 
     /* Initialisation du metadataplayer avec un projet vide */
     var myDir = new IriSP.Model.Directory(),