/*
&--------------------------------------------------------------------------
|   WTn v1.0
|   =======================================================================
|
|                            > themes/WTn/style.css <
|
|   =======================================================================
|   Module écrit par Mqrc
|   Copyright: ©2007 WTn
|   =======================================================================
|   Site Web: http://www.cpltopstars.com
|   =======================================================================
|   Description: Feuille de Style pour le theme WTn
|   Commencé le: 19 février 2007
|   =======================================================================
|   Version du Module: 1.0
|   =======================================================================
|   Dernière modification: 19 février 2007
&--------------------------------------------------------------------------
*/

/* Design Page entière */
body {
	font-family: Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	font-size: 0.75em;
	margin: auto;
	padding: auto;
	margin-top: 8px;
	background-color: #555;
	width: 99%;
}

A,
A:link,
A:visited {
    color: #666666;
    text-decoration: none;
}

A:hover {
    color: #339EC2;
    text-decoration: underline;
}

img {
	border: 0px;
	vertical-align: middle;
}

h2 {
	font-size: 1.3em;
}

/* Logo */
#logo {
	float: left;
	background: #000 url(images/header_bg.gif);
	padding: 0px;
	height: 100px;
    width: 100%;
}

/* putain de blaireau */

#logo_hg {
	float: left;
	background-repeat: no-repeat;
	background: url(images/header.jpg);
	height: 100px; 
	width: 840px;
}

#logo_hd {
	float: right;
	background: url(images/header_hd.jpg);
	height: 100px; 
	width: 6px;
}

/* Arbres */
.td_arbre {
	background: #DDDDDD url(images/bg_arbre.gif);
	padding-left: 5px;
	font-size: 0.95em;
	font-family: verdana, sans-serif;
}

.td_team {
	color: #333333;
    text-decoration: none;
	padding-left: 5px;
	font-size: 0.95em;
	font-family: verdana, sans-serif;
	padding-top: 5px;
}

.td_team_title {
    text-decoration: none;
	padding-left: 5px;
	font-size: 0.95em;
	font-family: verdana, sans-serif;
}

.map {
	border:1px solid #000;
}

/* Boite de connexion */	
#bc_back {
	background: #f7f7f8;
	padding-top: 5px;
	padding-bottom: 5px;
}

#bc {
	width: 90%;
	background-color: #dddddd;
	margin: auto;
	color: #000;
}

#bc input {
	vertical-align: middle;
	border: 0px;
	color: #339EC2;
	font-size: 12px;
	font-family: Helvetica;
}

.ok {
	text-indent: -5000px;
	width: 31px;
	height: 21px;
	border: 0px;
	background: transparent url(images/ok.gif) no-repeat center center;
}

#bc_bg, #bc_hd {
	height: 12px; 
	width: 12px;
	background-repeat: no-repeat;
	font-size: 1px;
}

#bc_bd, #bc_hg {
	height: 12px; 
	width: 12px;
	background-repeat: no-repeat;
	font-size: 1px;
}

#bc_hg {
	background: url(images/bc_hg.gif);
}

#bc_hd {
	float: right;
	background: url(images/bc_hd.gif);
}

#bc_bg {
	background: url(images/bc_bg.gif);
}

#bc_bd {
	float: right;
	background: url(images/bc_bd.gif);
}

#bc_contenu_nc {
	padding: 0px;
	margin: 0px;
	padding-left: 20px;
	font-size: 0.9em;
}

#bc_contenu_c {
	margin: 0px;
	padding-left: 40px;
	font-size: 0.9em;
	float: left;
}

#bc_contenu_cr {
	text-align: right;
	padding-right: 20px;
	font-size: 0.9em;
}

/* Contenu */
#content {
	background: #FFF;
}

/* Menu Horizontal */
#menu {
	float: left;
	width: 100%;
	background: #DAE0D2 url('images/bg_menu.gif') repeat-x bottom;
	font-size: 95%;
	line-height: normal;
}

#menu ul {
	margin: 0px;
	padding: 10px 10px 0px;
	list-style: none;
}

#menu li {
	float: left;
	background: url('images/left_menu.gif') no-repeat left top;
	margin-left: 2px;
	padding: 0px 0px 0px 9px;
}

#menu A {
	float: left;
	display: block;
	background: url('images/right_menu.gif') no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

#menu A:hover {
	color: #FFF;
	text-decoration: underline;
}

#menu #current {
	background-image: url('images/left_on_menu.gif');
}

#menu #current a {
	background-image: url('images/right_on_menu.gif');
	color: #333;
	padding-bottom: 5px;
}

#language {
	float: right;
	width: 20%;
	margin-right: 5px;	
}

#language A {
	background: transparent;
	padding: 5px 5px 5px 2px;
	float: right;
}
/* Menu Vertical */
#menu_left {
	width: 15%;
	background-color: #EFEFEF;
	float: left;
	font-size: 0.9em;
	margin-bottom: 200px;
	overflow: hidden;
}

#sponso_img {
	width: 100%;
	background-color: #FFFFFF;
	float: left;
	overflow: hidden;
}

#sponsors {
	font-family: "Bitstream Vera Sans", sans-serif;
	width: 100%;
	font-size: 1em;
	color: #222;
	background: #FFFFFF url('images/left_sponso.gif');
	float: left;
	padding-top: 25px;
	padding-bottom: 5px;
	overflow: hidden;	
	display: block;
}

#menu_left ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#menu_left li {
	margin: 0;
	padding: 0;
	display: inline;
}

#menu_left A {
	border-bottom: 1px solid #DDDDDD;
	color: #666;
	display: block;
	padding: 0.5em;
	text-decoration: none;
}

#menu_left A:hover {
	color: #339EC2;
	background: #EDEBED;
}

#mv_bg, #mv_bd {
	height: 20px; 
	width: 20px;
	background-repeat: no-repeat;
	font-size: 1px;
}

#mv_bg {
	background: url(images/m_b_g.gif);
}

#mv_bd {
	float: right;
	background: url(images/m_b_d.gif);
}

#mv_contenu {
	padding: 5px;
}

/* Corps */
#item {
	padding-left: 100px;
	margin-bottom: 25px;
}

.itemBody {
	padding: 3px; 
	padding-left: 10px;
}

.itemTopicImage {
	float: left; 
	padding: 5px;
}

#corps {
	font-size: 1em;
	width: 83%;
	max-width: 83%;	
	background-color: #FFF;
	padding-right: 3px;
	padding-left: 0px;
	padding-bottom: 25px;
	float: right;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	overflow: hidden;
}

.joueur {
	color: #1666a8;
}

.admin {
	color: red;
}

.organisateur {
	color: green;
}

#title {
	background: url(images/puce.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 10px;
	margin-bottom: 12px;
}

#page {
	text-align: right;
	font-weight: bold;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-top: 2px;
	letter-spacing: 0.1em;
}

#page A {
	text-decoration: none;
	color: #4e8fa5;
}

#page A:hover {
	color: #666;
	text-decoration: underline;
}

/* Tables ALL TN */
.haut_tn {
	background-image: url(images/bg_tn.jpg);
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 6px;
	height: 19px;
}

.bg_tn {
	background-image: url(images/bg_tn2.jpg);
	padding-left: 5px;
}

.bas_news
{
	background: #efefef;
	color: #000;
	font-size: 10px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	height: 17px;
	border: 1px solid #000;
	border-top: 0px;
	border-bottom: 0px;
}

.bas_news_left {	
	float: left;
	width: 50%;
}

.bas_news_right {
	float: left;
	width: 50%;
	text-align: right;
}


.title_news {
	background: #000;
	height: 17px;
	background-image: url(images/bg_tn.jpg);
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 0px;
	padding-left: 10px;
	border: #000 solid;
	border-width: 1px 1px 0px 1px;
}

.content_news {
	color: #111;
	padding: 12px;
	border: #000 solid;
	font-size: 12px;
	border-width: 1px;
	background-image: url(images/logo_60.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-bottom: 20px;
}

.bas_comments
{
	background: #efefef;
	color: #000;
	font-size: 10px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	height: 17px;
	border: solid #000;
	border-width: 0px 1px 1px 1px;
}

.content_comments {
	color: #111;
	padding: 10px;
	border: #000 solid;
	font-size: 12px;
	border-width: 0px 1px 1px 1px;
	display: block;
}

.bulle {
	visibility: hidden;
	border: 1px solid #000;
	color: #000;
	font-size: 12px;
	background-color: #EFEFEF;
	display: block;
	padding: 5px;
	margin: 0px;
}

.edited {
	color: #000;
	padding-bottom: 0px;
	font-size: 10px;
	display: block;
	text-align: right;
	font-style: italic;
	padding-top: 5px;
}

.title_quote {
	font-size: 13px; 
	margin-left: 10px;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
	background-color: #EDEDED;
	border: solid #000;
	border-width: 1px 1px 0px 1px;
}

.content_quote {
	border: solid #000; 
	border-width: 0px 1px 1px 1px;
	padding: 3px; 
	margin-left: 10px;
	background-color: #EDEDED;
}

.text_area {
	border-color: #999999; 
	border-width: 1px; 
	color: #666; 
	font-size: 1.2em;
	width: 50%;
}
.text_area_pc {
	border-color: #999999;
	border-width: 1px;
	color: #666;
	width: 95% ;
	height: 300px;
	margin: auto; /* exemple pour centrer */
	display: block;/* pour effectivement centrer ! */
}

.haut_profil {
	background-image: url(images/bg_profil.gif);
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 6px;
	height: 19px;
	padding-top: 2px;
	border-top: 1px solid #000;
}

.profil {
	border: solid #000; 
	border-width: 0px 1px 1px 1px;
}

.bg_profil {
	background-image: url(images/bg_tn2.jpg);
	padding-left: 5px;
}

.description {
	border: 1px solid #BFBFBF; 
	width: 93%; 
	margin-bottom: 10px; 
	text-align: left; 
	padding: 5px;
}

/* Boutons Login */
.login_input {
	width: 150px;
	height: 16px;
	background-color: #EEEEEE;
	border-color: #000000; 
	border-width: 1px; 
	font-size: 12px;
	color: #666;
	padding: 1px;
}

.login_bouton {
	display: inline; 
	margin: 0px; 
	padding: 0px 2px; 
	vertical-align: baseline; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	cursor: pointer; 
	background: transparent url('images/input_bg.gif') left center repeat-x; 
	border: solid 1px #d4d3d3; 
	border-bottom: solid 1px #0e0e0e; 
	border-right: solid 1px #0e0e0e; 
}

.login_bouton:hover { 
	border: solid 1px #0e0e0e; 
	border-bottom: solid 1px #c0c0c0; 
	border-right: solid 1px #c0c0c0;
	color: #FFFFFF;  
}

.inscription_input {
    width: 150px;
	height: 17px;
	background-color: #EEEEEE;
	border-color: #999999; 
	border-width: 1px; 
	font-size: 12px;
	color: #666;
	padding: 1px;
}

.select_input {
	background-color: #EEEEEE;
	border-color: #999999; 
	border-width: 1px; 
	font-size: 12px;
	color: #666;
	padding: 1px;
}

.text_inscription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
}

.text_profil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	height: 11px;
}

/* Cadres de notifications */
div.message  {
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
	border: 1px solid #000;
	padding: 12px 10px 15px 80px;
	background-repeat: no-repeat;
	background-position: 20px 14px;
	background-color: #FFF;
	border-color: #333;
}

div.message ul {
	margin: 0 0 12px 20px;
	padding: 0px;
	line-height: 1.3em;
}

div.message.valid {
	background-image: url('images/valid.gif');
	width: 420px;
	color: green;
	padding-bottom: 25px;
}

div.message.erreur {
	background-image: url('images/alerte.png');
	width: 420px;
	color: red;
	padding-bottom: 30px;
} 

div.message.sign {
	background-image: url('images/reg.gif');
	width: 420px;
	color: #666;
	padding-bottom: 30px;
}

/* Footer */
#footer {
    clear: both;
    width: 98%;
    color: #666;
    background: #EDEDED;
    padding: 1%;
    font-size: 0.8em;
}

#footer A {
    color: #333;
    text-decoration: none;
}

#footer A:hover {
    color: #339EC2;
    text-decoration: underline;
}

#footer p {
    float: left;
    margin: 0;
    margin-right: 5px;
    line-height: 24px;
}

#footer p.copy {
	line-height: 13px;
	clear: both;
	float: none;
	color: #666;
	margin-top: -12px;
	text-align: right;
}

#online {
	background-image: url('images/online.gif');
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding: 5px;
	padding-left: 60px;
	line-height: 13px;
	clear: both;
	float: none;
	color: #666;
	margin-top: -12px;
	text-align: left;
}