--- a/integration/css/style.css	Wed May 22 17:10:38 2013 +0200
+++ b/integration/css/style.css	Thu May 23 18:11:55 2013 +0200
@@ -36,7 +36,7 @@
 .project-title-editor{line-height: 28px; }
 .project-title-editor-form{margin: 0;}
 .project-action a:last-child{margin-right: 20px;}
-.chapter-widget-info{}
+.chapter-widget-info{margin-bottom: 20px;}
 .chapter-widget form{ margin: 0;}
 .chapter-widget input, .form-info-general-annotation input, .form-info-general-annotation textarea{width: 196px; max-width: 196px;	}
 .chapter-widget textarea{width: 426px; max-width: 426px; min-width: 426px; height: 20px;
@@ -44,19 +44,28 @@
 -moz-transition: height .3s ease;
 transition: height .3s ease;
 }
-.form-chapter-edit{padding-top: 10px;}
+.form-chapter-edit{}
+
 .chapter-widget-info table{margin: 0; padding-top: 40px; }
 .chapter-widget table td{}
 .chapter-widget textarea:focus{height: 100px;}
 .chapitre-cut-wrap{position: relative; height: 50px; margin-bottom: 10px;}
 .btn-cut-chapter{position: absolute;top: 20px;left: 11px;}
-.indicateur-chapter{z-index:100; left:10px; width: 1px; height: 100%;background-color: #000; position: absolute;}
+.indicateur-chapter, .indicateur-annotation{z-index:100; left:10px; width: 1px; height: 100%;background-color: #000; position: absolute;}
 .chapter-segments {width: 100%; height: 20px; margin: 0;}
 .chapter-segments li{cursor:pointer; float: left; list-style: none; line-height: 20px; height: 20px; text-align: center; overflow: hidden;}
-.list-chapter-wrap{}
-.list-chapter-wrap h4{padding: 10px; border-bottom: 1px solid; margin-bottom: 10px;}
-.add-annotation-wrap, form.form-info-general-annotation{padding: 10px 0; background-color: #1abc9c;}
-.add-annotation-wrap strong{padding-left: 10px;}
+.list-chapter-wrap, .list-annotation-wrap, .section{background-color: #F5F5F5; border: 1px solid #E5E5E5;}
+.list-chapter-wrap table, .list-annotation-wrap table{margin-bottom: 0;}
+.list-chapter-wrap h4, .form-chapter-edit h4, .list-annotation-wrap h4, .title-section{padding: 10px; border-bottom: 1px solid; margin-bottom: 10px;}
+.add-annotation-wrap, form.form-info-general-annotation{padding: 10px 0;}
+form.form-info-general-annotation ul.tagit {
+    margin-left: 0px;
+    width: 195px;
+}
+form.form-info-general-annotation textarea{min-height:100px; height: 100px;min-width: 196px;}
+
+.add-annotation-wrap {margin-bottom: 20px; padding-top: 0;}
+
 .slider-duration{width: 435px;display: inline-block; margin-bottom: 10px;}
 .btn-save-annotation{margin-right: 10px;}
 .edit-annotation-diaporama{}
@@ -79,8 +88,9 @@
 .close-tab:hover{color:#2c3e50;}
 .html-apercu{overflow: auto; margin-top: 10px;}
 .input-image-url{display: none;}
-.timeline-annotation-widget{width: 460px;height: 40px;background-color: #ecf0f1; position: relative;}
-.timeline-annotation-widget .annotation{width: 10px; height: 10px; background-color: #c0392b; position: absolute; top:15px;}
+.timeline-annotations-wrap{position: relative;background-color: #ecf0f1;}
+.timeline-annotations{width: 460px;height: 40px; position: relative;}
+.timeline-annotations .annotation{width: 10px; height: 10px; background-color: #c0392b; position: absolute; top:15px;}
 ul.tagit{margin-left: 10px;-webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;}
@@ -88,10 +98,11 @@
 /* Tangle */
 .time-tangle {
 	color: #2c3e50; cursor: w-resize; position: relative;
+	border-bottom: 1px dashed #2c3e50;
 }
 .time-tangle:hover, 
 .time-tangle.active {
-    color: #c0392b; border-bottom: 1px dashed #2c3e50;
+    color: #c0392b; 
 }
 .time-tangle:hover:after, 
 .time-tangle.active:after {