diff -r 5229a85e53e7 -r bf333fd74eee integration/css/common.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integration/css/common.css	Mon Oct 29 18:06:44 2012 +0100
@@ -0,0 +1,679 @@
+body{
+	background-color: #e9ecf0;
+	height: 100%;
+}
+a{
+	color:#000;
+}
+.wrap{
+	min-height:100%;
+	background-color: #FFF;
+	width: 960px;
+	margin: 0 auto;
+	font-family: "Times New Roman";
+	font-size: 13px;
+	-moz-box-shadow: 0 0 14px 5px #888;
+  	-webkit-box-shadow: 0 0 14px 5px #888;
+  	box-shadow: 0 0 14px 5px #888;
+  	padding-bottom: 16px;
+  	height: 100%;
+}
+/* header */
+.header{
+	position: relative;
+	height: 128px;
+	margin-bottom: 1px;
+}
+/* header > logo */
+.logo{
+	width: 164px;
+	height: 105px;
+	background: url(../img/back-logo.png) 0 0 no-repeat;
+	top: 0;
+	left: 66px;
+	position: absolute;
+}
+.logo .date{
+    height: 66px;
+    left: 93px;
+    position: absolute;
+    text-align: center;
+    top: 4px;
+    width: 47px;
+}
+.logo .date .year{
+	font-size: 40px; 
+	display: block;
+}
+.logo .date .text{
+	font-size: 10px;
+	display: block;
+}
+/* header > recherche-wrap */
+.recherche-wrap{
+	position: absolute;
+	left: 324px;
+	padding-top: 10px;
+}
+.recherche-wrap h1{
+	margin-bottom: 4px;
+}
+
+.recherche-wrap .input-recherche{
+	width: 218px;
+	height: 24px;
+	padding: 0 30px 0 6px;
+	border: 1px solid black;
+	margin-right: 2px;
+}
+.recherche-wrap p input, .recherche-wrap p a{
+	float: left;
+}
+.recherche-wrap form p{
+	position: relative;
+}
+.recherche-wrap form p .photo{
+	position: absolute;
+	width: 18px;
+	height: 18px;
+	background: url(../img/photo.jpg) no-repeat 2px 4px;
+	left: 230px;
+	top: 2px;
+	z-index: 2;
+}
+.recherche-wrap .recherche-submit{
+	width: 54px;
+	height: 26px;
+	cursor: pointer;
+	border: none;
+	margin-right: 6px;
+	background-color: #000;
+	background-image: url(../img/zoom-button.png);
+	background-repeat: no-repeat;
+	background-position: 20px 6px;
+}
+.plus-button{
+	width: 30px;
+	height: 26px;
+	display: block;
+	background-color: #000;
+	background-image: url(../img/plus-button.png);
+	background-repeat: no-repeat;
+	background-position: 8px 6px;
+}
+.plus-button:hover, .recherche-submit:hover{
+	background-color: #333;
+}
+/* header > header-menu */
+.header-menu{
+	background: url(../img/bg-nav-left.png) repeat-x 0 0;
+	position: absolute;
+	height: 39px;
+	top: 89px;
+	width: 716px;
+	left: -2px;
+}
+.header-menu li{
+	float: left;
+	line-height: 28px;
+	padding: 8px 10px 0 10px;
+}
+.header-menu li .home{
+	width: 28px;
+	height: 28px;
+	display: block;
+	background:url(../img/home-sprite.png) 0 -28px no-repeat;
+}
+.header-menu li .home:hover{
+	background-position: 0 0;
+}
+.header-menu li a{
+	font-size: 16px;
+	color: #e4e36e;
+	text-decoration: none;
+}
+.header-menu li a:hover{
+	color: #FFF;
+}
+/* header > login-wrap */
+.login-wrap{
+	padding-top: 10px;
+	position: absolute;
+	left: 727px;
+}
+.login-wrap form p, .login-wrap h2{
+	margin-bottom: 4px;
+}
+.login-wrap input{
+	width: 160px;
+	height: 19px;
+	border: 1px solid #656565;
+	line-height: 19px;
+	padding: 0 3px;
+}
+.login-wrap .submit-wrap input{
+	float: left;
+}
+.login-wrap .password{
+	width: 134px;
+}
+.login-wrap .submit-button{
+	background-color: #000;
+	color: #FFF;
+	height: 21px;
+	width: 26px;
+	cursor: pointer;
+	border: none;
+}
+.login-wrap .submit-button:hover{
+	background-color: #333;
+}
+.password-lost{
+	padding-left: 18px;
+}
+.password-lost a {
+	color: #000;
+	text-decoration: none;
+	font-size: 10px;
+}
+.password-lost a:hover{
+	text-decoration: underline;
+}
+/* dossier-documentaire */
+.dossier-documentaire{
+	padding: 0 6px;
+	position: absolute;
+	left: 714px;
+	top:128px;
+	z-index: 10;background-color:rgba(0,125,173,.8);
+}
+.dossier-documentaire-inner{
+	padding: 12px 4px;
+	width: 224px;background: url(../img/documentaire-bg.jpg);
+}
+.dossier-documentaire h2{
+	height: 18px;
+	line-height: 18px;
+	color: #FFF;
+	border-bottom: 1px solid #FFF;
+}
+.dossier-documentaire ul{
+	padding: 6px 0;
+}
+.dossier-documentaire ul li{
+	width: 224px;
+}
+.dossier-documentaire ul li a{
+	display: block;
+	overflow: auto;
+	padding: 1px 0;
+}
+.dossier-documentaire ul li a:hover{
+ 	background-color:rgba(221,221,221,.6);
+}
+.dossier-documentaire .documentaire-texte, .dossier-documentaire img{
+	float: left;	
+}
+.dossier-documentaire img{
+	margin-right: 6px;
+}
+.dossier-documentaire .documentaire-texte{
+	color: #FFF;
+	max-width: 142px;
+	display: block;
+}
+.documentaire-texte h3{
+	font-weight: bold;
+	margin-bottom: 2px;
+}
+.documentaire-texte p{
+	font-size: 11px;
+}
+.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;
+}
+.documentaire-lien:hover{
+	background-position: 0 -16px;
+}
+.dossier-button{
+	background: url("../img/dossier-icon.jpg") no-repeat scroll 6px 5px #007DAD;
+    color: #FFFFFF;
+    height: 27px;
+    left: 714px;
+    line-height: 27px;
+    padding-left: 40px;
+    position: absolute;
+    text-decoration: none;
+    top: 101px;
+    width: 208px;
+}
+.dossier-button:hover{
+	color: #ddd;
+}
+/* content-wrap */
+.content-wrap{
+	width:950px;
+	padding: 0 5px;
+}
+/* content-wrap > frise */
+.frise{
+	background: #333;
+	height: 114px;
+    position: relative;
+}
+.streamgraph {
+    position: absolute; left: 0; width: 100%; top: 0; height: 100%;
+    background: #fff;
+}
+.frise .ui-slider-horizontal {
+    height: 20px;
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    background: none repeat scroll 0 0 transparent;
+   	border: none;
+    -webkit-border-radius: 0;
+  	-moz-border-radius: 0;
+  	border-radius: 0;
+}
+.frise  .ui-slider-horizontal .ui-slider-handle{
+	top: inherit;
+	bottom: 0;
+}
+.frise .ui-slider-horizontal .ui-slider-range{
+	background: none repeat scroll 0 0 transparent;
+}
+.ui-slider-handle.ui-state-default.ui-corner-all{
+	cursor: pointer;
+	width: 19px;
+	height: 28px;
+	background: url(../img/frise-cursor.png) -1px 0 no-repeat;
+	border: none;
+	-webkit-border-radius: 0;
+  	-moz-border-radius: 0;
+  	border-radius: 0;
+}
+/* content-wrap > cluster */
+.cluster-containment{
+	position: absolute;
+	height: 22px;
+}
+.cluster-wrap{
+	position: relative;
+	height: 22px;
+	border-top: 1px solid #313131;
+	border-bottom: 1px solid #313131;
+	margin-bottom: 1px;
+}
+.cluster-visible{
+	left: 20px;
+	position: absolute;
+	width: 912px;
+	margin: 0 auto;
+	height: 22px;
+	overflow: hidden;
+}
+.cluster li:first-child{
+	background: none;
+}
+.cluster li{
+	padding-top: 4px;
+	float: left;
+	padding: 2px 4px 0 6px;
+	line-height: 22px;
+	background: url(../img/cluster-item-bar.jpg) no-repeat 0 6px;
+}
+.cluster li a{
+	padding: 0 16px;
+	text-decoration: none;
+	color: #000;
+	font-style: italic;
+	height: 18px;
+	line-height: 18px;
+	display: block;
+}
+.cluster li a:hover{
+	background-color: #c51810;
+	color: #FFF;
+}
+
+.cluster-arrow{
+	z-index: 2;
+	position: absolute;
+	width: 19px;
+	height: 22px;
+	display: block;
+	background: url(../img/cluster-arrows.png) no-repeat;
+}
+.cluster-arrow.arrow-right{
+	right: 0;
+	background: url(../img/cluster-arrows.png) no-repeat -19px 0;
+}
+.cluster-arrow.arrow-right:hover{
+	background-position: -19px -22px;
+}
+.cluster-arrow.arrow-right:active{
+	background-position: -19px -44px;
+}
+.cluster-arrow.arrow-left:hover{
+	background-position: 0 -22px;
+}
+.cluster-arrow.arrow-left:active{
+	background-position: 0 -44px;
+}
+/* content */
+.content{
+	height: 100%;
+	width: 950px;
+	border-top:2px solid #c51810;
+	border-bottom:2px solid #c51810;
+	padding: 1px 0;
+
+}
+.content-left,.content-right{
+	float: left;
+}
+/* content > content-right */
+.content-right{
+	width: 761px;
+	padding-left: 1px;
+}
+/* content > content-left */
+.content-left{
+	width: 188px;
+}
+.content-left h2{
+	padding: 10px 0 10px 10px;
+	font-size: 26px;
+	line-height: 26px;
+	border-bottom: 1px solid #c51810;
+	margin-bottom: 1px;
+	width: 176px;
+}
+.widget-wrapper{
+	background: url(../img/border-dotted.png) repeat-y 187px 0 #eeeeee;
+	padding-right: 2px;
+}
+.widget-wrap{
+	height: 100%;
+	min-height: 320px;
+	padding: 14px 0;
+	
+	border: 5px solid #e0dde0;
+}
+.widget-wrap .widget{
+	width: 160px;
+	margin: 0 auto;
+}
+.widget-wrap .widget h3{
+	padding: 2px 0;
+	border-bottom: 1px solid  #c51810;
+	margin-bottom: 4px;
+}
+.widget-wrap .widget h3 a{
+	font-size: 16px;
+	text-decoration: none;
+	color : #c51810;
+	padding-left: 12px;
+	background-position: 0px 6px;
+	background-repeat: no-repeat;
+	background-image: url(../img/dossier-title-arrow-hide.jpg);
+
+}
+.widget-wrap .widget h3 .open{
+	background-position: 0px 7px;
+	background-image: url(../img/dossier-title-arrow-show.jpg);
+}
+/* content-left > header-documentaire */
+.content-wrap .header-documentaire{
+	height: 34px;
+	width: 100%;
+	padding-bottom: 1px;
+	border-bottom: 4px solid #313131;
+}
+.header-documentaire .retour{
+	padding-left: 12px;
+	display: block;
+	line-height: 34px;
+	font-size: 24px;
+	background-color: #007dad;
+	color: #FFF;
+	width: 176px;
+	text-decoration: none;
+}
+.header-documentaire .retour:hover{
+	background-color: #4fa3c4;
+}
+.header-documentaire h2{
+	padding-left: 50px;
+	background: url(../img/header-documentaire-titre-icon.jpg) no-repeat 12px 6px;
+	color: #007dad;
+	font-size: 24px;
+	line-height: 34px;
+}
+
+.header-documentaire .retour, .header-documentaire h2{
+	float: left;
+}
+/* widget (blue) */
+.documentaire.content-left .widget-wrap{
+	background-color: #4fa3c4;
+	border: 5px solid #007dad;
+	color: #FFF;
+}
+.documentaire.content-left .widget h3{
+	border-bottom: 1px solid #000;
+}
+.documentaire.content-left .widget h3 a,
+.documentaire.content-left .widget-inner .filtre-date label,
+.documentaire.content-left .widget-inner h4, 
+.documentaire.content-left .widget-inner a{
+	color: #FFF;
+}
+.content-left.documentaire .widget-wrap .widget h3 a{
+	background-image: url(../img/dossier-documentaire-title-arrow-hide.jpg);
+}
+.content-left.documentaire .widget-wrap .widget h3 .open{
+	background-image: url(../img/dossier-documentaire-title-arrow-show.jpg);
+}
+/* widget */
+.widget-inner{
+	padding: 8px 0 8px 16px;
+}
+.widget-inner h4{
+	color: #c51810;
+	padding: 5px 0;
+}
+.widget-inner form p{
+	margin-bottom: 4px;
+}
+.widget-inner .filtre-date label{
+	color: #c51810;
+	width:26px;
+	display: inline-block;
+}
+.widget-inner .filtre-date input[type=text]{
+	width: 90px;
+	height: 12px;
+	border: 1px solid #828282;
+}
+.widget-inner .filtre-categorie p{
+	margin-bottom: 8px;
+}
+.widget-inner .filtre-categorie input[type=checkbox]{
+	margin: 0 10px 0 0;
+}
+.widget.links .widget-inner a{
+	color: #000;
+}
+.widget.links .widget-inner a:hover{
+	text-decoration: none;
+}
+.widget.links .widget-inner ul{
+	padding-left: 16px;
+}
+.widget.links .widget-inner ul li{
+	margin-bottom: 4px;
+	list-style-image: url(../img/widget-list-item.jpg);
+}
+.widget.affichage li a .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 .treemap .visuel{
+	background-image: url(../img/treemap-sprite.jpg);
+}
+.widget.affichage li .liste .visuel{
+	background-image: url(../img/liste-sprite.jpg);
+
+}
+.widget.affichage .liste span, .widget.affichage .treemap span	{
+	text-align: center;
+	display: block;
+	font-size: 11px;
+}
+.treemap:hover .visuel, .treemap:hover .visuel{
+	background-position: 0 -36px;
+}
+.widget.affichage .liste:hover .visuel, .widget.affichage .treemap.active .visuel{
+	background-position: 0 -36px;
+}
+.widget.affichage li a{
+	text-decoration: none;
+	font-size: 12px;
+	color: #C51810;
+}
+.widget.recherche input[type=text]{
+	float: left;
+	width: 100px;
+	height: 17px;
+	padding: 0 2px;
+	border: 1px solid #828282;
+	margin-right: 6px;
+}
+.widget.recherche input[type=submit]{
+	float: left;
+	width: 20px;
+	height: 18px;
+	background-image: url(../img/widget-button-recherche.jpg);
+	background-repeat: no-repeat;
+	border:none;
+	cursor: pointer;
+}
+.widget.recherche input[type=submit]:hover{
+	background-position: -20px 0;
+}
+/* datepicker */
+.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all{
+	font-size: 13px;
+}
+/* footer */
+.footer{
+	padding: 16px 0;
+	font-size: 12px;
+}
+.footer a:hover{
+	text-decoration: none;
+}
+.footer h2{
+	font-size: 20px;
+	margin-bottom: 10px;
+}
+.footer-information, .footer-raccourci ,.footer-partenaire{
+	float: left;
+}
+.footer-information {
+	width: 180px;
+	padding-left: 6px;
+	margin-right: 16px;
+}
+.footer-raccourci{
+	width: 220px;
+	margin-right: 16px;
+}
+.footer li{
+	margin-bottom: 4px;
+}
+.footer-partenaire{
+	margin-right: 12px;
+}
+.footer-partenaire li{
+	height: 55px;
+	float: left;
+	margin-right: 12px;
+	line-height: 55px;
+}
+.footer-partenaire li a{
+	overflow: hidden;
+	display: inline-block;
+	vertical-align: middle;
+}
+.footer-partenaire li a img{
+	vertical-align: middle;
+}
+.footer-partenaire .iri{
+	width: 90px;
+	height: 38px;
+	background: url(../img/logo-iri.png) 0 -38px no-repeat;
+}
+.footer-partenaire .alcatel{
+	width: 135px;
+	height: 29px;
+	background: url(../img/logo-alcatel.png) 0 -29px no-repeat;
+}
+.footer-partenaire .cea{
+	width: 50px;
+	height: 41px;
+	background: url(../img/logo-cea.png) 0 -41px no-repeat;
+}
+
+.footer-partenaire a:hover{
+	background-position: 0 0;
+}
+
+.footer-texte{
+	float: left;
+	padding-top: 30px;
+	width: 180px;
+}
+.copyright{
+	background-color: #eeeeee;
+	height: 18px;
+	width: 100%;
+	line-height: 18px;
+	text-align: center;
+}
+.copyright a{
+	text-decoration: none;
+}
+.copyright a:hover{
+	text-decoration: underline;
+}
+/*pagination*/
+.pagination{
+	height: 35px;
+	line-height: 35px;
+	text-align: center;
+	clear: both;
+	font-size: 18px;
+	border-bottom: 1px solid #E0DDE0;
+	margin-bottom: 10px;
+}
+.pagination .active,.pagination a:hover{
+	text-decoration: none;
+}
\ No newline at end of file