--- a/integration/css/style.css Tue Oct 16 14:31:59 2012 +0200
+++ b/integration/css/style.css Tue Oct 23 15:13:21 2012 +0200
@@ -21,9 +21,33 @@
div.header{
position: relative;
height: 128px;
- background: url(../img/header-bg.jpg) no-repeat 0 0 #FFF;
margin-bottom: 1px;
}
+div.header div.logo{
+ width: 164px;
+ height: 105px;
+ background: url(../img/back-logo.png) 0 0 no-repeat;
+ top: 0;
+ left: 66px;
+ position: absolute;
+}
+ div.header div.logo div.date{
+
+ height: 66px;
+ left: 93px;
+ position: absolute;
+ text-align: center;
+ top: 4px;
+ width: 47px;
+ }
+ div.header div.logo div.date span.year{
+ font-size: 40px;
+ display: block;
+ }
+ div.header div.logo div.date span.text{
+ font-size: 10px;
+ display: block;
+ }
/*recherche-wrap*/
div.recherche-wrap{
position: absolute;
@@ -82,14 +106,26 @@
}
ul.header-menu{
+ background: url(../img/bg-nav-left.png) repeat-x 0 0;
position: absolute;
- height: 34px;
- top: 96px;
+ height: 39px;
+ top: 89px;
+ width: 716px;
+ left: -2px;
}
ul.header-menu li{
float: left;
- line-height: 30px;
- padding: 0 10px;
+ line-height: 28px;
+ padding: 8px 10px 0 10px;
+}
+ul.header-menu li a.home{
+ width: 28px;
+ height: 28px;
+ display: block;
+ background:url(../img/home-sprite.png) 0 -28px no-repeat;
+}
+ul.header-menu li a.home:hover{
+ background-position: 0 0;
}
ul.header-menu li a{
font-size: 16px;
@@ -210,16 +246,16 @@
background-position: 0 -16px;
}
a.dossier-button{
- padding-left: 40px;
- background: url(../img/dossier-icon.jpg) no-repeat 6px 5px;
- color: #FFF;
- text-decoration: none;
- line-height: 27px;
- left: 717px;
- top:100px;
- position: absolute;
- width:205px;
- height: 27px;
+ 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;
}
a.dossier-button:hover{
color: #ddd;
@@ -237,12 +273,14 @@
div.cluster-containment{
position: absolute;
height: 22px;
+
}
div.cluster-wrap{
position: relative;
height: 22px;
border-top: 1px solid #313131;
border-bottom: 1px solid #313131;
+ margin-bottom: 1px;
}
div.cluster-visible{
left: 20px;
@@ -285,11 +323,11 @@
width: 19px;
height: 22px;
display: block;
- background: url(../img/cluster-arrows.jpg) no-repeat;
+ background: url(../img/cluster-arrows.png) no-repeat;
}
a.cluster-arrow.arrow-right{
right: 0;
- background: url(../img/cluster-arrows.jpg) no-repeat -19px 0;
+ background: url(../img/cluster-arrows.png) no-repeat -19px 0;
}
a.cluster-arrow.arrow-right:hover{
background-position: -19px -22px;
@@ -326,12 +364,18 @@
line-height: 26px;
border-bottom: 1px solid #c51810;
margin-bottom: 1px;
+ width: 176px;
+
+}
+div.content-left div.widget-wrapper{
+ background: url(../img/border-dotted.png) repeat-y 187px 0 #eeeeee;
+ padding-right: 2px;
}
div.content-left div.widget-wrap{
height: 100%;
min-height: 320px;
padding: 14px 0;
- background-color: #eeeeee;
+
border: 5px solid #e0dde0;
}
div.content-left div.widget-wrap div.widget{
@@ -508,11 +552,14 @@
}
/* content-right */
div.content-right{
- width: 762px;
+ width: 761px;
+ padding-left: 1px;
}
/*articles*/
div.articles{
padding-left: 1px;
+ overflow: auto;
+ border-bottom: 1px solid #e0dde0;
}
div.articles div.article{
@@ -522,6 +569,9 @@
border-bottom: 1px solid #e0dde0;
}
+div.articles div.article:hover{
+ background-color: #eee;
+}
div.article div.inner-article{
width: 177px;
padding-left: 12px;
@@ -542,12 +592,19 @@
color:#C51810;
}
div.articles div.article p.author{
+ font-family: Arial;
+ font-size: 8px;
+ line-height: 10px;
margin-bottom: 10px;
}
-div.articles div.article p.author a:hover{
+div.articles div.article p.number-article{
+ margin-bottom: 10px;
+}
+div.articles div.article p.author a:hover, div.articles div.article p.number-article a:hover{
text-decoration: none;
}
-div.articles div.article p.author, div.articles div.article p.author a{
+div.articles div.article p.author, div.articles div.article p.author a,
+div.articles div.article p.number-article, div.articles div.article p.number-article a{
color: #c51810;
}
div.article div.article-content{
@@ -718,11 +775,37 @@
float: left;
margin-right: 12px;
line-height: 55px;
-
+}
+div.footer-partenaire ul li a{
+ overflow: hidden;
+ display: inline-block;
+ vertical-align: middle;
+}
+div.footer-partenaire ul li a img{
+ vertical-align: middle;
+}
+div.footer-partenaire ul li a.iri{
+ width: 90px;
+ height: 38px;
+ background: url(../img/logo-iri.png) 0 -38px no-repeat;
}
-div.footer-partenaire ul li a:hover{
+div.footer-partenaire ul li a.alcatel{
+ width: 135px;
+ height: 29px;
+ background: url(../img/logo-alcatel.png) 0 -29px no-repeat;
+}
+div.footer-partenaire ul li a.cea{
+ width: 50px;
+ height: 41px;
+ background: url(../img/logo-cea.png) 0 -41px no-repeat;
+}
+div.footer-partenaire ul li a.iri:hover,
+div.footer-partenaire ul li a.alcatel:hover,
+div.footer-partenaire ul li a.cea:hover{
+ background-position: 0 0;
}
+
div.footer-texte{
float: left;
padding-top: 30px;
@@ -764,10 +847,14 @@
text-decoration: none;
}
div.actu div.inner-actu div.links{
+ display: none;
position: absolute;
bottom: 0;
right: 0;
}
+div.actu:hover div.inner-actu div.links{
+ display: block;
+}
div.actu div.links ul li{
float: left;
margin: 0 0 1px 1px;
@@ -837,7 +924,7 @@
cursor: pointer;
width: 19px;
height: 28px;
- background: url(../img/frise-cursor.png) 0 0 no-repeat;
+ background: url(../img/frise-cursor.png) -1px 0 no-repeat;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
@@ -890,10 +977,19 @@
div.dossiers{
width: 525px;
}
-li.item-dossier{
+div.content-right div.dossiers > ul{
border-bottom: 1px solid #e0dde0;
}
-
+li.item-dossier:first-child{
+ border-top: none;
+}
+li.item-dossier{
+ padding-top: 8px;
+ border-top: 1px solid #e0dde0;
+}
+li.item-dossier:hover{
+ background-color: #f3f1f3;
+}
div.dossiers{
padding: 10px 0 0 14px;
}
@@ -949,7 +1045,7 @@
li.item-dossier div.dossier-col-right ul.annotations li a{
width: 20px;
height: 20px;
- background-image: url(../img/dossier-annotation-sprite.jpg);
+ background-image: url(../img/dossier-annotation-sprite.png);
background-repeat: no-repeat;
display: block;