--- a/integration/css/edition.css	Fri Oct 26 18:54:20 2012 +0200
+++ b/integration/css/edition.css	Mon Oct 29 17:22:55 2012 +0100
@@ -126,6 +126,7 @@
 	width: 458px;
 	position: relative;
 	height: 22px;
+	overflow: hidden;
 }
 .frise .segment{
 	height: 22px;
@@ -139,10 +140,29 @@
 	position: relative;
 	border: 1px solid #333333;
 }
+.segments,.indications{
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+}
+.indications{
+	z-index: 2;
+}
+.aucun-segment{
+	font-weight: 600;
+	font-style: italic;
+	text-align: center;
+	line-height: 20px;
+	width: 100%;
+	z-index:0;
+}
 .frise .segment{
-	float: left;
-	margin-left: -1px;
-	border-right: 1px solid #333;
+	position: absolute;
+	background-image: url(../img/border-right-segment.png);
+	background-repeat: repeat-y;
+	background-position: right top;
 	-moz-box-shadow: inset 0px 2px 2px 0px #333;
   	-webkit-box-shadow: inset 0px 2px 2px 0px #333;
   	box-shadow: inset 0px 2px 2px 0px #333;
@@ -151,15 +171,15 @@
 	-moz-box-shadow: inset 2px 2px 2px 0px #333;
   	-webkit-box-shadow: inset 2px 2px 2px 0px #333;
   	box-shadow: inset 2px 2px 2px 0px #333;
-  	margin-left: 0;
 }
 .frise .segment:last-child{
-	border-right: 0;
+	background-image: none;
 }
 .frise span.indication{
 	display: inline-block;
 	position: absolute;
 	color: #FFF;
+	top:0;
 	left: 0px;
 	font-size: 10px;
 	width: 30px;
@@ -217,10 +237,12 @@
 .time-tangle {
 	color: #7628df; cursor: w-resize; position: relative;
 }
-.time-tangle:hover, .time-tangle.active {
+.time-tangle:hover, 
+.time-tangle.active {
     color: #FF00FC; border-bottom: 1px dashed #7628df;
 }
-.time-tangle:hover:after, .time-tangle.active:after {
+.time-tangle:hover:after, 
+.time-tangle.active:after {
     color: #7628DF; position: absolute; top: 18px; left: 50%; width: 160px;
     margin-left: -80px; font-size: 12px; text-align: center;
     content: "glisser pour modifier"
@@ -362,7 +384,7 @@
 }
 .col-left .item-video:hover,
 .col-left .item-video.active{
-	background: url(../img/arrow-item-video-sprite.png) right top no-repeat;
+	background: url(../img/arrow-item-video-sprite.png) right center no-repeat;
 }
 /* col-right */
 .col-right{
@@ -397,7 +419,7 @@
 
 .col-right .item-video:hover,
 .col-right .item-video.active{
-	background: url(../img/arrow-item-video-sprite.png) left top no-repeat;
+	background: url(../img/arrow-item-video-sprite.png) left center no-repeat;
 }
 
 /* popin - frise-description */