/**********************************************************************/
/**************************** arbre 8 slots ***************************/
/**********************************************************************/

#arbre{
	position:relative;
	width:1000px;
	height:600px; /* taille d'un arbre 8slots */
}

/* style d'une case */

#arbre .duel p {
	border:1px #000000 solid; 
	width:150px;
	padding:5px;
	height:13px;
	margin:0;
	overflow:hidden;
}
#arbre .duel p:first-child{ /* ne pas toucher */
	margin:0;
}

#arbre p img{
	float:left;
	margin-right:4px;
}

/* branches de l'arbre : leur style */

#arbre .branche{
	border-width:1px;
	border-left:0px;
}

/* position des branches de l'arbre */

#arbre .branche_quart{
	width:150px;
	height:73px;
	left:50px;
}
#arbre .branche_8{
	top:12px;
}
#arbre .branche_7{
	top:162px;
}
#arbre .branche_6{
	top:312px;
}
#arbre .branche_5{
	top:462px;
}

#arbre .branche_demi{
	width:250px;
	left:200px;
	height:152px;
}
#arbre .branche_4{
	top:52px;
}
#arbre .branche_3{
	top:352px;
}

#arbre .branche_finale{
	width:250px;
	left:450px;
	height:302px;
}
#arbre .branche_2{
	top:122px;
}
#arbre .branche_winner{
	top:262px;
	left:700px;
	width:90px;
	border-bottom:0;
	border-right:0;
}

/* position des cases */

#arbre div{
	position:absolute;
}
#arbre .duel{
	z-index:1000;
}

/* quart de finale */
#arbre .duel_8{
	top:0;
}
#arbre .duel_7{
	top:150px;
}
#arbre .duel_6{
	top:300px;
}
#arbre .duel_5{
	top:450px;
}
#arbre .duel_quart{
	left:0;
}
#arbre .duel_quart p{ /* p = ecartement entre les 2 teams en duel */
	margin-top:50px;
}



/* demi finales */
#arbre .duel_4{
	top:40px;
}
#arbre .duel_3{
	top:340px;
}
#arbre .duel_demi{
	left:250px;
}
#arbre .duel_demi p{
	margin-top:130px;
}


/* finale */
#arbre .duel_2{
	top:110px;
}

#arbre .duel_finale{
	left:500px;
}
#arbre .duel_finale p{
	margin-top:280px;
}

/* winner */
#arbre .duel_winner{
	top:250px;
	left:750px;
}

/* maps */

#maps{
	position:relative;
	height:120px;
	width:1000px;
}
#maps div{
	position:absolute;
	top:0;
}
.map_1{
	left:13px;
}
.map_2{
	left:262px;
}
.map_3{
	left:507px;
}
.winner{
	left:753px;
}