@import "base.css";

#logo {left: 0; top: 3px; width: 162px; height: 73px;}
.i18n-fr #logo {background: url('i/logos/veolia-recherche.gif') 0 0 no-repeat;}
.teaser-a {padding: 9px 0 160px; min-height: 45px; background-position: 0 100%; background-repeat: no-repeat;}
.i18n-fr .teaser-a {background-image: url('i/teasers/home-fr.jpg');}

/* Container
---------------------- */
#container {background: url('i/deco/page-home.png') 0 0 repeat-y; margin-top: 26px;}

#content {margin-left: 301px; width: 578px; float: left; display: inline;}
.upToDate #content {width: 436px;}

/* Content
---------------------- */
.content .block {margin: 1.3em 0;}

.content h1 {color: #5f7340; font-weight: normal; font-size: 1.6em; margin-bottom: 1em; line-height: 1.3;}
.content h2 {margin-bottom: 1em;}

.content ul,
.content ol,
.content p,
.content blockquote {margin-bottom: 0.5em;}

#content a {text-decoration: underline;}
#content a:hover {text-decoration: underline;}

#content ul li {list-style: square; margin: 0 0 0.2em 1.8em;}

/* news
---------------------- */
#news {width: 208px; margin-left: 34px; float: left; background: url('i/news-home.gif') 0 100% no-repeat; padding-bottom: 15px;}
.newsInner {background: url('i/news-home.gif') 0 0 no-repeat;}
.newsContent {padding: 0 25px 20px 24px;}

.newsTitle {background: url('i/news-title.gif') 0 0 no-repeat;}
.newsTitle h2 {color: #060; text-transform: uppercase; background: url('i/news-title2.gif') 0 100% no-repeat; margin-bottom: 15px;}
.newsTitle h2 span {display: block; padding: 16px 40px 20px 40px; background: url('i/legend-bullet.gif') 20px 18px no-repeat;}
#news .separator {margin: 1em 0;}

.newsContent .meta {display: block; margin-bottom: 0.4em;}
.newsContent .date {color: #626262; font-size: 0.9em;}
.newsContent h3 {margin-bottom: 0.2em;}
.newsContent .more a {color: #eb4828;}
.newsContent .more a:before {content: '>\00a0';}

/* Extra
---------------------- */
#extra {float: left; margin-left: -868px;}
.upToDate #extra {margin-left: -970px;}

#extra .decorated {background: none; padding: 0;}
#extra .decorated img {border: 0; line-height: 0; display: block;}
#extra .decorated a.call {position: absolute; width: 100%; bottom: 0; left: 0; background: url('i/alpha-eb4828.png'); display: block; border-top: solid 1px #b8b8b8; line-height: 1.4; color: #fff;}
#extra .decorated a.call span {width: 100%; height: 100%; display: block; padding: 0.3em 20px 0.3em 27px; background: url('i/gallerie-a.gif') 16px 0.5em no-repeat;}
#extra .decorated a:hover {text-decoration: none; background: #eb4828; color: #000;}
#extra .decorated a:hover span {background-position: -284px 0.5em;}

#extra .decorated .mask {width: 5px; height: 6px;}
#extra .decorated > .mask-b {background: url('i/mask-b-6.png') 0 0 no-repeat;}
#extra .decorated > .mask-c {background: url('i/mask-c-6.png') 0 0 no-repeat;}
#extra .decorated > .mask-d {background: url('i/mask-d-6.png') 0 0 no-repeat;}

/* Misc
---------------------- */
.separator {display: block; height: 1px; background: #e2f080; margin-bottom: 1em; overflow: hidden;}

/* Partners
---------------------- */
#partners {background: url('i/deco/page-end-home.png') 0 0 no-repeat; padding-top: 80px;}