body, html{
font : 80% "Segoe UI", "Trebuchet MS";
font-size : 14px;
color : #000;
background-color : #000;
margin:0;
}
FONT {
font : 80% "Segoe UI", "Trebuchet MS";
font-size : 12px;
}
th {
font : 80% "Segoe UI", "Trebuchet MS";
font-size : 12px;
font-weight : bold;
}
h2 {
text-align: center;
font : 80% "Segoe UI", "Trebuchet MS";
font-size : 20px;
font-weight : bold;
}
fieldset {
color: #000;
border-color: #000;
}
div.news{
text-align: left;
}
#realmdlist {
text-align: right;
margin-right: 10px;
color: #fff;
font-size : 12px;
font-weight:bold;
}
p.footer {
color: #FFF;
text-align: center;
}
.recherche {
text-align: left;
}
td.milieu{
text-align: center;
}
.map {
height: 560px;
}
.center {
text-align: center;
}
.centre {
  margin-left: auto;
  margin-right: auto;
}
a:link {color : #565656;font-size : 12px;text-decoration : none;}
a:active {color : #000;font-size : 12px;text-decoration : none;}
a:visited {color : #000;font-size : 12px;text-decoration : none;}
a:hover {color : #565656;font-size : 12px;text-decoration : underline;}

a.forum:link {color : #007799;font-size : 12px;text-decoration : none;}
a.forum:active {color : #007799;font-size : 12px;text-decoration : none;}
a.forum:visited {color : #007799;font-size : 12px;text-decoration : none;}
a.forum:hover {color : #007799;font-size : 12px;text-decoration : underline;}

/* Liens header*/
a.header:link {color : #fff;font-size : 12px;text-decoration : none;}
a.header:active {color : #fff;font-size : 12px;text-decoration : none;}
a.header:visited {color : #fff;font-size : 12px;text-decoration : none;}
a.header:hover {color : #fff;font-size : 12px;text-decoration : underline;}

/* Partie Copyright*/
.copyright {font-size : 12px;font-family : "Segoe UI", "Trebuchet MS";color : #565656;}
a.copyright:link {color : #000;font-size : 12px;text-decoration : none;}
a.copyright:active {color : #000;text-decoration : none;}
a.copyright:visited {color : #000;text-decoration : none;}
a.copyright:hover {color : #565656;text-decoration : underline;}

/* Liens header*/
a.footer:link {color : #fff;font-size : 12px;text-decoration : none;}
a.footer:active {color : #fff;font-size : 12px;text-decoration : none;}
a.footer:visited {color : #fff;font-size : 12px;text-decoration : none;}
a.footer:hover {color : #fff;font-size : 12px;text-decoration : underline;}

.title {
text-align: center;
background : none;
color : #565656;
font-size : 16px;
font-weight : bold;
text-decoration : none;
}
.titre2 {
text-align: center;
background : none;
color : #565656;
font-size : 14px;
font-weight : bold;
text-decoration : none;
}
img {
	border: 0px;
	padding: 0px;
}
div.side {
font : 80% "Segoe UI", "Trebuchet MS";
font-size : 20px;
font-weight : bold;
}
div.side img{
vertical-align:middle;
}
 /* Images cadre des news */
td.fond {
background-image : url(../interface/story/bgs.gif);
background-repeat: repeat;
}
td.shm {
background-image : url(../interface/story/shm.png);
background-repeat: repeat;
color: #fff;
font-weight : bold;
font-size : 16px;
}
td.smg {
background-image : url(../interface/story/smg.png);
background-repeat: repeat;
}
td.smd {
background-image : url(../interface/story/smd.png);
background-repeat: repeat;
}
td.sbm {
background-image : url(../interface/story/sbm.png);
background-repeat: repeat;
color: #fff;
font-size : 11px;
text-align: right;
}
/*****TABLES******/

table.flat {
	border-width: 5px;
	border-spacing: 5px;
	border-style: none;
	border-collapse: collapse;
	background-color: #b2c2b9;
	text-align: left;
}
table.lined {
	border-collapse: collapse;
	text-align: center;
}
table.lined, table.lined td, table.lined td.hidden, table.lined th{
	border: 1px solid  #9d7327;
	padding: 5px;
}
table.lined th{
	/* Trouver un background */
	font-weight: bold;
	font-size: 11px;
	color:#000;
	padding: 5px;
}
table.lined td{
	background: url('../interface/second/bg.gif') repeat;
}
table.lined td.hidden {
	background-color: transparent;
}
tr td div.gradient_pp{
	float: left;
	clear: right;
	display: table-cell;
	text-align: right;
	padding: 1px 5px;
}
tr td div.gradient_p{
	float: left;
	clear: right;
	display: table-cell;
	text-align: left;
	padding: 1px 5px;
}

tr td div.gradient_p{
	background: url('../interface/second/bg2.gif') repeat;
	background-color:#b2c2b9;
	width: 90px;
}
tr td div.gradient_pp{
	background: url('../interface/search/colored-parch-bg.jpg') repeat;
	background-color:#d4ddd8;
	width: 50px;
}
.error {
	color:#990000; 
}
.bold {
	font:13pt Trebuchet MS,sans-serif;
	font-weight:bold;
}
.small {
	font-size: 8px;
}	
.large_bold {
	font-size: 13px;
	font-weight:bold;
}
.large {
	font-size: 13px;
}
.half_line {
	font-size: 12px;
	line-height:1.6em;
}
#tab_content {
	width: 44%;
	padding: 10px;
	border: 1px solid black;
	background: #b2c2b9;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}
/* interface partie haute*/
div.back-top {
position : absolute;
background : url('../interface/back-top.jpg') top center no-repeat;
width: 100%;
height: 100%;
z-index: 2;
}
div.header{
background: url('../interface/main/header.jpg') top center repeat-x;
height: 14px;
}
div.header-logo{
background: url('../interface/logo-top.gif') top center no-repeat;
height: 37px;
}
div.logo{
background: url('../interface/logo.gif') top center no-repeat;
}
/* interface cadre principale (main)*/
div.main{
	background: url('../interface/main/back.jpg') repeat;
	width: 998px;
}
div.m-head{
	background: url('../interface/main/head.jpg') top no-repeat;
	height: 94px;
	width: 988px;
	text-align: center;
	color : #fff;
	font: bold 20px/110px verdana;
}
div.m-head2{
	background: url('../interface/main/head2.jpg') no-repeat;
	height: 31px;
	width: 988px;
}
div.m-back{
	background: url('../interface/main/back.jpg') repeat-y;
	width: 988px;
}
div.m-footer{
	background: url('../interface/main/footer.jpg') no-repeat;
	width: 988px;
	height: 82px;
}
div.banner{
    background: url('../interface/banner.png') center no-repeat;
	height: 68px;
	text-align: center;
	font: bold 20px/50px verdana;
}
div.font{
        background: url('../interface/search/tip-bg1.gif') repeat;
		width: 576px;
		height: 270px;
}
div.fond{
        background: url('../interface/second/bg.gif') repeat;
		width: 800px;
}

/* Cadre secondaire*/
div.second{
	width: 776px;
	overflow:auto;
}
div.s-left{
    background: url('../interface/second/left.gif') left repeat-y;
}
div.s-right{
    background: url('../interface/second/right.gif') right repeat-y;
}
div.s-top{
        background: url('../interface/second/top.gif') top repeat-x;
        height: 13px;
}
div.s-bot{
        background: url('../interface/second/bot.gif') bottom repeat-x;
        height: 13px;
}
div.s-top-left{
        background: url('../interface/second/top-left.gif') left top no-repeat;
        padding-left: 13px;
}
div.s-top-right{
        background: url('../interface/second/top-right.gif') right top no-repeat;
        padding-right: 13px;
}
div.s-bot-left{
        background: url('../interface/second/bot-left.gif') left bottom no-repeat;
		padding-left: 13px;
}
div.s-bot-right{
        background: url('../interface/second/bot-right.gif') right bottom no-repeat;
		padding-right: 13px;
}
div.element_menu{
        background: url('../interface/search/colored-parch-bg.jpg') repeat;
		width: 500px;
}
div.element_menu2{
        background: url('../interface/search/cp-top.jpg') top repeat-x;
}
div.element_menu3{
        background: url('../interface/search/cp-bot.jpg') bottom repeat-x;
}
div.element_menu4{
		background: url('../interface/search/cp-left.jpg') left repeat-y;
}
div.element_menu5{
		background: url('../interface/search/cp-right.jpg') right repeat-y;
}
div.coin_hg{
        background: url('../interface/search/cp-top-left.png') left top no-repeat;
        padding-left: 103px;
}
div.coin_hd{
        background: url('../interface/search/cp-top-right.png') right top no-repeat;
        padding-right: 88px;
}
div.bordure_h
{
        background: url('../interface/search/cp-top.jpg') top repeat-x;
        height: 88px;
}
div.cote_gauche{
    background: url('../interface/search/cp-left.jpg') left repeat-y;
    padding-left: 150px;
}
div.cote_droit{
    background: url('../interface/search/cp-right.jpg') right repeat-y;
    overflow: hidden;
}
div.milieu{
        background: url('../interface/search/colored-parch-bg.jpg') right bottom no-repeat;
}
div.coin_bg{
        background: url('../interface/search/cp-bot-left.png') left bottom no-repeat;
		padding-left: 92px;
}
div.coin_bd{
        background: url('../interface/search/cp-bot-right.png') right bottom no-repeat;
		padding-right: 73px;
}
div.bordure_b{
        background: url('../interface/search/cp-bot.jpg') bottom repeat-x;
        height: 77px;
}
/* Player */
.error { color: #FF0000; font-weight: bold; }
.txt { font-size: 8pt; color: #ccc799; font-family: Arial,Helvetica,Sans-Serif; }
.texto { font-size: 8pt; color: #000; font-family: Arial,Helvetica,Sans-Serif; border-collapse : collapse;}
.title2 { font-size: 10pt; color: #000; font-weight: bold; font-family: Arial,Helvetica,Sans-Serif; }
.subtitle { font-size: 9pt; color: #ffb019; font-family: Arial,Helvetica,Sans-Serif; }
.subtitlemod { font-size: 10pt; color: #ffb019; font-family: Arial,Helvetica,Sans-Serif; }
.white { color: #FFFFFF; font-size: 8pt; }
.sub { color:white; font-size:8pt; font-variant: small-caps; letter-spacing:3px; }

/*Teamspeal */
#teamspeakdisplay  {
	margin-left: 40%;
	
}
#teamspeakdisplay  img {
	border: 0px;
}
#teamspeakdisplay table {
	border-collapse: collapse;
	border-spacing: 0px;
}
#teamspeakdisplay td {
	font: 9pt arial, verdana,helvetica;
	padding: 0px;
	white-space: nowrap;
	vertical-align: top;
}
#teamspeakdisplay td.teamspeakserver {
	padding-left: 3px;
	font-weight: bold;
}
#teamspeakdisplay td.teamspeakchannel {
	padding-left: 3px;
}
#teamspeakdisplay td.teamspeaksubchannel {
	padding-left: 3px;
}
#teamspeakdisplay td.teamspeakplayer {
	padding-left: 3px;
}
#teamspeakdisplay a.teamspeakserver {
	font: 9pt arial, verdana,helvetica;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}
#teamspeakdisplay a.teamspeakserver:hover {
	color: #000066;
}
#teamspeakdisplay a.teamspeakchannel {
	font: 9pt arial, verdana,helvetica;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#teamspeakdisplay a.teamspeakchannel:hover {
	color: #000066;
}
#teamspeakdisplay a.teamspeaksubchannel {
	font: 9pt arial, verdana,helvetica;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
#teamspeakdisplay a.teamspeaksubchannel:hover {
	color: #000066;
}
a.nolink {
	color: #000000;
	text-decoration: none;
}
a.nolink:hover {
	color: #000000;
	text-decoration: underline;
}

/*** graphs and bars ***/
.bargraph {
	font:9pt Verdana,sans-serif;
	color: #000000;
	border-collapse: collapse;
	width: 720px;
}
.bargraph td {
	padding:0;
	margin:0;
	vertical-align:bottom;
	text-align:center;
	background: url(gridline.gif) 15px bottom;
}
a.graph_link:link, a.graph_link:visited{ color: #000000; text-decoration: none }
a.graph_link:hover, a.graph_link:focus{ color: #A47236; text-decoration: none }
.bargraph img{
	display:block;
	border: 1px solid #000;
}
.rankingHeader { color: #C7C7C7; font-size: 10pt; font-family: arial,helvetica,sans-serif; font-weight: bold; background-color: #2E2D2B; border-style: solid; border-width: 1px; border-color: #5D5D5D #5D5D5D #1E1D1C #1E1D1C; padding: 3px;}

#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:84px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}