/* --------------------------------------------------------------- 
   Author : Remi Palard
   January 2009
   remi.palard@gmail.com  
--------------------------------------------------------------- */

html, body {height: 100%;}
body {font: normal 12px Arial,Verdana,Helvetica,Geneva,sans-serif;color: #000000;background-color:#000000;}
img {padding:0px;margin:0px;border:0px;vertical-align:middle;}
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form {margin: 0;padding: 0;border: 0;border-collapse: separate;border-spacing: 0;}
input, select {margin: 0;padding: 0;}

body{background: #000000 url('../images/bg.png') no-repeat center center;}
.clear {clear : both;}
a{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline;color:#333333;}
div.space1{font-size: 1px;clear:both; height:1px; margin: 0px; padding:0px; line-height:0px;}
div.space2{font-size: 1px;clear:both; height:2px; margin: 0px; padding:0px; line-height:0px;}
div.space5{font-size: 1px;clear:both; height:2px; margin: 0px; padding:0px; line-height:0px;}
div.space10{font-size: 1px;clear:both; height:20px; margin: 0px; padding:0px; line-height:0px;}
div.space20{font-size: 1px;clear:both; height:20px; margin: 0px; padding:0px; line-height:0px;}
.indent{padding-left:20px;}

/* --------------------------------------------------------------- */		

#overall {position: relative;width: 100%;margin: 0;height:100%;display: table;}
.pageCenter{width:1000px;margin:0px auto 0px auto;padding: 0px;border: 0px;}

/* --------------------------------------------------------------- */

#body{position:absolute;bottom:115px;left:0px;width:100%;margin-top: 0;}
#bodyContent{margin:0px 60px 20px 60px;position:relative;}

#menuTop{position:absolute;bottom:100px;left:0px;height:15px;background-color:#000000;width:100%;}
#menuTopWrapper{font: normal 13px Arial,Helvetica,Geneva;color:#ffffff;height:14px;line-height:14px;float:left;width:880px;padding:0px 60px 0px 60px;background-color:#000000;}
.menuTopElements{float:left;padding:0px 0px 0px 10px;margin:0px;background: url('../images/menuTop.png') no-repeat left top;}
.menuTopRightElements{float:right;padding:0px 0px 0px 10px;margin-right:55px;background: url('../images/menuTop.png') no-repeat left top;}

#menuBottom{position:absolute;bottom:0px;left:0px;height:100px;background-color:#ffffff;width:100%;}
#menuBottomWrapper{font: normal 12px arial,Helvetica,Geneva;color:#ffffff;float:left;width:880px;margin:10px 60px 0px 60px;}
.menuBottomElements{float:left;padding:0px 0px 0px 10px;background: url('../images/menuBottom.png') repeat-y top left;margin:0px;}
.menuBottomElements a{display:block;margin:0px 0px 6px 0px;text-decoration:none;font: bold 11px Arial,Helvetica,Geneva;color:#000000;line-height:10px;}
.menuBottomElements a:hover{text-decoration:underline;}
.menuBottomElements a.last{margin:0px;}
.menuTopRightElements a{color:#ffffff;text-decoration:none;}
.menuTopRightElements a:hover{text-decoration:underline;}
.a{width:109px;}
.b{width:86px;}
.c{width:90px;}
.d{width:104px;}

/* --------------------------------------------------------------- */

#page{position:absolute;top:0px;left:0px;width:800px;height:335px;background-color:#ffffff;z-index:1;padding:55px 45px 25px 35px}
#titleBlock{float:left;background: url('../images/title.jpg') repeat-x 0px 11px;width:800px}
.title{float:left;font: normal 30px arial,Helvetica,Geneva;background-color:#ffffff;padding-right:10px;line-height:30px;}
.date{float:right;font: normal 20px arial,Helvetica,Geneva;color:#e2001a;padding:3px 0px 0px 10px;background-color:#ffffff;line-height:30px;}
#contentBlock{float:left;clear:both;padding-top:15px;width:800px}
#left{float:left;overflow:auto;width:348px;height:288px;}
#right{float:right;position:relative;}
.subtitle{font: normal 20px arial,Helvetica,Geneva;padding-bottom:15px;}
.text{font: normal 12px arial,Helvetica,Geneva;padding-right:48px;}
#slider {width:452px;height:15px;z-index:2;background-color:#000000;border:0px solid #999999;position:absolute;bottom:-15px;left:0px;}
#slider td{cursor:pointer;cursor:hand;text-align:center;color:#000000;line-height:15px;font: bold 11px arial,Helvetica,Geneva;background-color:#dddddd;}
#slider td.on{background-color:#ffffff;color:#993300;cursor:pointer;cursor:hand;}
#slider td.off{cursor:pointer;cursor:hand;}

#pageactu{position:absolute;top:0px;left:0px;width:274px;z-index:1;background-color:#ffffff;}
#actuHeader{background-color:#ffffff;width:274px;height:18px;}
.titleactu{float:left;font: bold 14px arial,Helvetica,Geneva;color:#000000;line-height:18px;padding-left:15px}
.dateactu{float:right;font: bold 11px arial,Helvetica,Geneva;color:#e2001a;line-height:18px;padding:2px 15px 0px 0px}
#actuBlock{padding:30px 15px 10px 15px;height:200px;position:relative}
.subtitleactu{font: bold 18px arial,Helvetica,Geneva;padding-bottom:15px;}
.actutext{font: normal 11px arial,Helvetica,Geneva;padding-bottom:8px;}
.actulink{position:absolute;bottom:10px;right:10px;color:#ff0000;padding:0px 0px 0px 20px;background: url('../images/actulink.png') no-repeat 0px 1px;}
.actulink a{color:#ff0000;}
#actuslider {width:274px;height:18px;z-index:2;background-color:#000000;border:0px solid #999999;}
#actuslider td{cursor:pointer;cursor:hand;text-align:center;color:#000000;line-height:18px;font: bold 11px arial,Helvetica,Geneva;background-color:#dddddd;}
#actuslider td.on{background-color:#ffffff;color:#993300;cursor:pointer;cursor:hand;}
#actuslider td.off{cursor:pointer;cursor:hand;}