diff -r abd04f346dbe -r 0e02c3a28491 integration/template.html
--- a/integration/template.html	Fri May 17 12:41:30 2013 +0200
+++ b/integration/template.html	Tue May 21 16:40:05 2013 +0200
@@ -175,7 +175,7 @@
 	<td>
 		<a href="#" data-id="annotation-{{id}}" class="btn btn-edit-annotation" data-type="video">
 			<i class="icon-pencil"></i></a>
-		<a data-id="annotation-{{id}}" data-type="annotation" data-title="Annotation XYZ" href="#row-list-annotation-{{id}}" class="btn btn-delete">
+		<a data-id="annotation-{{id}}" data-type="annotation" data-title="Annotation XYZ" href="#row-list-annotation-{{id}}" class="btn btn-delete btn-delete-annotation">
 			<i class="icon-trash delete-annotation"></i>
 		</a>
 	</td>
@@ -183,9 +183,9 @@
 </script>
 
 <script id="tpl-chapter-row" type="text/html">
-<tr id="row-list-chapter-{{id}}">
-	<td>{{title}}</td>
-	<td>{{tags}}</td>
+<tr id="row-list-chapter-{{id}}" style="background-color : {{color}};">
+	<td class="list-chapter-title">{{title}}</td>
+	<td class="list-chapter-tags">{{tags}}</td>
 	<td>{{beginString}}</td>
 	<td>{{durationString}}</td>
 	<td>{{endString}}</td>
@@ -193,10 +193,10 @@
 		<table>
 			<tr>
 				<td>
-					<a href="#" class="btn edit-chapter"><i class="icon-pencil"></i></a>
+					<a href="#" class="btn btn-edit-chapter" data-chapter-id="{{id}}"><i class="icon-pencil"></i></a>
 				</td>
 				<td>
-					<a data-title="Chapitre 1" href="#row-list-chapter-{{id}}" class="btn btn-delete"><i class="icon-trash delete-annotation"></i></a>
+					<a data-title="Chapitre 1" 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>
@@ -205,36 +205,40 @@
 </script>
 
 <script id="tpl-chapter-edit" type="text/html">
-<div class="row">
-	<div class="span3 text-right">
-		<input name="title" type="text" value="{{title}}">
-		<input name="tags" type="text" class="tag-it" value="{{tags}}">
+<form data-chapter-id="{{id}}" id="form-chapter-edit-{{id}}" action="#" class="form-chapter-edit" style="background-color:{{color}}">
+	<div class="row">
+		<div class="span3 text-right">
+			<input name="title" type="text" value="{{title}}">
+			<input name="tags" type="text" class="tag-it" value="{{tags}}">
+		</div>
+		<div class="span3">
+		<!--
+			<input type="hidden" name="begin" value="{{begin}}">
+			<input type="hidden" name="duration" value="{{duration}}">
+			<input type="hidden" name="end" value="{{end}}">
+		-->
+			<table class="table text-right">
+				<thead>
+					<tr>
+						<th class="span1">Début</th>
+						<th class="span1">Durée</th>
+						<th class="span1">Fin</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="span1 begin">{{beginString}}</td>
+						<td class="span1 duration">{{durationString}}</td>
+						<td class="span1 end">{{endString}}</td>
+					</tr>
+				</tbody>
+			</table>
+		</div>
 	</div>
-	<div class="span3">
-		<input type="hidden" name="begin" value="{{begin}}">
-		<input type="hidden" name="duration" value="{{duration}}">
-		<input type="hidden" name="end" value="{{end}}">
-		<table class="table text-right">
-			<thead>
-				<tr>
-					<th class="span1">Début</th>
-					<th class="span1">Durée</th>
-					<th class="span1">Fin</th>
-				</tr>
-			</thead>
-			<tbody>
-				<tr>
-					<td class="span1 begin"></td>
-					<td class="span1 duration"></td>
-					<td class="span1 end"></td>
-				</tr>
-			</tbody>
-		</table>
+	<div class="row">
+		<div class="span6 text-center">
+			<textarea class="" name="description" id="">{{description}}</textarea>
+		</div>
 	</div>
-</div>
-<div class="row">
-	<div class="span6 text-center">
-		<textarea class="" name="description" id="">{{description}}</textarea>
-	</div>
-</div>
+</form>
 </script>
\ No newline at end of file