body {background-color: black;}

#select {
	float: left;
	width: 200px;
	height: 389px;	
	background-image: url("rewardsBg_header.gif");
	padding : 8px 30px;
	}
	
#pres	{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 260px;
	height: 405px;	
	background-image: url("rewardsBg_header.gif");
	}
	
	
#menu, #pseudo {float: left;}	
	
.singe {position: absolute;
		  top : 0px;
		  left : 280px;}	

.zonetexte {margin: auto;
				width: 260px; }

/*#couleur_b, #couleur_d, #metier_c, #yeux_e, #bouche_g, #cheveux_f, #accessoire_h {margin: 5px 40px;}*/

.bout {display:inline; }


.clic {
position: relative;
top: 8px;
padding: 8px;	
background-image: url("rewardBg_rare.gif");
}


.fond {z-index: 0;}
.ombre, .pat {z-index: 1;}
.cou {z-index: 2;}
.tet, .met_h {z-index: 4;}
.yeux {z-index: 5;}
.bordure {z-index: 6;}
.bouche {z-index: 7;}
.cheveux {z-index: 8;}
.acc {z-index: 9;}
.main, .chev_crad {z-index: 10;}
.met {z-index: 11;}


.ble {display: none;}		
.mar {display: none;}
.jau {display: none;}
.vio {display: none;}
.rou {display: none;}
.ver {display: none;}
.noi {display: none;}
.whi {display: none;}


.tbl, .tma, .tja, .tvi, .tro, .tve, .tno, .twh  {display: none;}

.met_h, .ombre, .met, .main, .yeux, .bouche, .cheveux, .acc, .chev_crad, .bordure {display: none;}

.visible, .b_visible, .c_visible, .d_visible, .e_visible, .f_visible, .g_visible, .h_visible  {display: block;}

.bas {float: left;
	position: fixed;
		bottom: 0;
		left:40;
		color: grey;
		font-size: 12px;
		font-weight: bold;		
				}
		
.pseudo {width: 500px;
	height: 40px;	
position: fixed;
top: 501px;
left: 280px;
color: #332413;
text-align: center;
font-size: 40px;
font-weight: bold;
font-family: nimbus;
}		

.forum {width: 500px;
	height: 40px;	
position: fixed;
top: 566px;
left: 280px;
color: #332413;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: nimbus;
}		

.lien {width: 500px;
	height: 40px;	
position: fixed;
top: 606px;
left: 280px;
vertical-align: middle;
border-radius: 10px;
background-color: white;
color: black;
text-align: center;
font-size: 12px;
font-family: nimbus;
}		

.creer_n {width: 500px;
	height: 40px;	
position: fixed;
top: 646px;
left: 280px;
color: #332413;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: nimbus;
}		

.creer {width: 500px;
	height: 40px;	
position: fixed;
top: 566px;
left: 280px;
color: #332413;
text-align: center;
font-size: 12px;
font-weight: bold;
font-family: nimbus;
}		

#prepare1 {
color: #9f2814;
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: tableau, tableau2, nimbus;
}

#prepare2 {
color: #8d0808;
text-align: center;
font-size: 25px;
font-weight: bold;
font-family: tableau, tableau2, nimbus;
}

#prepare3 {
color: #bf0303;
text-align: center;
font-size: 30px;
font-weight: bolder;
font-family: tableau, tableau2, nimbus;
}

#prepare4 {
color: #9f2814;
text-align: center;
font-size: 20px;
font-weight: bold;
font-family: tableau, tableau2, nimbus;
}

/* boutons corps*/
#bl:hover ~ .b_visible {display: none;}	
#bl:hover ~ .ble {display: block;}	
#bl:hover~.c_2 {display: none;}	
			
#ja:hover ~ .b_visible {display: none;}	
#ja:hover ~ .jau {display: block;}		
#ja:hover~.c_2 {display: none;}	

#ma:hover~.b_visible {display: none;}
#ma:hover~.mar {display: block;}	
#ma:hover~.c_2 {display: none;}	
		
#vi:hover~.b_visible {display: none;}
#vi:hover~.vio {display: block;}	
#vi:hover~.c_2 {display: none;}	
			
#ro:hover~.b_visible {display: none;}		
#ro:hover~.rou {display: block;}	
#ro:hover~.c_2 {display: none;}	
	
#ve:hover~.b_visible {display: none;}	
#ve:hover~.ver {display: block;}	
#ve:hover~.c_2 {display: none;}	

#no:hover~.b_visible {display: none;}	
#no:hover~.noi {display: block;}	
#no:hover~.c_2 {display: none;}	

#wh:hover~.b_visible {display: none;}	
#wh:hover~.whi {display: block;}	
#wh:hover~.c_2 {display: none;}	

/* boutons tete*/

#dbl:hover~.d_visible {display: none;}	
#dbl:hover~.tbl {display: block;}	

#dja:hover~.d_visible {display: none;}	
#dja:hover~.tja {display: block;}		

#dma:hover~.d_visible {display: none;}
#dma:hover~.tma {display: block;}	
		
#dvi:hover~.d_visible {display: none;}
#dvi:hover~.tvi {display: block;}	
			
#dro:hover~.d_visible {display: none;}		
#dro:hover~.tro {display: block;}	
	
#dve:hover~.d_visible {display: none;}	
#dve:hover~.tve {display: block;}	

#dno:hover~.d_visible {display: none;}	
#dno:hover~.tno {display: block;}	

#dwh:hover~.d_visible {display: none;}	
#dwh:hover~.twh {display: block;}	

/*boutons metiers*/
#hab:hover~.c_visible {display: none;}	
#hab:hover~.c_1 {display: block;}
#hab:hover~.main {display: block;}

#fou:hover~.c_visible {display: none;}	
#fou:hover~.c_2 {display: block;}
#fou:hover~.main {display: block;}

#gar:hover~.c_visible {display: none;}	
#gar:hover~.c_3 {display: block;}
#gar:hover~.main {display: block;}

#erm:hover~.c_visible {display: none;}	
#erm:hover~.c_4 {display: block;}
#erm:hover~.main {display: none;}

#ecl:hover~.c_visible {display: none;}	
#ecl:hover~.c_5 {display: block;}
#ecl:hover~.main {display: block;}

#app:hover~.c_visible {display: none;}	
#app:hover~.c_6 {display: block;}
#app:hover~.main {display: none;}	

#tech:hover~.c_visible {display: none;}	
#tech:hover~.c_7 {display: block;}
#tech:hover~.main {display: block;}

/*boutons yeux */

#y1:hover~.e_visible {display: none;}	
#y1:hover~.e1 {display: block;}	

#y2:hover~.e_visible {display: none;}	
#y2:hover~.e2 {display: block;}	

#y3:hover~.e_visible {display: none;}	
#y3:hover~.e3 {display: block;}	

#y4:hover~.e_visible {display: none;}	
#y4:hover~.e4 {display: block;}	

#y5:hover~.e_visible {display: none;}	
#y5:hover~.e5 {display: block;}	

#y6:hover~.e_visible {display: none;}	
#y6:hover~.e6 {display: block;}	

#y7:hover~.e_visible {display: none;}	
#y7:hover~.e7 {display: block;}	

#y8:hover~.e_visible {display: none;}	
#y8:hover~.e8 {display: block;}	

/*bouctons cheveux*/
#ch2:hover~.f_visible {display: none;}	
#ch2:hover~.f2 {display: block;}	

#ch3:hover~.f_visible {display: none;}	
#ch3:hover~.f3 {display: block;}	

#ch4:hover~.f_visible {display: none;}	
#ch4:hover~.f4 {display: block;}	

#ch5:hover~.f_visible {display: none;}	
#ch5:hover~.f5 {display: block;}	

#ch6:hover~.f_visible {display: none;}	
#ch6:hover~.f6 {display: block;}	

#ch7:hover~.f_visible {display: none;}	
#ch7:hover~.f7 {display: block;}	

#ch8:hover~.f_visible {display: none;}	
#ch8:hover~.f8 {display: block;}	

#ch9:hover~.f_visible {display: none;}	
#ch9:hover~.f9 {display: block;}	

/* boutons bouche */
#bc1:hover~.g_visible {display: none;}	
#bc1:hover~.g1 {display: block;}

#bc2:hover~.g_visible {display: none;}	
#bc2:hover~.g2 {display: block;}

#bc3:hover~.g_visible {display: none;}	
#bc3:hover~.g3 {display: block;}

#bc4:hover~.g_visible {display: none;}	
#bc4:hover~.g4 {display: block;}

#bc5:hover~.g_visible {display: none;}	
#bc5:hover~.g5 {display: block;}

#bc6:hover~.g_visible {display: none;}	
#bc6:hover~.g6 {display: block;}

#bc7:hover~.g_visible {display: none;}	
#bc7:hover~.g7 {display: block;}

#bc8:hover~.g_visible {display: none;}	
#bc8:hover~.g8 {display: block;}

/* boutons accessoires */
#ac2:hover~.h_visible {display: none;}	
#ac2:hover~.h2 {display: block;}	

#ac3:hover~.h_visible {display: none;}	
#ac3:hover~.h3 {display: block;}	

#ac4:hover~.h_visible {display: none;}	
#ac4:hover~.h4 {display: block;}	

#ac5:hover~.h_visible {display: none;}	
#ac5:hover~.h5 {display: block;}	

#ac6:hover~.h_visible {display: none;}	
#ac6:hover~.h6 {display: block;}	

#ac7:hover~.h_visible {display: none;}	
#ac7:hover~.h7 {display: block;}	

#ac8:hover~.h_visible {display: none;}	
#ac8:hover~.h8 {display: block;}