/************************************************************************************************************
/****	Nom du thème: HDD_GamerStyle	*************************************************************
/****	Design: Death The Kid ::  Codage: Death The Kid	*********************************************
/****	HD Design Production :: http://www.hddesign.fr/	*********************************************
/****	RENDEZ NOUS VISITE SUR LE FORUM !	***************************************************
/****	SUPPORT ET BONNE AMBIANCE !	*********************************************************
*************************************************************************************************************
*************************************************************************************************************


/**************************************** CONFIG PRIMAIRE ****************************************
/********************************************************************************************************/

body{
font-size:12px;
font-family: arial, Verdana, serif;
color:#6F6F6F;
background:url("images/background.png") fixed repeat-y center top;
margin: 0 auto;
background-color: #080808;
}

a{ color:#207bdf; text-decoration:none; }
a:hover{ color:#6F6F6F; }
a:active{ color:#6F6F6F; }

img{ border:none; }

#corps h2{ margin:0 auto; }
#corps h3{ margin:0 auto; }
.line{ width:1018px; height:1px; background:#000; margin:auto; }

.clear{ clear:both; }
/**************************************** PARTIES GÉNERALES ****************************************
/*************************************************************************************************************/

#header{ width:1024px; height:265px; background:url("images/header.png") no-repeat; margin:auto; }
#corps{ width:1024px; background:url("images/corps.png") repeat-y; margin:auto; }
#menu{ width:1024px; height:41px; background:url("images/menu.png") no-repeat; margin:auto; }
#offline_block{ width:1024px; height:181px; background:url("images/unique00.png") no-repeat; margin:auto; }
#online_block{ width:1024px; height:181px; background:url("images/unique01.png") no-repeat; margin:auto; }
#msg{ width:1024px; height:31px; background:url("images/msg.png") no-repeat; margin:auto; }
#msg div{ color:#000; padding-top:7px; padding-left:150px; overflow:hidden }

#gauche{ width:215px;float:left; }
#centre{ width:594px; float:left; }
#full{ margin:auto; width:98%; background:#333333; }
#droite{ width:215px; float:right; }

#footer{ width:1024px; height:165px; background:url("images/footer.png") no-repeat; margin:auto; }

/***************************************** INTÉRIEUR MENU *****************************************
/*********************************************************************************************************/

#menu a{ display:block; float:left; }

#menu #home{ margin-left:150px; width:163px; height:41px; background:url("images/home00.png") no-repeat; }
#menu #home:hover{ background:url("images/home01.png") no-repeat; }

#menu #team{ width:163px; height:41px; background:url("images/team00.png") no-repeat; }
#menu #team:hover{ background:url("images/team01.png") no-repeat; }

#menu #wars{ width:163px; height:41px; background:url("images/wars00.png") no-repeat; }
#menu #wars:hover{ background:url("images/wars01.png") no-repeat; }

#menu #pictures{ width:163px; height:41px; background:url("images/pictures00.png") no-repeat; }
#menu #pictures:hover{ background:url("images/pictures01.png") no-repeat; }

#menu #board{ width:163px; height:41px; background:url("images/board00.png") no-repeat; }
#menu #board:hover{ background:url("images/board01.png") no-repeat; }

/****************************************** BLOCK UNIQUE *******************************************
/*****		offline_block = affichage visiteur	***********************************************************
/*****		online_block = affichage membre	********************************************************
/**********************************************************************************************************/

#roster{ float:left; width:308px; height:147px; padding-top:33px; padding-left: 10px; }
#cont_roster{ width:284px; height:136px; }
.div_roster{ float:left; width:64px; height:64px; margin-bottom:8px; margin-right: 7px; }

#bl_wars{ float:left; width:330px; height:144px; padding-top:36px; }
#bl_wars .logo{ float:left; height:64px; }

/***************************************	OFLLINE ******************************************************
/*********************************************************************************************************/

#unique_login{ float:left; width: 374px; }
#unique_form{ height:125px; padding-left:71px; padding-top:33px; }
input#u_pseudo{ margin-bottom:23px; }
input#u_pseudo, input#u_pass{ color:#207bdf; height:30px; background:none; border:none; }
input[type=submit]#envoyer{ width:80px; height:83px; background:none; border:none; }

/***************************************	ONLINE *******************************************************
/*********************************************************************************************************/

#unique_panel{ float:left; width: 347px; padding-top:29px; padding-left:27px; }
#user_avatar{ float:left; text-align:center; width:122px; height:122px; }
#user_links{ color:#4d4d4d; float:left; font-size:11px; padding:15px 0px; }
#user_links li{ list-style:none; }
#user_links a{ color:#4d4d4d; }
#user_links a:hover{ color:#6f6f6f; }
#user_links a:active{ color:#4d4d4d; }
#user_links a:visited{ color:#4d4d4d; }

/****************************************	NEWS ********************************************************/
/*********************************************************************************************************/

.news .titre_news{ width:594px; height:63px; background:url("images/titre_news.png") no-repeat; margin-top:-20px; }
.news .titre_news h2{ line-height:42px; color:black; text-align:center; font-weight:normal; }

.news .cont_news div{ width:584px; padding-top:8px;padding-bottom:21px; margin:auto; }

/***************************************	BLOCKS ******************************************************/
/*****	GAUCHE	***************************************************************************************/

.bgauche .titregauche{ width:215px; height:56px; background:url("images/titre_gauche.png") no-repeat; }
.bgauche h3{ line-height:32px; padding-left:10px; }
.bgauche .midgauche{ width:215px; background:url("images/mid_gauche.png") repeat-y; }
.bgauche .midgauche div{ width:205px; margin:auto; }
.bgauche .basgauche{ width:215px; height:29px; background:url("images/fin_gauche.png") no-repeat; }
/*****	DROITE	***************************************************************************************/

.bdroite .titredroite{ width:215px; height:56px; background:url("images/titre_droite.png") no-repeat; }
.bdroite h3{ line-height:32px; text-align:right; padding-right:10px; }
.bdroite .middroite{ width:215px; background:url("images/mid_droite.png") repeat-y; }
.bdroite .middroite div{ width:205px; margin:auto; }
.bdroite .basdroite{ width:215px; height:29px; background:url("images/fin_droite.png") no-repeat; }

/*****	CENTRE / BAS	********************************************************************************/

.titrecentre .gtitre{ float:left; width:21px; height:43px; background:url("images/centre_gauche.png") no-repeat; }
.titrecentre .bgtitre{ float:left; height:43px; background:url("images/centre_mid.png") repeat-x;  line-height:43px; padding:0px 3px; }
.titrecentre .bgtitre:first-letter{ color:#207bdf; }
.titrecentre .dtitre{ float:left; width:17px; height:43px; background:url("images/centre_droite.png") no-repeat; }
.midcentre{ clear:both; width:97%;  margin:auto; padding:3px 0px;; }

/**************************************	FOOTER	******************************************************/
/*********************************************************************************************************/

#sponsors{ float:left; width:277px; height:135px; padding-left:3px; padding-top:30px; }
.sponsor{ opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; }
.sponsor:hover{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }

#tags{ position:relative; float:left; width:450px; height:140px; padding-top:25px; overflow:hidden; }
#tags a{ color:#6F6F6F; text-decoration:none; }
#tags a:hover{ color:#207bdf; }
#tags a:active{ color:#207bdf; }

#copyright{ float:left; }
#copyright span{ display:block; width:294px; height:165px; background:white; }
#copyright span{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; }
#copyright span:hover{ opacity: 0.01; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); -moz-opacity: 0.01; -khtml-opacity: 0.01; }

/***********************************	ADMINISTRATION	**********************************************/
/*********************************************************************************************************/