diff -r e40637c085b0 -r 172abe53cf6c integration/edition.html
--- a/integration/edition.html	Fri Jun 07 16:31:42 2013 +0200
+++ b/integration/edition.html	Fri Jun 07 17:56:17 2013 +0200
@@ -497,7 +497,7 @@
 	</div>
 
 <!-- modal -->
-	<div id="modal-template" class="modal hide fade popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+	<div id="modal-template" class="modal hide fade popup" tabindex="-1" role="dialog" aria-hidden="true">
 		<div class="modal-header">
 			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 			<h3></h3>
@@ -507,7 +507,7 @@
 		</div>
 	</div>
 
-	<div id="modal-confirm" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+	<div id="modal-confirm" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
 		<div class="modal-header">
 		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
 			<h3><i class="icon-warning-sign"></i> Confirmation de la suppression</h3>
@@ -521,6 +521,20 @@
 		</div>
 	</div>
 
+	<div id="modal-alert" class="modal hide fade" tabindex="-1" role="dialog"  aria-hidden="true">
+	<div class="modal-header">
+		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
+		<h3 id="myModalLabel"><i class="icon-warning-sign"></i> Attention</h3>
+	</div>
+	<div class="modal-body">
+		<p class="alert-message" id="alert-chapter-duration">Les chapitres doivent durer au moins <strong></strong> secondes.</p>
+		<p class="alert-message" id="alert-chapter-number">Le projet doit contenir au moins un chapitre.</p>
+	</div>
+	<div class="modal-footer">
+		<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+	</div>
+</div>
+
 <div id="templates">
 <script id="tpl-head" type="text/html">
 <form action="#" class="form-info-general-annotation" data-id="{{id}}">
@@ -529,7 +543,7 @@
 		<div class="span3 text-right">
 			<label class="label-left" for="head-title">Titre :</label>
 			<input class="label-left" id="head-title" type="text" placeholder="Titre de l'annotation.." name="title" value="{{title}}">
-			<label for="head-description">Description :</label>
+			<label class="label-left" for="head-description">Description :</label>
 			<textarea id="head-description" name="description">{{description}}</textarea>
 		</div>
 		<div class="span3">
@@ -608,9 +622,9 @@
 <div class="edit-annotation-title row">
 	<h3 class="span3"><i class="icon-film"></i> Vidéo</h3>
 	<span class="span3">
-		<span class="label-add-video">Ajouter une vidéo</span>
-		<span class="label-modify-video">Modifier la vidéo</span> 
-		<a data-id="annotation-{{id}}" data-type-media="video" data-title="Ajouter une vidéo" class="btn btn-success open-modal" href="modal-bibliotheque-video.html" data-hide-add-new><i class="icon-plus"></i></a>
+		<span class="label-add-video">Ajouter une vidéo <a data-id="annotation-{{id}}" data-type-media="video" data-title="Ajouter une vidéo" class="btn btn-success open-modal" href="modal-bibliotheque-video.html" data-hide-add-new><i class="icon-plus"></i></a></span>
+		<span class="label-modify-video">Modifier la vidéo <a data-id="annotation-{{id}}" data-type-media="video" data-title="Modifier la vidéo" class="btn btn-success open-modal" href="modal-bibliotheque-video.html" data-hide-add-new><i class="icon-pencil"></i></a></span> 
+		
 	</span>
 </div>
 <div class="row annotation-video-content">
@@ -806,7 +820,7 @@
 					<a href="#" title="Editer le chapitre" class="btn btn-edit-chapter" data-chapter-id="{{id}}"><i class="icon-pencil"></i></a>
 				</td>
 				<td>
-					<a data-title="{{title}}" title="Supprimer le chapitre" data-chapter-id="{{id}}" href="#row-list-chapter-{{id}}" class="btn btn-delete btn-delete-chapter"><i class="icon-trash delete-annotation"></i></a>
+					<a data-title="{{title}}" title="Supprimer le chapitre" data-chapter-id="{{id}}" href="#row-list-chapter-{{id}}" class="btn btn-delete-chapter"><i class="icon-trash delete-annotation"></i></a>
 				</td>
 			</tr>
 		</table>
@@ -851,7 +865,7 @@
 	</div>
 	<div class="row">
 		<div class="span6 text-right">
-			<a data-title="{{title}}" title="Supprimer le chapitre" data-chapter-id="{{id}}" href="#row-list-chapter-{{id}}" class="btn btn-delete btn-danger btn-delete-chapter">
+			<a data-title="{{title}}" title="Supprimer le chapitre" data-chapter-id="{{id}}" href="#row-list-chapter-{{id}}" class="btn btn-danger btn-delete-chapter">
 				<i class="icon-trash"></i> Delete
 			</a>
 			<a class="btn btn-primary btn-ok-chapter" href="#" data-id="{{id}}">
@@ -869,8 +883,8 @@
 </script>	
 
 <script id="tpl-item-annotation-display" type="text/html">
-<li   data-id="{{id}}">
-	<a id="item-current-annotation-{{id}}" class="item-display-annotation" data-id="{{id}}" style="background-color: {{color}};" data-id="{{id}}" href="#" title="{{title}}">
+<li data-id="{{id}}">
+	<a id="item-current-annotation-{{id}}" class="item-display-annotation" data-id="{{id}}" style="background-color: {{color}};" data-id="{{id}}" href="#">
 		<i class="icon-{{iconTab}}"></i>
 		<span>{{title}}</span>
 	</a>