@charset "utf-8";
/* CSS Document */

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0;
}

img {
	border:none;
}



textarea 
{ 
	border:solid 4px #A6CE00; 
	border-bottom:solid 1px #A6CE00; 
	border-top:solid 1px #A6CE00; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
}
textarea:hover 
{
	border:solid 4px #FFCC00; 
	border-bottom:solid 1px #FFCC00; 
	border-top:solid 1px #FFCC00; 
}

input[type=text] , input[type=password]
{
	height: 18px;	
	border: 0px; 
	border-left: solid 5px #F00; 
	color:#FFF; 
	font-size: 12px;
	background:url(images/header/menu/out_fond.png);
	background-repeat:repeat-x;
	background-position:top;
	width:160px;
}
input[type=text]:hover , input[type=password]:hover
{
	border-left:#FFCC00 solid 5px; 
}

input[type=submit] 
{
	height: 18px;
	border:none;
	border-left: solid 5px #F00;
	border-right: solid 5px #F00;
	color: #FFF; 
	font-size: 12px;
	background:url(images/header/menu/out_fond.png);
	background-repeat:repeat-x;
	background-position:top;
	width:100px;
}
input[type=submit]:hover 
{
	border-left:#FFCC00 solid 5px; 
	border-right:#FFCC00 solid 5px; 
}


option{
	height: 18px;
	border-left: solid 5px #F00;
	border-right: solid 5px #F00;
	background:url(images/header/menu/out_fond.png);
	background-repeat:repeat-x;
	background-position:top;
	color: #FFF; 
	font-size: 10px;
}
option:hover{
	border-left:#FFCC00 solid 5px; 
	border-right:#FFCC00 solid 5px; 
}
select{
	height: 18px;
	width:100px;	
	border-left: solid 5px #F00;
	border-right: solid 5px #F00;
	background:url(images/header/menu/out_fond.png);
	background-repeat:repeat-x;
	background-position:top;
	color: #FFF; 
	font-size: 10px;
}
select:hover{
	border-left:#FFCC00 solid 5px; 
	border-right:#FFCC00 solid 5px; 
}


a {
	color:#F00;
}
a:hover {
	text-decoration:none;
}

a.nolien {
	color:#FFF;
	text-decoration:none;
}
a.nolien:hover {
	text-decoration:none;
}

.lien {
	color:#F00;
	cursor:pointer;
	display:inline;
}
.lien:hover {
	text-decoration:underline;
}




#historique {
	overflow:scroll;
	height:300px;
	width:484px;
}





#succes {
	background-color:#6F9;
	border:#090 1px solid;
	height:28px;
	padding-top:12px;
	text-align:center;
}

#erreur {
	background-color:#F90;
	border:#C00 1px solid;
	height:28px;
	padding-top:12px;
	text-align:center;
}

#redirection {
	background-color:#69F;
	border:#039 1px solid;
	height:28px;
	padding-top:12px;
	text-align:center;
}






#header { 
	width:100%;
	height:321px;
	background-image:url(/images/header/fond.png);
	background-repeat:repeat-x;
	
}


#header #baniere {
	background-image:url(/images/header/baniere.png);
	width:998px;
	height:97px;
	margin-left: auto;
  	margin-right: auto;	
}
#header #baniere #logo {
	position:relative;
	top:20px;
	left:10px;
	width:100px;
	float:left;
}
#header #baniere #pub {
	position:relative;
	top:20px;
	left:280px;
	width:468px;
	height:60px;
	float:left;
}

#header .menu {
	background-image:url(/images/header/menu/out_fond.png);
	width:998px;
	height:23px;
	margin-left: auto;
  	margin-right: auto;
	color:#FFF;
}
#header .menu ul {
	width:100%;
	margin:0;
	padding:0;
}
#header .menu li {
	height:23px;
	float:left;
	list-style-type:none;
	overflow:hidden;
}
#header .menu .centre {
	float:left;
	text-align:center;
	padding-top:4px;
	width:141px;
	height:19px;
}
#header .menu .centre:hover {
	background-image:url(/images/header/menu/hover_fond.png);
	cursor:pointer;
}


#sponsors {
	width:998px;
	height:100px;
	margin-left: auto;
  	margin-right: auto;
	color:#FFF;
	padding-top:30px;
	cursor:pointer;
}
#sponsors .sponsor {
	background-image:url(images/header/sponsors.png);
	background-repeat:no-repeat;
	width:164px; /*164*/
	height:69px; /*74*/
	text-align:center;
	float:left;
	padding-right:114px;
	overflow:hidden;
	padding-top:5px;
}
#sponsors .sponsor_last {
	background-image:url(images/header/sponsors.png);
	background-repeat:no-repeat;
	width:164px; /*164*/
	height:74px;
	text-align:center;
	float:left;
	overflow:hidden;
	padding-top:5px;
}





#corp {
		
}
#corp #contenu {
	position:relative;
	top:-30px;
	width:998px;
	margin-left: auto;
  	margin-right: auto;
	overflow:hidden;
}
#corp #contenu h1 {
	background-color:#F00;
	height:24px; /*32*/
	color:#FFF;
	font-size:14px;
	padding-left:10px;
	padding-top:8px;
}
#corp #contenu .texte {
	padding-top:20px;
	padding-bottom:20px;
}


#corp #contenu .l {
	width:100%;
}
#corp #contenu table .titre {
	background-color:#333;
	color:#FFF;
	font-size:14px;
	height:20px;
	padding-left:20px;
}
table .contenu0 {
	background:#D8D8D8;
	height:20px;
	padding-left:4px;
}
table .contenu1 {
	background-color:#B9B9B9;
	height:20px;
	padding-left:4px;
}
table .contenu2 {
	background-color:#666;
	height:20px;
	padding-left:4px;
	color:#FFF;
}

#corp #contenu #en_cours {
	background-color:#d8d8d8;
	border:solid 1px #a8a8a8;
	width:996px;
}
#corp #contenu table .maps {
	text-align:center;
	font-size:10px;
	color:#666;
}
#corp #contenu table .vs_table {
	width:100%;
	position:relative;
	top:-4px;
}
#corp #contenu table .vs_td {
	width:50%;
	height:25px;
	background-color:#FFF;
	border:solid 1px #a8a8a8;
	color:#000;
	text-align:center;
	font-size:12px;
}
#corp #contenu table .vs_td:hover {
	background-color:#ffdb6c;
	border: solid 1px #ba9500;
}

#pub2 {
	text-align:center;
}







#arbre {
	background-color:#d8d8d8;
	border:solid 1px #a8a8a8;
	width:996px; /*998*/
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	margin-left: auto;
  	margin-right: auto;
}

#arbre_contenu {
	margin-left: auto;
  	margin-right: auto;
	width:900px
}

#arbre #a16  {
	float:left;
	width:243px;
}

#arbre .a16_e  {
	clear:both;
	float:left;
	position:relative;
	height:100px;
}

#arbre #a16 .team {
	float:left;
	position:relative;
	
}
#arbre #a16 .team1 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;
	text-align:center;
}

#arbre #a16 .team2 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;	
	text-align:center;
	position:relative;
	top:20px;
}

#arbre #a16 .img {
	background-image:url(images/corp/arbre/16.png);
	width:91px;
	height:46px;
	float:left;	
	position:relative;
	top:15px;
}


#arbre #a8  {
	float:left;
	width:243px;
}

#arbre .a8_e  {
	clear:both;
	float:left;
	position:relative;
	height:200px;
}

#arbre #a8 .team {
	float:left;
	position:relative;
	
}
#arbre #a8 .team1 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;
	text-align:center;
	position:relative;
	top:23px;
}
#arbre #a8 .team2 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;	
	text-align:center;
	position:relative;
	top:96px;
}
#arbre #a8 .img {
	background-image:url(images/corp/arbre/8.png);
	width:91px;
	height:104px;
	float:left;	
	position:relative;
	top:35px;
}



#arbre #a4  {
	float:left;
	width:243px;
}

#arbre .a4_e  {
	clear:both;
	float:left;
	position:relative;
	height:400px;
}

#arbre #a4 .team {
	float:left;
	position:relative;
	
}
#arbre #a4 .team1 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;
	text-align:center;
	position:relative;
	top:72px;
}
#arbre #a4 .team2 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;	
	text-align:center;
	position:relative;
	top:245px;
}
#arbre #a4 .img {
	background-image:url(images/corp/arbre/4.png);
	width:91px;
	height:208px;
	float:left;	
	position:relative;
	top:82px;
}



#arbre #a2  {
	float:left;
	width:160px;
}

#arbre .a2_e  {
	clear:both;
	float:left;
	position:relative;
	height:800px;
}

#arbre #a2 .team {
	float:left;
	position:relative;
	
}
#arbre #a2 .team1 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;
	text-align:center;
	position:relative;
	top:174px;
}
#arbre #a2 .team2 {
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;	
	text-align:center;
	position:relative;
	top:520px;
}
#arbre #a2 .team_win {	
	border:solid 1px #a8a8a8;
	background-color:#c5c5c5;
	height:20px;/*25*/
	padding-top:5px;
	width:150px;
	overflow:hidden;	
	text-align:center;
	position:relative;
	top:340px;
}

#arbre #a16 .team1:hover ,#arbre #a8 .team1:hover ,#arbre #a4 .team1:hover ,#arbre #a2 .team1:hover, #arbre #a2 .team_win:hover  {
	background-color:#ffdb6c;
	border: solid 1px #ba9500;
}
#arbre #a16 .team2:hover ,#arbre #a8 .team2:hover ,#arbre #a4 .team2:hover ,#arbre #a2 .team2:hover  {
	background-color:#ffdb6c;
	border: solid 1px #ba9500;
}



#arbre .drapeau {
	width:10%;
	float:left;
	margin-left:2px;
}
#arbre .equipe {
	width:74%;
	float:left;
	overflow:hidden;
}
#arbre .result {
	width:10%;
	float:left;
}

.map{
	float:left;
	width:25%;
	text-align:center;
}



#footer {
	background-image:url(/images/footer/font.png);
	height:30px; /*44*/
	text-align:center;
	color:#FFF;
	padding-top:14px;
	position:fixed;
	bottom:0;
	width:100%;
}
#footer a {
	color:#F00;
	text-decoration:none;
}




/* ---------------------------------------------- */
/* 					INFO BULLE 					  */



.idBulleCSS {
	text-align: center;
	width: 300px;
	min-height:20px;
	display: none;
	position: absolute;
	z-index : 1;
	background-color:#FFF;
	padding: 2px;
	margin: 2px;
	border-style: solid;
	border-width: 2px;
	border-color:#900;
	font-size: 8pt;
	cursor: pointer;
	display:block;
}
.idBulleCSS_titre {
	background-color:#F00;
	color:#FFF;
	font-weight:bold;
}