html{height:100%;}
body{margin:0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; color:#333; height:100%; text-align:left;}
a{text-decoration:none;}
a:visited{color:#666;}
a img{border:0;}

.vbody{margin:0; padding:0; border:0; width:100%; height:100%; background-color:#152a59; color:#000}
.vbody td{margin:0; padding:0; vertical-align:top;}

.page{margin:auto; width:1000px; padding:0; background:#fff url(../images/header.jpg) no-repeat top; border-left:2px solid #222; border-right:2px solid #222}

.maintable{margin:0; padding:0; border:0; width:100%; height:100%;}
.maintable td{margin:0; padding:0; vertical-align:top;}

.downtable{margin:0; padding:0; width:100%; border-top:1px solid #aaa; background:#efefef url(../images/ftbg.gif) repeat-x top; border-collapse:collapse;}
.downtable td{vertical-align:middle; padding:4px; text-align:center}
.downtable td .imagebutton{border:3px solid #eee;}
.downtable td .imagebutton:hover{border-color:#25365F;}
.accesslink{margin:0; padding:0; width:99%; table-layout:fixed;}
.accesslink td table{width:100%;}
.accesslink td table th{height:20px; background-color:#15326c; color:#fff; font:11px Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding-left:4px; text-transform:uppercase;}
.accesslink td table ul{margin:0; padding:0; list-style-type:none;}
.accesslink td table ul li{margin:0; padding:0; list-style-type:none; line-height:18px; padding-left:4px;}
.accesslink td table ul li a{text-decoration:none; text-align:left; line-height:18px; margin:0; padding:0; color:#333; font-size:10px; text-transform:uppercase;}
.accesslink td table ul li:hover{background-color:#f2f2f2;}
.accesslink td table ul li:hover > a{}

#mainnav ul{margin:0; padding:0; list-style-type:none; height:28px; float:left; width:60%}
#mainnav ul li{margin:0; padding:0; list-style-type:none; float:left; display:block; text-align:left;}
#mainnav ul li a{display:block; text-align:center; line-height:24px; margin:0; padding:0 8px 0 8px; text-decoration:none; color:#fff; font:10px Arial, Helvetica, sans-serif; 
                 Text-transform:uppercase;}
#mainnav ul li a:hover{text-decoration:underline;}


#header{margin:0; padding:0;}

#tvside{margin:0; padding:0;}
#mainbody{margin:0; padding:0; text-align:left; clear:both; margin-left:8px;}
#leftside{margin:0; padding:0; padding-left:8px; height:100%; float:left;}
#live{margin:0; padding:5px; height:100%; border-left:1px solid #999;}
#stuff{margin:0; padding:0; width:18%; height:100%; float:left;}

.sitmap{margin:0; padding:0; vertical-align:top; background-color:#C5C5C5; color:#000}

.headbar{padding:0; margin-bottom:10px; float:right; width:15%}
.headbar .inputbox{display:block; border:2px solid #003366; height:16px; font:bold 10px Arial, Helvetica, sans-serif; color:#fff; background-color:#234E93; margin-bottom:10px} 

.contentheading{font:bold 16px Verdana, Arial, Helvetica, sans-serif; color:#0066CC; margin:0; padding:0; line-height:23px; text-align:left}
.contentpagetitle{text-decoration:none; display:block; color:#29509b; text-align:left}
/* .contentpagetitle:hover{background-color:#A4CE39; color:#333333} */
.componentheading{height:20px; text-align:left; padding-left:4px; color:#f5f5f5; text-transform:uppercase; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:20px;}

/*------------- typographie ---------------*/

.titre{display:block; padding:0; margin:0; font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#15326c; clear:both; line-height:17px; text-decoration:none; text-align:left; margin-bottom:4px; text-transform:uppercase;}
.titre:hover{color:#000;}
.titrealias{font:normal 14px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; display:block; height:14px; line-height:14px; margin-bottom:4px}
.alias{display:block; padding:0; padding:0; font-size:11px; color:#333; font-weight:normal; text-transform:uppercase;}

.titrebar{display:block; margin:10px 0 10px; height:20px; font:bold 11px Verdana, Arial, Helvetica, sans-serif; color:#333; line-height:20px; background-color:#CCC; text-align:center}

.smallimage{margin:4px 4px 4px 0; padding:0; height:110px; display:block; float:left}
.smallimage a{display:block; width:220px; height:110px; overflow:hidden; position:relative; z-index:1;}
.smallimage a img{border:0; position:absolute; left:0px; top:0px; width:220px; height:110px;}

.imagebutton{ margin:0 auto; border:1px solid #888; padding:2px; margin:0; display:block; margin-bottom:10px; width:auto; background-color:#fff}
.imagebutton:hover{border-color:#444;}
.separator{display:block; clear:both; margin:0; padding:0; width:100%; height:100px; background:#C5C5C5 url(../images/separator.jpg) no-repeat top;}
.spacer{display:block; clear:both; border-bottom:1px dotted #999; height:2px}


.points{display:block; margin:4px 0 4px; height:1px; border-bottom:1px solid #ddd; clear:both}

.menuslider{height:24px; line-height:24px; display:none; overflow:hidden; border-right:1px solid #222; background-color:#444; margin:0; padding:0;}

.back_button{text-align:center; display:block; margin:10px 0 10px}
.back_button a{text-decoration:none; text-transform:uppercase; font-weight:bold; color:#3366FF;}

#nav{margin:0; padding:0; list-style-type:none; height:26px; width:100%; background:#000 url(../images/bar.gif) repeat-x; border-bottom:1px solid #aaa}
#nav li{margin:0; padding:0; list-style-type:none; width:130px; display:inline; float:left; position:relative; text-align:left;}
#nav li a, #nav li span{display:block; text-decoration:none; color:#555; height:26px; padding:0 10px 0 10px; width:auto; text-align:center; text-transform:uppercase; font:bold 9px Verdana, Arial, Helvetica, sans-serif; line-height:26px; border-right:1px solid #ccc}
#nav li span{ color:#CCCCCC; cursor:pointer;}
#nav li a:hover{text-decoration:underline; background-color:#FFF; margin-top:0;}
#nav li .fl{display:none;  position:absolute; z-index:5000; clear:both; overflow:hidden; width:200px; background-color:#fff; border:1px solid #aaa; border-top:0;}

#nav li .hold:hover{background:none; text-decoration:none}

#nav li ul{margin:0; padding:0; width:auto; list-style-type:none; font-size:11px}
#nav li ul li{margin:0; padding:0; list-style-type:none; float:none;  display:block; text-align:left; width:200px!important;  border:0}
#nav li ul li a{text-decoration:none; color:#444; display:block; font:9px Verdana, Arial, Helvetica, sans-serif; height:22px; float:none; text-align:left; text-transform:none; 
line-height:20px; border:0; border-top:1px solid #eee;}
#nav li ul li a:hover{background:#777; margin:0; color:#fff}
#nav li:hover > .fl{display:block;}
.mod_kit {border: #cccccc 1px solid;}
.mod_kit td{ background: url(../images/kit.jpg) center no-repeat; width:220px; height:220px; cursor:pointer;}
.mod_kit td:hover { background: url(../images/kiton.jpg) center no-repeat;}