diff -r de95929867d0 -r 827066f875c7 integration/edition.html
--- a/integration/edition.html	Mon May 27 16:18:05 2013 +0200
+++ b/integration/edition.html	Mon May 27 17:48:17 2013 +0200
@@ -31,9 +31,9 @@
 					    	</a> 
 				    	<li><span class="divider">></span></li>
 					    </li>
-					    <li class="active"><i class="icon-folder-close-alt"></i>Titre du projet azerty</li>
+					    <li class="active"><i class="icon-folder-close-alt"></i> Titre du projet azerty</li>
 					    <li><span class="divider">/</span></li>
-					    <a href=""><li class="active"><i class="icon-folder-close-alt"></i>Ressources</li></a>
+					    <a href=""><li class="active"><i class="icon-folder-close-alt"></i> Ressources</li></a>
 					    </ul>
 					</div>
 				</div>
@@ -171,11 +171,11 @@
 								<div class="add-annotation-wrap section">
 									<h4 class="title-section"><i class="icon-bookmark"></i> <i class="icon-plus"></i> Ajouter une annotation de type</h4>
 									<div class="text-center">
-										<a href="#" title="Son" data-type="sound" class="btn open-tab"><i class="icon-volume-up"></i> Son</a>
+										<a href="#" title="Son" data-type="audio" class="btn open-tab"><i class="icon-volume-up"></i> Son</a>
 										<a href="#" title="Vidéo" data-type="video" class="btn open-tab"><i class="icon-film"></i> Vidéo</a>
 										<a href="#" title="Diaporama" data-type="slideshow" class="btn open-tab"><i class="icon-picture"></i> Diaporama</a>
 										<a href="#" title="Texte" data-type="text" class="btn open-tab"><i class="icon-align-left"></i> Texte</a>
-										<a href="#" title="Lien" data-type="links" class="btn open-tab"><i class="icon-link"></i> Lien</a>
+										<a href="#" title="Lien" data-type="links" class="btn open-tab"><i class="icon-link"></i> Liens</a>
 									</div>
 								</div>
 								<div class="list-annotation-wrap">
@@ -264,6 +264,44 @@
 										</div>
 									</div>
 								</form>
+	<!-- Liens -->
+								<div class="edit-annotation-title row">
+									<h3 class="span3"><i class="icon-link"></i> Liens</h3>
+								</div>
+								<div class="row annotation-links-content">
+										<div class="span6">
+											<form class="form-horizontal">
+												<table class="table">
+													<thead>
+														<tr>
+															<th>URL</th>
+															<th>Titre du lien</th>
+															<th>Actions</th>
+														</tr>
+													</thead>
+													<tbody>
+														<tr>
+															<td><input class="input-medium" type="text" placeholder="http://"></td>
+															<td><input class="input-medium" type="text" placeholder="Titre du lien"></td>
+															<td>
+																<a class="btn" href="#"><i class="icon-trash"></i></a>
+																<a class="btn" href="#"><i class="icon-plus"></i></a>
+															</td>
+														</tr>
+														<tr>
+															<td><input class="input-medium" type="text" placeholder="http://"></td>
+															<td><input class="input-medium" type="text" placeholder="Titre du lien"></td>
+															<td>
+																<a class="btn" href="#"><i class="icon-trash"></i></a>
+																<a class="btn" href="#"><i class="icon-plus"></i></a>
+															</td>
+														</tr>
+													</tbody>
+												</table>
+											</form>
+										</div>
+
+								</div>
 	<!-- Son -->
 								<div class="edit-annotation-title row">
 									<h3 class="span3"><i class="icon-volume-up"></i> Son</h3>
@@ -286,7 +324,7 @@
 											</form>
 										</div>
 								</div>
-								
+
 	<!-- vidéo -->
 								<div class="edit-annotation-title row">
 									<h3 class="span3"><i class="icon-film"></i> Vidéo</h3>
@@ -445,7 +483,9 @@
 				</div>
 			</div><!-- /.container -->
 		</section>
-		<footer></footer>
+		<footer>
+			<a href="#" class="log-annotations">Log annotations</a> - <a href="#" class="log-chapters">Log chapitres</a>
+		</footer>
 	</div>
 
 <!-- modal -->