/* 

   ==================================================================================
   == MAIN.CSS créer par _FsK_Samumu, entièrement modifié & amélioré par GtaManiac ==                     
   == M-A-J : 28/05/2011                                                           ==
   == Code concernant la globalité de GTACup                                       ==
   ================================================================================== 


===================================================
SOMMAIRE :
===============
I-   BODY
II-  HEADER
III- LE MENU
IV-  LES NEWS
V-   LES MODULES
VI-  LE FOOTER
======================================================

/******************************************
I-  BODY
******************************************/

body{
position: relative;
background: #4f3624 url(img/body_bg.png) repeat-x;
padding: 0;
margin: 0 auto;
font-family: Corbel,'DejaVu Sans','Lucida Grande',Verdana,Arial,sans-serif;
font-size: 1em;
line-height:1.05em;

}

img{
border: none;
vertical-align: middle;
}

a:hover{
text-decoration: none;
}

h2{
text-align: center;
}

h3{
text-align: center;
}

a:link,a:visited{
color:#363636;
}

textarea{ 
resize:none;
}

div#titre {
margin-top: 30px;
text-align: center;
}

div#retour {
margin-top: 10px;
text-align: center;

}

div#conteneur{
text-align: left;
background:url(img/content_bg.png) repeat-y;
width: 1024px;
overflow: hidden;
margin: 0 auto;
}

div#error_page{
text-align: center;
margin-top: 20px;
margin-left: 29%!important;
width: 650px;
color: #992A2A;
background: #f2dddd;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#succes{
text-align: center;
margin-top: 20px;
margin-left: 29%!important;
width: 650px;
color: #468040;
background: #c5ffbf;
padding: 15px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#succes img{
float: right;
}


/******************************************
II- LE HEADER
******************************************/

div#header
{
position: relative;
margin-left: 35px;
height: 200px;
margin-bottom: 30px;
}

div#bar
{
position: relative;
margin-top: -30px;
background: url(img/bar.png) no-repeat;
height: 30px;
width: 957px;
margin-left: 35px;
}


div#login_bar
{
position: relative;
opacity: 0.95;
margin-left: 740px;
margin-top: -40px;
vertical-align: middle;
margin-bottom : 0px;
color: #fff;
font-size: 12px;
}

div#login_bar a
{
    text-decoration: underline;
	color: #fff;
}

div#login_bar a:hover
{
    text-decoration: none;
	color : #fff
}

.logged
{
vertical-align: middle;
margin-top: 17px;
padding-left: 40px;
}

div#flags
{
position: absolute;
color: #fff;
margin-left: 45px;
margin-top: -23px;
text-align: left;
}

.alerts
{
vertical-align: middle;
margin-left: -65px;
margin-top: -28px;

}

/************************************
Panneau (slider)
**************************************

div#contenu{
position: relative;
float:right;
width:734px;
padding-right:30px;
text-align:justify;
font-size:10pt;
}

float:right;{
width:734px;
text-align:justify;
font-size:10pt;
}

div#presentation{
width:732px;
position: relative;
height: 40px;
background: #282115;
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px;

}

.toggle{
margin-left: 225px;
top: 5px;
vertical-align: middle;
position:relative;
text-decoration:none;

}

#slider{
margin-left: 50px;
color: #fff;
width:732px;
padding-top: 10px;
font-style: italic;
}

#slider a{
color: #fff;
}



/******************************************
III- LE MENU
******************************************/

div#menu{
float:left;
width: 200px;
margin-left:45px;
display:inline;
margin-top:0;
font-size:.9em;
}

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

div#menu ul li a{
border-bottom:1px solid #6e5b4e;
padding:2px 0;
display:block;
color:#292929;
text-decoration:none;
}

div#menu ul li a:hover{
background-color:#9b8577;
color:#3b2211;
}

a.plus{
background:url(img/menu/plus.png) no-repeat right;
padding-right: 18px!important;
}

a.moins{
background:url(img/menu/moins.png) no-repeat right;
padding-right: 18px!important;
}

ul.submenu,ul.submenujs{
display:none;
padding:0 0 0 3px!important;
border-left:5px solid #4f3624;
}

div#menu ul li:hover ul.submenu,ul.submenu:hover{
display:block;
}

.serveurs a.plus img,.serveurs a.moins img{
vertical-align:top;
float: left;
}

.sc{
font-variant: small-caps;
}

.servdesc{
font-size:.8em;
margin-bottom:6px;
}

.toggle{
position:relative;
top:5px;
vertical-align:middle;
text-decoration:none;
}

div#faq h1{
padding: 30px 0px 0px;
text-align: center;
}

/******************************************
IV- LES NEWS
******************************************/

div.news
{       
    float: right;
    padding: 10px;
	position: relative;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-top : 20px;
	font-family:'Lucida Grande',Arial,sans-serif;
	font-weight: normal;
	width: 666px;
	background:#d3d3d3 url(img/news_bottom.jpg) repeat-x bottom;
	background-color : #d3d3d3;
	color : black;
	font-size: 12px;
}
div.news h1
{
    position: relative;
    width: 686px;
	margin-left: -10px;
    padding: 25px 0 0 60px;
    background: url(img/news_top.png) no-repeat;	
	height: 50px;
	color: #c55517;
    margin-top: -10px;
	font-size : 1.4em;
}

div.news span{
font-weight: bold;  
}

div.news label
{
float: left;
width: 200px;
}

div.news p.meta {
text-align: right;
font-size: 12px;
padding: 15px;
border-top: 1px dashed #444;
color:#444;
}

div.news p.meta a{
font-size: 12px;
}

div.news p.meta a:hover{
text-decoration: none;
color: #fff;
}

/******************************************
V- LES MODULES
******************************************/

div#tuto{
text-align: center;
font-weight: bold;
}

div#tuto h1{
text-align: left;
}


/* Dernière courses, liste, recherche, informations... */

div#last_races {
text-align: center;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
margin-top: 20px;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#last_races h1{
color: #C55517;
text-align: center;
}

div#last_races td{
border: 1px solid black;
padding: 3px 3px 3px;
background: #eeeeee;
text-align: center;
margin: 0 auto;
width: 380px;
}

div#all_races {
text-align: center;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
margin-top: 20px;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

#all_races.news{
position: relative;
float: right;
margin-left: 150px;
}

div#all_races table{
margin: 0 auto;
}

div#all_races td{
background: #eeeeee;
padding: 5px 5px 5px;
border: 1px solid black;
}

div#search_races {
margin-top: 20px;
text-align: center;
margin-left: 28%;
width: 650px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#search_races table {
margin: 0 auto;
}

div#search_races td {
border: 1px solid black;
padding: 3px 3px 3px;
background: #eeeeee;
}

div#comments{
margin: 0 auto;
margin-top: 0px;
text-align: center;
width: 665px;
padding: 1px 10px 15px!important;
}

div#comments p {
margin-top: -14px;
margin-right: auto;
margin-left: auto;
width: 500px;
background: #eeeeee;
padding: 10px 3px 10px;
border: 1px solid black;
}

div#comments h2 {
margin-right: auto;
margin-left: auto;
width: 500px;
padding: 3px 3px 3px;
font-size: 15px;
background: #b0a49c;
border: 1px solid black;
}

div#erreur_captcha{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
color: #992A2A;
background: #f2dddd;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}
}

div#race_note {
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#race_note table {
width: 600px;
margin: 0 auto;
}

div#race_note td {
border: 1px solid black;
padding: 3px 3px 3px;
background: #eeeeee;
}

div#race_note h1{
color: #c55517;
}

div#race_stats{
margin-bottom: 20px;
margin-top: 20px;
text-align: center;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#race_stats table {
width: 600px;
margin: 0 auto;
}

div#race_stats td {
border: 1px solid black;
padding: 3px 3px 3px;
background: #eeeeee;
}

div#race_stats h1{
color: #c55517;
}


/* Joueurs, Profil, Classement individuel... */

div#list_players  {
margin-top: 20px;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
text-align: center;
}

div#list_players h1{
color: #C55517;
text-align: center;
}

div#list_players table{
margin: 0 auto;
}

div#list_players td{
padding: 3px 3px 3px;
border: 1px solid black;
background: #eeeeee;
}

.profil {
text-align: center;
width: 665px;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px;  
}

.profil table{
width: 600px;
text-align: center;
margin: 0 auto;
}

.profil td{
padding: 3px 3px 3px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

.profil a{
text-align: center;
}

div#ladder {

text-align: center;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px;
}

div#ladder h1{
text-align: left;
color: #c55517;
}

div#ladder table {
margin: 0 auto;
width: 660px;
}

div#ladder td {
background: #eeeeee;
border: 1px solid black;
}

div#ladder_inf{
background-color: #eeeeee;
padding: 20px 0px 20px;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px;
} 

div#hall table {
text-align: center;
margin-top: 20px;
margin-left: 5px;
width : 100%;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#hall td{
padding: 3px 3px 3px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}
/********** LOGIN ***********/

div#login label {
float: left;
display: block;
width: 200px;
}

div#login_connexion{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#login_logout{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#login_erreur{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#profil_erreur{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
color: #992A2A;
background: #f2dddd;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px;  
}

div#logout {
margin-top: 18px;
}

div#register{
text-align: center;
margin-top: 20px;
margin-left: 29%!important;
width: 650px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#echec_connexion{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
color: #992A2A;
background: #f2dddd;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

/************ TEAMS *************/

div#teams {
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#teams table{
width: 300px;
text-align: center;
margin: 0 auto;
}

div#teams td{
text-align: center;
padding: 3px 3px 3px;
border: 1px solid black;
background: #eeeeee;
}

div#teams h1{
color: #C55517;
text-align: center;
}

div#teams_ladder {
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#teams_ladder h1{
color: #c55517;
}

div#teams_ladder table{
width: 650px;
text-align: center;
margin: 0 auto;
}

div#teams_ladder td{
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#teams_members table{

text-align: center;
width: 650px;
margin: 0 auto;
}

div#teams_members td{
padding: 3px 3px 3px;
border: 1px solid black;
background: #eeeeee;
}

div#teams_hall table {
text-align: center;
margin-top: 20px;
margin-left: 5px;
width : 100%;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#teams_hall td{
padding: 3px 3px 3px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

.team_auteur{
background-color: #eeeeee;
padding: 1px 0px 1px;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#see_team{
text-align: center;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#see_team h1{
color: #c55517;
}

#see_team table{
width: 500px;
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
}

div#see_team td{
padding: 5px 5px 5px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#fiche_team{
text-align: center;
}

div#fiche_team  label{
margin-left: 28%!important;
}

div#speciality1 {
position: relative;
float: left;
}

div#speciality2 {
position: relative;
float: right;
}

div#fiche_team_recrut{
position: relative;
margin-top: 100px;
margin-bottom: 20px;


}

/************** LEADERS ****************/

div#leader {
margin-top: -10px;
}

#leader table{
width: 500px;
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
}

#leader td{
padding: 5px 5px 5px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#gestion_membres{
text-align: center;
margin-left: -10px;
width : 665px;
background: #d3d3d3;
padding: 0px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#gestion_membres table{
width: 600px;
margin: 0 auto;
}

div#gestion_membres td{
padding: 3px 3px 3px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#gestion_news{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#gestion_news table{
width: 600px;
margin: 0 auto;
}

div#gestion_news td{
padding: 3px 3px 3px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#descriptions_team {
width : 655px;
background: #eeeeee;
text-align: center;
padding: 5px;
word-wrap:break-word;
text-wrap:unrestricted;
margin: 0;
border-radius: 10px; 
}

/*********** ADMIN *************/

div#double_login{
text-align: center;
}

div#double_login h1{
text-align: left;
}

div#double_login label{
margin-left: 30%;
}

div#admin{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#admin h1{
color: #C55517;
text-align: center;
}

div#admin table{
width: 500px;
margin: 0 auto;
}

div#admin td{
padding: 5px 5px 5px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#informations{
margin-left: 10px;
}

div#banlist{
text-align: center;
margin-top: 30px;
margin-left: 27%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 20px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#banlist h1{
color: #C55517;
text-align: center;
}

div#banlist table{
font-size: 12px;
}

div#banlist td{
text-align: center;
border: 1px solid black;
background: #eeeeee;
}

div#msgautos {
text-align: center;
margin-top: 22%;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#msgautos td{
text-align: center;
padding: 6px 6px 6px;
border: 1px solid black;
background: #eeeeee;
}

div#log_admin{
text-align: center;
margin-top: 20px;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#log_admin table{
width: 300px;
margin: 0 auto;
margin-top: 10px;
}

div#log_admin h2{
color: #C55517;
}

div#log_admin td{
padding: 5px 5px 5px;
border: 1px solid black;
background: #eeeeee;
}

div#log_categorie{
text-align: center;
margin-top: 20px;
margin-left: 28%;
width: 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#log_categorie table{
width: 660px;
margin: 0 auto;
margin-top: 10px;
}

div#log_categorie td{
padding: 5px 5px 5px;
border: 1px solid black;
background: #eeeeee;
}


div#titre_matchs{
margin-left: 240px;
}

div#unban{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#ban_date table{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 685px;
background: #d3d3d3;
padding: 10px 20px 25px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#ban_date td{
margin-top: 50px;
padding: 5px 5px 5px;
border: 1px solid black;
background: #eeeeee;
}


div#ban_pseudo{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#ban_pseudo table{
width: 600px;
margin: 0 auto;
margin-top: 10px;
}

div#ban_pseudo td{
padding: 5px 5px 5px;
border: 1px solid black;
background: #eeeeee;
}

div#alertes{
text-align: center;
margin-top: 20px;
margin-left: 28%!important;
width : 665px;
background: #d3d3d3;
padding: 1px 10px 15px!important;
border-top-right-radius: 10px; 
border-top-left-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
}

div#alertes h1{
color: #C55517;
text-align: center;
}

div#alertes table{
width: 500px;
margin: 0 auto;
}

div#alertes td{
padding: 5px 5px 5px;
text-align: center;
border: 1px solid black;
background: #eeeeee;
}


/******************************************
VI- LE FOOTER
******************************************/

div#footer {
clear: both;
color: #fff;
font-size: 12px;
margin-top: 20px;
padding: 85px 0px 0px;
text-align : center;
background: url(img/footer.png) no-repeat;
height: 110px;
width: 750px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

#footer a{

color:#fff;
}

div#footer a:hover {
text-decoration: none;
}

div#partenaires{
text-align: center;
width: 872px;
margin:0 auto;
}

div#partenaires a img{
opacity:.4;
}

div#partenaires a:hover img{
opacity:1;}

div#credits{
font-size: 12px;
color: #fff;
text-align: center;
}

div#credits a{
color: #fff;
}

div#credits a:hover{
color: #fff;
text-decoration: none;
}