--- a/integration/css/style.css	Wed Oct 03 17:58:05 2012 +0200
+++ b/integration/css/style.css	Mon Oct 08 17:31:29 2012 +0200
@@ -1,8 +1,11 @@
+
 body{
 	background-color: #e9ecf0;
+	height: 100%;
 }
 a{color:#000;}
 div.wrap{
+	min-height:100%;
 	background-color: #FFF;
 	width: 960px;
 	margin: 0 auto;
@@ -12,6 +15,7 @@
   	-webkit-box-shadow: 0 0 14px 5px #888;
   	box-shadow: 0 0 14px 5px #888;
   	padding-bottom: 16px;
+  	height: 100%;
 }
 /*header*/
 div.header{
@@ -62,6 +66,9 @@
 	color: #e4e36e;
 	text-decoration: none;
 }
+ul.header-menu li a:hover{
+	color: #FFF;
+}
 div.login-wrap{
 	padding-top: 10px;
 	position: absolute;
@@ -99,6 +106,73 @@
 	text-decoration: none;
 	font-size: 10px;
 }
+/*dossier documentaire*/
+div.dossier-documentaire{
+	
+	padding: 0 6px;
+	
+
+	position: absolute;
+	left: 714px;
+	top:128px;
+	z-index: 10;background-color:rgba(0,125,173,.8);
+}
+div.dossier-documentaire-inner{
+	padding: 12px 4px;
+	width: 224px;background: url(../img/documentaire-bg.jpg);
+}
+div.dossier-documentaire h2{
+	height: 18px;
+	line-height: 18px;
+	color: #FFF;
+	border-bottom: 1px solid #FFF;
+}
+div.dossier-documentaire ul{
+	padding: 6px 0;
+}
+div.dossier-documentaire ul li{
+	width: 224px;
+}
+div.dossier-documentaire ul li a{
+	display: block;
+	overflow: auto;
+	padding: 1px 0;
+}
+div.dossier-documentaire ul li a:hover{
+ 	background-color:rgba(221,221,221,.6);
+}
+div.dossier-documentaire span.documentaire-texte,div.dossier-documentaire img{
+	float: left;	
+}
+
+div.dossier-documentaire img{
+	margin-right: 6px;
+}
+div.dossier-documentaire span.documentaire-texte{
+	color: #FFF;
+	max-width: 142px;
+	display: block;
+}
+div.dossier-documentaire span.documentaire-texte h3{
+	font-weight: bold;
+	margin-bottom: 2px;
+}
+div.dossier-documentaire span.documentaire-texte p{
+	font-size: 11px;
+}
+div.dossier-documentaire a.documentaire-lien {
+	width: 168px;
+	display: block;
+	height: 16px;
+	background-image: url(../img/documentaire-lien.jpg);
+	background-repeat: no-repeat;
+	background-position: 0 0;
+	width: 225px;
+	margin-bottom: 10px;
+}
+div.dossier-documentaire a.documentaire-lien:hover{
+	background-position: 0 -16px;
+}
 a.dossier-button{
 
 	padding-left: 40px;
@@ -114,7 +188,7 @@
 }
 div.content-wrap{
 	width:950px;
-	margin: 0 auto;
+	padding: 0 5px;
 }
 /*frise*/
 div.frise{
@@ -122,6 +196,10 @@
 	height: 114px;
 }
 /*cluster*/
+div.cluster-containment{
+	position: absolute;
+	height: 22px;
+}
 div.cluster-wrap{
 	position: relative;
 	height: 22px;
@@ -129,6 +207,8 @@
 	border-bottom: 1px solid #313131;
 }
 div.cluster-visible{
+	left: 20px;
+	position: absolute;
 	width: 912px;
 	margin: 0 auto;
 	height: 22px;
@@ -162,6 +242,7 @@
 }
 
 a.cluster-arrow{
+	z-index: 2;
 	position: absolute;
 	width: 19px;
 	height: 22px;
@@ -174,15 +255,18 @@
 }
 /*content*/
 div.content{
+	height: 100%;
+	width: 950px;
 	border-top:2px solid #c51810;
 	border-bottom:2px solid #c51810;
+
 }
 div.content-left,div.content-right{
 	float: left;
 }
 /*left*/
 div.content-left{
-	width: 190px;
+	width: 188px;
 }
 div.content-left h2{
 	padding: 10px 0 10px 10px;
@@ -192,8 +276,11 @@
 	margin-bottom: 1px;
 }
 div.content-left div.widget-wrap{
-	padding-top: 8px;
+	height: 100%;
+	min-height: 320px;
+	padding: 14px 0;
 	background-color: #eeeeee;
+	border: 5px solid #e0dde0;
 }
 div.content-left div.widget-wrap div.widget{
 	width: 160px;
@@ -209,10 +296,14 @@
 	text-decoration: none;
 	color : #c51810;
 	padding-left: 12px;
-	background-position: 0px 8px;
+	background-position: 0px 6px;
 	background-repeat: no-repeat;
+	background-image: url(../img/dossier-title-arrow-hide.jpg);
+
+}
+div.content-left div.widget-wrap div.widget h3 a.open{
+	background-position: 0px 7px;
 	background-image: url(../img/dossier-title-arrow-show.jpg);
-
 }
 .widget-inner{
 	padding: 8px 0 8px 16px;
@@ -243,6 +334,9 @@
 .widget.links .widget-inner a{
 	color: #000;
 }
+.widget.links .widget-inner a:hover{
+	text-decoration: none;
+}
 .widget.links .widget-inner ul{
 	padding-left: 16px;
 }
@@ -250,10 +344,42 @@
 	margin-bottom: 4px;
 	list-style-image: url(../img/widget-list-item.jpg);
 }
+.widget.affichage li a span.visuel{
+	width: 39px;
+	height: 36px;
+	display: block;
+	
+	background-position: 0 0;
+	background-repeat: none;
+	margin-bottom: 4px;
+}
+.widget.affichage li{
+	float: left;
+	margin-right: 24px;
+}
+.widget.affichage li a.treemap span.visuel{
+	background-image: url(../img/treemap-sprite.jpg);
+}
+.widget.affichage li a.liste span.visuel{
+	background-image: url(../img/liste-sprite.jpg);
+}
+.widget.affichage li a.treemap:hover span.visuel, .widget.affichage li a.treemap.active span.visuel{
+	background-position: 0 -36px;
+}
+.widget.affichage li a.liste:hover span.visuel, .widget.affichage li a.liste.active span.visuel{
+	background-position: 0 -36px;
+}
+.widget.affichage li a{
+	text-decoration: none;
+	font-size: 12px;
+	color: #C51810;
+}
+
 /*right*/
 div.content-right{
-	width: 760px;
+	width: 762px;
 }
+/*articles*/
 div.articles{
 	padding-left: 1px;
 }
@@ -269,7 +395,7 @@
 	width: 177px;
 	padding-left: 12px;
 	border-right: 1px solid #e0dde0;
-	min-height: 170px;
+	min-height: 200px;
 }
 div.article:nth-child(4n+4) div.inner-article{  
   border-right: none;
@@ -278,45 +404,107 @@
 	font-size: 22px;
 	margin-bottom: 6px;
 }
+div.articles div.article h2 a{
+	text-decoration: none;
+}
+div.articles div.article h2 a:hover{
+	color:#C51810;
+}
 div.articles div.article p.author{
-	margin-bottom: 20px;
+	margin-bottom: 10px;
+}
+div.articles div.article p.author a:hover{
+	text-decoration: none;
 }
 div.articles div.article p.author, div.articles div.article p.author a{
 	color: #c51810;
 }
 div.article div.article-content{
 	width: 168px;
+	min-height: 105px;
+}
+div.article div.article-content ul.links li{
+	list-style-image: url(../img/article-link-arrow.jpg);
+}
+div.article div.article-content ul.links li a:hover{
+	text-decoration: none;
+}
+div.article div.article-content ul.links{
+	margin-top: 10px;
+	clear: both;
+	padding-left: 20px;
+}
+div.article-visuel-wrap{
+	display: block;
+	float: right;
+	margin-left: 10px;
 }
 div.article div.article-content img.article-visuel{
-	float: right;
+	
 }
 div.article div.article-content p.resume{
-	float: left;
-	width: 112px;
+
+}
+/*pagination*/
+div.pagination{
+	height: 35px;
+	line-height: 35px;
+	text-align: center;
+	clear: both;
+	font-size: 18px;
+	border-bottom: 1px solid #E0DDE0;
+	margin-bottom: 10px;
+}
+div.pagination a.active,div.pagination a:hover{
+	text-decoration: none;
 }
 /*footer*/
 div.footer{
-	padding-top: 16px;
+	padding: 16px 0;
 	font-size: 12px;
 }
+div.footer a:hover{
+	text-decoration: none;
+}
 div.footer h2{
 	font-size: 20px;
 	margin-bottom: 10px;
 }
-div.footer-information, div.footer-raccourci{
+div.footer-information, div.footer-raccourci,div.footer-partenaire{
 	float: left;
+
 }
 div.footer-information {
-	width: 190px;
+	width: 180px;
 	padding-left: 6px;
+	margin-right: 16px;
 }
-div.footer-information ul li a{
+div.footer-raccourci{
+	width: 220px;
+	margin-right: 16px;
+}
 
-}
 div.footer ul li{
 	margin-bottom: 4px;
 }
+div.footer-partenaire{
+	margin-right: 12px;
+}
+div.footer-partenaire ul li{
+	height: 55px;
+	float: left;
+	margin-right: 12px;
+	line-height: 55px;
 
+}
+div.footer-partenaire ul li a{
+
+}
+div.footer-texte{
+	float: left;
+	padding-top: 30px;
+	width: 180px;
+}
 div.copyright{
 	background-color: #eeeeee;
 	height: 18px;
@@ -326,4 +514,31 @@
 }
 div.copyright a{
 	text-decoration: 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;
+}
+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;
 }
\ No newline at end of file