/**********************************************************************/
/**************************** arbre 32 slots ***************************/
/**********************************************************************/

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

#arbre .duel p {
	border:1px #000000 solid; 
	width:130px;
	padding:5px;
	height:10px;
	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_seizieme{
	width:120px;
	height:53px;
	left:35px;
}
#arbre .branche_32{
	top:12px;
}
#arbre .branche_31{
	top:132px;
}
#arbre .branche_30{
	top:252px;
}
#arbre .branche_29{
	top:372px;
}
#arbre .branche_28{
	top:492px;
}
#arbre .branche_27{
	top:612px;
}
#arbre .branche_26{
	top:732px;
}
#arbre .branche_25{
	top:852px;
}
#arbre .branche_24{
	top:972px;
}
#arbre .branche_23{
	top:1092px;
}
#arbre .branche_22{
	top:1212px;
}
#arbre .branche_21{
	top:1332px;
}
#arbre .branche_20{
	top:1452px;
}
#arbre .branche_19{
	top:1572px;
}
#arbre .branche_18{
	top:1692px;
}
#arbre .branche_17{

	top:1812px;
}

/* huitieme */

#arbre .branche_huitieme{
	width:170px;
	height:115px;
	left:155px;
}
#arbre .branche_16{
	top:42px;
}
#arbre .branche_15{
	top:282px;
}
#arbre .branche_14{
	top:522px;
}
#arbre .branche_13{
	top:762px;
}
#arbre .branche_12{
	top:1002px;
}
#arbre .branche_11{
	top:1242px;
}
#arbre .branche_10{
	top:1482px;
}
#arbre .branche_9{
	top:1718px;
}

/* quart */

#arbre .branche_quart{
	width:170px;
	left:325px;
	height:242px;
}
#arbre .branche_8{
	top:100px;
}
#arbre .branche_7{
	top:578px;
}
#arbre .branche_6{
	top:1056px;
}
#arbre .branche_5{
	top:1534px;
}


/* demi */

#arbre .branche_demi{
	width:170px;
	height:482px;
	left:495px;
}
#arbre .branche_4{
	top:222px;
}
#arbre .branche_3{
	top:1175px;
}

/* finale */

#arbre .branche_finale{
	top:452px;
	left:665px;
	width:170px;
	height:1010px;
}
/* winner */
#arbre .branche_winner{
	top:932px;
	left:835px;
	width:90px;
	border-bottom:0;
	border-right:0;
}

/* position des cases */

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

/* seizieme */
#arbre .duel_32{
	top:0;
}
#arbre .duel_31{
	top:120px;
}
#arbre .duel_30{
	top:240px;
}
#arbre .duel_29{
	top:360px;
}
#arbre .duel_28{
	top:480px;
}
#arbre .duel_27{
	top:600px;
}
#arbre .duel_26{
	top:720px;
}
#arbre .duel_25{
	top:840px;
}
#arbre .duel_24{
	top:960px;
}
#arbre .duel_23{
	top:1080px;
}
#arbre .duel_22{
	top:1200px;
}
#arbre .duel_21{
	top:1320px;
}
#arbre .duel_20{
	top:1440px;
}
#arbre .duel_19{
	top:1560px;
}
#arbre .duel_18{
	top:1680px;
}
#arbre .duel_17{
	top:1800px;
}
#arbre .duel_seizieme{
	left:0;
}
#arbre .duel_seizieme p{ /* p = ecartement entre les 2 teams en duel */
	margin-top:30px;
}



/* huitieme */

#arbre .duel_16{
	top:30px;
}
#arbre .duel_15{
	top:270px;
}
#arbre .duel_14{
	top:505px;
}
#arbre .duel_13{
	top:745px;
}
#arbre .duel_12{
	top:990px;
}
#arbre .duel_11{
	top:1230px;
}
#arbre .duel_10{
	top:1470px;
}
#arbre .duel_9{
	top:1705px;
}

#arbre .duel_huitieme{
	left:170px;
}
#arbre .duel_huitieme p{ /* p = ecartement entre les 2 teams en duel */
	margin-top:95px;
}

/* quart */

#arbre .duel_8{
	top:90px;
}
#arbre .duel_7{
	top:565px;
}
#arbre .duel_6{
	top:1045px;
}
#arbre .duel_5{
	top:1525px;
}

#arbre .duel_quart{
	left:340px;
}
#arbre .duel_quart p{
	margin-top:220px;
}

/* demi */

#arbre .duel_4{
	top:210px;
}
#arbre .duel_3{
	top:1165px;
}
#arbre .duel_demi{
	left:510px;
}
#arbre .duel_demi p{
	margin-top:460px;
}


/* finnale */
#arbre .duel_finale{
	top:440px;
	left:680px;
}
#arbre .duel_finale p{
	margin-top:990px;
}

/* winner */
#arbre .duel_winner{
	left:850px;
	top:920px;
}

/* maps */

#maps{
	position:relative;
	height:120px;
	
	width:1000px;
}
#maps div{
	position:absolute;
	top:0;
}
.map_1{
	left:0px;
}
.map_2{
	left:170px;
}
.map_3{
	left:340px;
}
.map_4{
	left:510px;
}
.map_5{
	left:680px;
}
.winner{
	left:850px;
}
