diff -r 79974d302930 -r 22aca5b735a2 integration/css/style.css
--- a/integration/css/style.css	Mon Jun 03 17:47:15 2013 +0200
+++ b/integration/css/style.css	Tue Jun 04 12:50:33 2013 +0200
@@ -1,4 +1,8 @@
 .wrap{color: #2c3e50;}
+.vignette-projet{position: relative;}
+.vignette-projet:hover a{display: block;}
+.vignette-projet a{ display:none;position: absolute; width: 50%; height: 100%; font-size: 50px; text-align: center; line-height: 140px; text-decoration: none;}
+.vignette-projet a.btn-apercu{right: 0; top: 0;}
 header{background-color: #2980b9;height: 60px;border-bottom: 1px solid #E5E5E5;}
 header .row > div{margin-bottom: 0; }
 h1{color: #FFF;}
@@ -49,8 +53,8 @@
 .chapitre-cut-wrap{position: relative; height: 50px; margin-bottom: 10px;}
 .btn-cut-chapter{position: absolute;top: 20px;left: 11px; width: 40px;}
 .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;}
+.chapter-segments {overflow:hidden; width: 100%; height: 20px; margin: 0; position: relative;}
+.chapter-segments li{position: absolute; top: 0; cursor:pointer; float: left; list-style: none; line-height: 20px; height: 20px; text-align: center; overflow: hidden;}
 .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;}
@@ -83,8 +87,8 @@
 .html-apercu{overflow: auto; margin-top: 10px;}
 .input-image-url{display: none;}
 .timeline-annotations-wrap{position: relative;background-color: #202020;}
-.timeline-annotations{width: 460px;height: auto; position: relative; margin: 0; padding: 10px 0;}
-.timeline-annotations li{display: block; width: 460px;height: 10px; position: relative;}
+.timeline-annotations{width: 460px;height: auto; position: relative; margin: 0; padding-top: 4px;}
+.timeline-annotations li{display: block; width: 460px;height: 10px; position: relative; padding-bottom: 4px;}
 .timeline-annotations .annotation{width: 10px; height: 10px; background-color: #c0392b; position: absolute; top:0px;}
 ul.tagit{margin-left: 10px;-webkit-border-radius: 0px;
 -moz-border-radius: 0px;