html, body { margin:0; padding:0; }

html {
	overflow: scroll;
} 
body
{
	font-family:Tahoma;
	font-size:12px;
	background: transparent url(images/bg.png);
	text-align:center;
}

img { border:0;}
h1, h2, h3, h4, h5, h6 { padding:0; margin:0; }


a{
	color:#009acd;
	text-decoration:none;
}

li { list-style-type:none; }

.clear { clear:both; }
.strong { font-weight:bold; }
.left { text-align:left;}
.right { text-align:right;}
.bigger { font-size:150%; }
.biggest { font-size:200%; }
.center { text-align:center; }

#corp {
	margin: 0 auto;
	width:960px;
	text-align:left;
}

#head {
 background-color:#fff;
}

#head h1 {
	text-align:center;
	margin-top:10px;
}

#tools {
	padding:3px 5px 3px 5px;
	margin:0;
}

#tools li {
	margin:0;
	padding:0;
}

#tools li {
	float:left;
}


#tools a {
	display:block;
	font-weight:bold;
	color:#3b5998;
	padding:3px 5px 3px 5px;
	margin:0px;
	border:0px;
	border-left: 1px solid #3b5998;
}

#tools a.first {
	border:none;
}


#tools a:hover {
	color:red;
}



#menu h2, #contenu h2, .panel h2 {
	color: #009acd;
	line-height: 25px;
	background-color: #fff;
	font-size: 150%;
	text-align:center;
	font-weight:bold;
}

#menu h2 {
	border:1px solid #999;
	border-bottom:0;
}



#menu {
	width:170px;
	margin: 10px 0 0 0;
	float:left;
}

	
#menu ul, #menu li { margin:0; padding:0;}

#menu ul { border-bottom:1px solid #999; }

#menu li a {
	height:32px;
	line-height:32px;
	padding-left:34px;
	background-color: #dce3e7;
	display:block;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 1px solid #c6dbe7;
	color: #000;
	background-image: url(images/menu.png);
	background-repeat:no-repeat;
}

#menu li a:hover {
	background-color: #c6dbe7;
}

#menu .menu_1 { background-position : 0 0; }
#menu .menu_2 { background-position : 0 -32px; }
#menu .menu_3 { background-position : 0 -64px; }
#menu .menu_4 { background-position : 0 -96px; }


#menu  .menu_1:hover { background-position : 0 -224px; }
#menu .menu_2:hover { background-position : 0 -192px; }
#menu .menu_3:hover { background-position : 0 -160px; }
#menu .menu_4:hover { background-position : 0 -128px; }


#menu .petitrouge { margin-left:20px; font-size:75%; color:red; font-weight:bold;}

#bouton_play {
	margin-top:10px;
	background: transparent url(images/bouton.png) 0 0 no-repeat;
	text-align:center;
	display:block;
	width:170px;
	height:32px;
	line-height:32px;
	color:#000;
}

#bouton_play:hover { background-position: 0 -32px; }

#contenu {
	float:right;
	width:775px;
	margin-top: 10px;
	border:1px solid #999;
	background-color: #E7E7E7;
	padding-bottom:3px;
	}

#table_ladder {
	margin: 10px 3px 0px 3px;
}	
	
.ligne_map td, .ligne_map2 td{
	cursor: pointer;
}
	
.ladder
{
	padding:0px ;
	margin:0;
	border-bottom:#000 1px solid ;
	border-left:#000 1px solid ;
	border-right:#000 1px solid ;
	border-spacing:0px ;
	border-collapse:collapse ;
	width:100%;
	text-align:center;
	font-family:verdana;
	font-size:10px;
}

.titre_diff {
	text-align:center;
	height:37px;
}
.ladder tr {
	background-color:#fff;
}

.ladder tr.ligne_map:hover, .ladder tr.ligne_map2:hover {
	background-color:#fff9d7;
}
/*
.ladder tr.odd {
	background-color:#f7f7f7;
}
.ladder tr.me {
	background-color:#fff9d7;
}
.ladder tr.inner td{
	border-bottom:#ccc 1px solid ;
}
.ladder tr.outer td{
	border-bottom:#000 1px solid ;
}
*/
.ladder th {
	border:0px ;
	border-bottom:#000 1px solid ;
	background-color:#fff;
	color:#000 ;
	padding:0px 5px 0px 5px ;
}
.ladder td {
	padding:0px 5px 0px 5px ;
}



#tabs {
	padding:0px;
	border-spacing:0px;
	border-collapse:collapse;
	border:0px;
	
	}

#tabs td {
	margin:0px;
	border:1px solid #000 ;
	text-align:center;
	background-color:#dce3e7;
}

#tabs td.tabselected {
	border-bottom:1px solid #FFF;
}
#tabs td.tabselected { background-color:#fff;padding:3px 10px; }

#tabs td.empty {
	border:0;
	border-bottom:#000 1px solid ;
	background-color:transparent;
	width:100%;
}

#tabs td a {
	display:block;
	line-height:15px;
	padding:3px 10px;
	color:#000;
}

#tabs td a:hover {
	background-color:#c6dbe7;
}

.img_sp { background-image: url(images/bg_skillpoints.png); }
.img_online { background-image: url(images/bg_online.png); }
.img_join { background-image: url(images/bg_join.png); }
tr.odd img { background-position: 0 -32px; }
tr.even img { background-position: 0 0;}

#details {
	position:absolute;
	width:450px;
	border:1px solid black;
	background-color:#E7E7E7;
}

#overlay {
	position:absolute;
	top:0;
	left:0;
	background-color:black;
	height:100%;
	width:100%;
}

#details table {
	width:100%;
	text-align:left;
}

#details .champ_info{
	text-align:right;
}

#details h4 {
	font-size:24px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	color:#009ACD;
}

#details .image {
	width:130px;
	text-align:center;
	vertical-align:center;
}

#details .image img {
	border:1px solid black;
}

#fermer {
	position:absolute;
	right:10px;
	top:7px;
	cursor:pointer;
}