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

ul{list-style-type:none;}
ul li{list-style-type:none;}
.vbody{margin:0; padding:0; border:0; width:100%; height:100%; background-color:#152a59}
.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%; font-size:17px; line-height:18px;}
.maintable td{margin:0; padding:0; vertical-align:top;}

.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:14px Verdana, Arial, Helvetica, sans-serif; line-height:18px; padding-right: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:right; width:70%}
#mainnav ul li{margin:0; padding:0; list-style-type:none; float:right; 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:right; margin-right:8px; clear:both;}
#leftside{margin:0; padding:0; padding-right:8px; height:100%;}
#live{margin:0; padding:5px; height:100%;}
#stuff{margin:0; padding:0; width:18%; height:100%; float:left; margin-left:10px}

.sitmap{margin:0; padding:0; vertical-align:top; background-color:#C5C5C5; color:#000}
.sitmap .moduletable-menus{width:10%; float:left; margin:auto 30px}

.headbar{padding:0; margin-bottom:10px; float:left; width:15%; padding-left:5px}
.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; 
text-align:right} 
.contentpaneopen{float:right; clear:both; width:100%}
.contentpaneopen .contentheading{font:bold 16px Georgia, "Times New Roman", Times, serif; color:#29509b; margin:0; padding:0;  line-height:17px; text-align:right!important;}
.contentpagetitle{text-decoration:none; display:block; color:#29509b; text-align:right!important;}
.componentheading{height:20px; text-align:right!important; padding-left:4px; color:#f5f5f5; text-transform:uppercase; font:10px Verdana, Arial, Helvetica, sans-serif; line-height:20px;}

.points{display:block; margin:4px 0 4px; height:2px; border-bottom:1px solid #888; clear:both}
/*------------- typographie ---------------*/

.titre{display:block; padding:0; margin:0; font:bold 21px Georgia, "Times New Roman", Times, serif; color:#29509b; clear:both; line-height:23px; text-decoration:none; text-align:right}
.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:bold; text-transform:uppercase;}

.smallimage{margin:4px 0 4px 8px; padding:0; height:110px; display:block; float:right}
.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;}
.smallimage a:hover{overflow:visible; z-index:1000; border:none;}
.smallimage a:hover > img{width:auto; height:auto; left:-50px; top:-50px;}

.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}

.afterHeader{margin:0; padding:0; height:90px; clear:both; background:#fff url(../images/afterheader.jpg) no-repeat top center;}

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

#subnav{height:18px; background:#222 url(../images/slideitem.png) repeat-x; padding:0; margin:1px 0; border-top:1px solid #000; border-bottom:1px solid #000;}
#subnav ul{margin:0; padding:0; list-style-type:none;}
#subnav ul li{margin:0; padding:0; list-style-type:none; height:18px; float:left;}
#subnav ul li a{text-decoration:none; text-align:center; padding:0 4px 0 4px; display:block; height:18px; line-height:18px; font-weight:bold; font-size:8px;  text-transform:uppercase;                border-left:1px solid #222; color:#222!important;}
#subnav ul li a:hover{text-decoration:underline; background:#FFF url(../images/navitem.png);}

.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:110px; display:inline; float:right; 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; text-align:right; text-transform:uppercase; font:bold 16px Verdana, Arial, Helvetica, sans-serif; line-height:26px; border-left:1px solid #ccc}
#nav li span{ color:#CCCCCC; cursor:pointer;}
#nav li a:hover{background-color:#fff;}
#nav li .fl{display:none;  position:absolute; z-index:5000; clear:both; overflow:hidden; width:200px; background-color:#fff; border:1px solid #999; border-top:0;}

#nav li ul{margin:0; padding:0; width:auto; list-style-type:none; font-size:14px}
#nav li ul li{margin:0; padding:0; list-style-type:none; float:none;  display:block; text-align:left; width:200px!important; border-bottom:1px solid transparent}
#nav li ul li a{text-decoration:none; color:#444; display:block; font:16px Verdana, Arial, Helvetica, sans-serif; height:22px; float:none; text-align:right; text-transform:none; 
line-height:20px; border:0; border-bottom:1px solid #eee;}
#nav li ul li a:hover{background-color:#666; margin:0; color:#FFF}
#nav li:hover > .fl{display:block;}

.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;}
.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;}