--- a/integration/css/style.css	Wed Oct 10 15:16:59 2012 +0200
+++ b/integration/css/style.css	Wed Oct 10 18:18:39 2012 +0200
@@ -506,7 +506,7 @@
 	width: 177px;
 	padding-left: 12px;
 	border-right: 1px solid #e0dde0;
-	min-height: 200px;
+	min-height: 250px;
 }
 div.article:nth-child(4n+4) div.inner-article{  
   border-right: none;
@@ -556,6 +556,98 @@
 div.article div.article-content p.resume{
 
 }
+	/* annotations */
+div.article div.article-content ul.annotations{
+	margin-top: 10px;
+}
+div.article div.article-content ul.annotations li{
+	float: left;
+	margin-right: 4px;
+}
+div.article div.article-content ul.annotations li a{ 
+	display: block;
+	text-decoration: none;
+}
+div.article div.article-content ul.annotations li a.comment{ 
+	width: 24px;
+	height: 20px;
+	background-image: url(../img/article-annotations-comment-sprite.png);
+	background-repeat: no-repeat;
+}
+div.article div.article-content ul.annotations li a.comment.number{
+	position: relative;
+	background-position: 0 0;
+}
+div.article div.article-content ul.annotations li a.comment.number:hover{
+	position: relative;
+	background-position: 0 -20px;
+}
+div.article div.article-content ul.annotations li a.comment.number span.number-value{
+	color: #FFF;
+	font-size: 9px;
+	position: absolute;
+	width: 18px;
+	height: 11px;
+	line-height: 11px;
+	text-align: center;
+	top: 0;
+	right: 0;
+}
+div.article div.article-content ul.annotations li a.comment.add{
+	position: relative;
+	background-position: -25px 0;
+}
+div.article div.article-content ul.annotations li a.comment.add:hover{
+	position: relative;
+	background-position: -25px -20px;
+}
+div.article div.article-content ul.annotations li a.value{ 
+	position: relative;
+	width: 9px;
+	height: 20px;
+	display: block;
+}
+div.article div.article-content ul.annotations li a.value span.inner-value,
+div.article div.article-content ul.annotations li a.value span.inner-signe{
+	position: absolute;
+	background-image: url(../img/article-annotations-value-sprite.png);
+	background-repeat: no-repeat;
+	display: block;
+	width: 9px;
+	height: 100%;
+	bottom: 0;
+	left: 0;
+}
+div.article div.article-content ul.annotations li a.value span.inner-signe{
+	background-position: 0 3px;
+	z-index: 2;
+}
+div.article div.article-content ul.annotations li a.value.plus span.inner-value{
+	background-position: 0 -17px;
+}
+div.article div.article-content ul.annotations li a.value.plus span.inner-signe{
+	background-position: 0 3px;
+}
+div.article div.article-content ul.annotations li a.value.moins span.inner-value{
+	background-position: -9px -17px;
+}
+div.article div.article-content ul.annotations li a.value.moins span.inner-signe{
+	background-position: -9px 3px;
+}
+div.article div.article-content ul.annotations li a.value.egal span.inner-value{
+	background-position: -18px -17px;
+}
+div.article div.article-content ul.annotations li a.value.egal span.inner-signe{
+	background-position: -18px 3px;
+}
+div.article div.article-content ul.annotations li a.value.unknow span.inner-value{
+	background-position: -27px -17px;
+}
+div.article div.article-content ul.annotations li a.value.unknow span.inner-signe{
+	background-position: -27px 3px;
+}
+
+
 /*pagination*/
 div.pagination{
 	height: 35px;
@@ -656,7 +748,32 @@
 	bottom: 0;
 	right: 0;
 }
-
+div.actu div.links ul li{
+	float: left;
+	margin: 0 0 1px 1px;
+}
+div.actu div.links ul li a{
+	display: block;
+	width: 25px;
+	height: 25px;
+	background-color: #007dad;
+	background-repeat: no-repeat;
+}
+div.actu div.links ul li a:hover{
+	background-color: #4FA3C4;
+}
+div.actu div.links ul li a.trash{
+	background-image: url(../img/home-button-trash.png);
+	background-position: 6px 4px;
+}
+div.actu div.links ul li a.file{
+	background-image: url(../img/home-button-file.png);
+	background-position: 4px 6px;
+}
+div.actu div.links ul li a.comment{
+	background-image: url(../img/home-button-comment.png);
+	background-position: 2px 5px;
+}
 
 /* FRISE */
 div.frise{