diff -r e3a17ec94cd8 -r 6eb0de10e9f8 integration/template.html
--- a/integration/template.html	Thu May 23 18:11:55 2013 +0200
+++ b/integration/template.html	Fri May 24 11:02:32 2013 +0200
@@ -31,6 +31,9 @@
 			<div data-id="{{id}}" id="" class="slider-duration"></div>
 		</div>
 		<div class="span6 text-right">
+			<a class="btn btn-danger btn-delete-annotation" data-id="{{id}}" data-no-render>
+				<i class="icon-trash"></i> Delete
+			</a>
 			<a class="btn btn-primary btn-save-annotation" data-id="{{id}}">
 				<i class="icon-ok"></i> Ok
 			</a>
@@ -49,6 +52,30 @@
 </li>
 </script>
 
+<script id="tpl-son" type="text/html">
+<div class="edit-annotation-title row">
+	<h3 class="span3"><i class="icon-volume-up"></i> Son</h3>
+</div>
+<div class="row annotation-son-content">
+		<div class="span6">
+			<form class="form-horizontal">
+				<div class="control-group">
+					<label class="control-label" for="url-source">URL source :</label>
+					<div class="controls">
+						<input type="text" id="url-source" placeholder="http://">
+					</div>
+				</div>
+				<div class="control-group">
+					<label class="control-label" for="embed">Code embed :</label>
+					<div class="controls">
+						<textarea name="" id="embed" cols="30" rows="10"></textarea>
+					</div>
+				</div>
+			</form>
+		</div>
+</div>
+</script>
+
 <script id="tpl-video" type="text/html">
 <div class="edit-annotation-title row">
 	<h3 class="span3"><i class="icon-film"></i> Vidéo</h3>
@@ -186,7 +213,7 @@
 	<td>
 		<a href="#" data-id="{{id}}" class="btn btn-edit-annotation" data-type="{{type}}">
 			<i class="icon-pencil"></i></a>
-		<a data-id="{{id}}" data-type="annotation" data-title="{{title}}" href="#row-list-annotation-{{id}}" class="btn btn-delete btn-delete-annotation">
+		<a data-id="{{id}}" data-type="annotation" data-title="{{title}}" href="#row-list-annotation-{{id}}" class="btn btn-delete-annotation">
 			<i class="icon-trash delete-annotation"></i>
 		</a>
 	</td>
@@ -207,7 +234,7 @@
 					<a href="#" class="btn btn-edit-chapter" data-chapter-id="{{id}}"><i class="icon-pencil"></i></a>
 				</td>
 				<td>
-					<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>
+					<a data-title="{{title}}" 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>