diff -r bad0e6c60b63 -r 3848e1813a30 alcatel/static/css/home.css
--- a/alcatel/static/css/home.css	Mon Jul 22 14:56:35 2013 +0200
+++ b/alcatel/static/css/home.css	Wed Aug 14 16:36:41 2013 +0200
@@ -3,6 +3,18 @@
 	float: left;
 	position: relative;
 }
+.actu .voile{
+	width: 100%;
+	height: 100%;
+	position: absolute; 
+	background-color: #c51810;
+	top: 0; 
+	left: 0;
+	zoom: 1;
+  	filter: alpha(opacity=30);
+  	opacity: 0.3;
+  	display: none;
+}
 .inner-actu{
 	width: 100%;
 	background-color:rgba(0,0,0,.7);
@@ -13,47 +25,47 @@
 .inner-actu h2{
 	color: #FFF;
 	line-height: 40px;
-	font-size: 24px;
+	font-size: 20px;
 	padding-left: 10px;
 }
 .inner-actu h2 a{
 	color: #FFF;
 	text-decoration: none;
 }
-.links{
+.actu .links{
 	display: none;
 	position: absolute;
 	bottom: 0;
 	right: 0;
 }
-.actu:hover .links{
+.actu.selected .links, .actu.selected .voile{
 	display: block;
 }
-.links li{
+.actu .links li{
 	float: left;
 	margin: 0 0 1px 1px;
 }
-.links a{
+.actu .links a{
 	display: block;
 	width: 28px;
 	height: 28px;
 	background-color: #007dad;
 	background-repeat: no-repeat;
 }
-.links a:hover{
+.actu .links a:hover{
 	background-color: #4FA3C4;
 }
-.links a.trash{
+.actu .links a.trash{
 	background-image: url(../img/home-button-trash.png);
 	background-position: 8px 5px;
 }
-.links a.file{
+.actu .links a.file{
 	background-image: url(../img/home-button-file.png);
 	background-position: 2px 6px;
 	text-decoration: none; 
 	position: relative;
 }
-.links a.file span{
+.actu .links a.file span{
     color: #0F85B2;
     display: block;
     font-size: 11px;
@@ -63,82 +75,45 @@
     top: 6px;
     width: 18px;
 }
-.links a.comment{
+.actu .links a.comment{
 	background-image: url(../img/home-button-comment.png);
 	background-position: 4px 6px;
 }
 /* treemap */
 .actus{
 	position: relative;
-}/*
+}
 .actu{
 	position: absolute;
 	overflow: hidden;
 	float: none;
-}*/
-
-/* Home Actus */
-div.actu {
-	float: left;
-	position: relative;
-}
-div.actu div.inner-actu{
-	width: 100%;
-	background-color:rgba(0,0,0,.7);
-	height: 40px;
-	position: absolute;
-	bottom: 0;
 }
-div.actu div.inner-actu h2{
-	color: #FFF;
-	line-height: 40px;
-	font-size: 24px;
-	padding-left: 10px;
+
+/* Treemap 2 */
+
+.cluster-article {
+    position: absolute; overflow: hidden;
 }
-div.actu div.inner-actu h2 a{
-	color: #FFF;
-	text-decoration: none;
-}
-div.actu div.inner-actu div.links{
-	position: absolute;
-	bottom: 0;
-	right: 0;
-}
-div.actu div.links ul li{
-	float: left;
-	margin: 0 0 1px 1px;
+
+.cluster-article p {
+    position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; overflow: hidden;
 }
-div.actu div.links ul li a{
-	display: block;
-	width: 28px;
-	height: 28px;
-	background-color: #007dad;
-	background-repeat: no-repeat;
+
+.abstract {
+    position: absolute; bottom: 40px; left: 0; right: 0; padding: 4px; background: rgba(0,0,0,0.7);
+    color: #ffffff; font-size: 12px; text-shadow: 1px 1px 1px #000000; display: none;
 }
-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: 8px 5px;
+
+.actu.selected .abstract {
+    display: block;
 }
-div.actu div.links ul li a.file{
-	background-image: url(../img/home-button-file.png);
-	background-position: 2px 6px;
-	text-decoration: none; 
-	position: relative;
-}
-div.actu div.links ul li a.file span{
-    color: #0F85B2;
-    display: block;
-    font-size: 11px;
-    left: 8px;
-    position: absolute;
-    text-align: center;
-    top: 6px;
-    width: 18px;
-}
-div.actu div.links ul li a.comment{
-	background-image: url(../img/home-button-comment.png);
-	background-position: 4px 6px;
-}
\ No newline at end of file
+
+body { font-size: 62.5%; }
+
+input.text { margin-bottom:12px; width:95%; padding: .4em; }
+fieldset { padding:0; border:0; margin-top:25px; }
+div#users-contain { width: 350px; margin: 20px 0; }
+div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
+div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
+.ui-dialog .ui-state-error { padding: .3em; }
+.validateTips { border: 1px solid transparent; padding: 0.3em; }