body { 
	width:800px;
	height:600px;
	position:absolute; 
	top:0px;   
	left:0px;
}
body .gametop { 
	width:100%;
	height:100%;
	position:relative;
	top:0px;
	left:0px;
	display: block;
}
/*body .game { z-index:1; }
body .gametop { z-index:2; }*/
/*#game_1 { background: no-repeat top left url('images/mep_p3.jpg'); }
#game_2 { background: no-repeat top left url('img/game2/fond.jpg'); }*/
#game_1 .image_map { top:0px; left:0px; }
#game_2 .image_map { top:0px; left:0px; }
#game_1 .decoration {
	/*position:absolute;
	width:auto;
	height:auto;*/
	zoom:1;
}
/*#game_1 #ro_bras { background-color: #550000; }*/
/*#game_1 #ro_bras	{ top: 10px; left: 94px; z-index: 12; }
#game_1 #ro_coude	{ top: 45px; left: 290px; z-index: 11; }
#game_1 #ro_cuisse	{ top: 14px; left: 190px; z-index: 13; }
#game_1 #ro_dos	{ top: 17px; left: 745px; z-index: 11; }
#game_1 #ro_fesses	{ top: 60px; left: 390px; z-index:13; }
#game_1 #ro_genou	{ top: 40px; left: 500px; z-index: 12; }
#game_1 #ro_jambe	{ top: 12px; left: 630px; z-index: 13; }
#game_1 #ro_main	{ top: 390px; left: 470px; z-index:11; }
#game_1 #ro_pied	{ top: 375px; left: 223px; z-index: 12; }
#game_1 #ro_poitrine	{ top: 450px; left: 65px; z-index: 12; }
#game_1 #ro_tete	{ top: 450px; left: 540px; z-index: 11; }
#game_1 #ro_ventre	{ top: 450px; left: 335px; z-index:13; }
#game_1 #ro_rouge	{ top: 520px; left: 195px; z-index:12; }
#game_1 #ro_violet	{ top: 550px; left: 440px; z-index:11; }*/

/*#game_1 .decoration img { border:0px; }
#game_1 .decoration a { 
	display: block;
	position: absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:100px;
	text-decoration:none;
}*/

#game_1 #game_1_elt_name {
	position:absolute;
	width:300px;
	height:120px;
	z-index:15;
	display:none;
	top:125px;
	left:335px;
}
#game_1 #instructions {
	position:absolute;
	width:600px;
	height:auto;
	z-index:1000;
	display:block;
	top:100px;
	left:100px;
	cursor:pointer;
}
#game_1 #instructions img {
	width:100%;
	height:auto;
}
#game_1 .name_ro_bras	{ background: no-repeat center top url('images/ro_bras.png'); }
#game_1 .name_ro_coude	{  background: no-repeat center top url('images/ro_coude.png'); }
#game_1 .name_ro_cuisse	{  background: no-repeat center top url('images/ro_cuisse.png'); }
#game_1 .name_ro_dos	{  background: no-repeat center top url('images/ro_dos.png'); }
#game_1 .name_ro_fesses	{  background: no-repeat center top url('images/ro_fesses.png'); }
#game_1 .name_ro_genou	{ background: no-repeat center top url('images/ro_genou.png'); }
#game_1 .name_ro_jambe	{  background: no-repeat center top url('images/ro_jambe.png'); }
#game_1 .name_ro_main	{ background: no-repeat center top url('images/ro_main.png'); }
#game_1 .name_ro_pied	{ background: no-repeat center top url('images/ro_pied.png'); }
#game_1 .name_ro_poitrine	{  background: no-repeat center top url('images/ro_poitrine.png'); }
#game_1 .name_ro_tete	{ background: no-repeat center top url('images/ro_tete.png'); }
#game_1 .name_ro_ventre	{  background: no-repeat center top url('images/ro_ventre.png'); }

#game_1 #play_following img, #game_1 #play_previous img { width: 100%; }
#game_1 #play_following {
	position:absolute;
	width:9.6rem;
	height:5.4rem;
	top:534px;
	right:16px;
	z-index:2;
	text-decoration:none;
}
#play_following #score {
    position: absolute;
    display: inline-block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    line-height: 60px;
    font-family: Verdana;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
/************** GAME 2 ****************/
#game_2 .decoration {
	position:absolute;
	width:auto;
	height:auto;
}
#game_2 #ro_etoile	{ top: 60px; left: 470px; z-index: 12; }
#game_2 #ro_cylindre	{ top: 70px; left: 60px; z-index: 11; }
#game_2 #ro_sphere	{ top: 35px; left: 270px; z-index: 13; }
#game_2 #ro_croissant	{ top: 40px; left: 370px; z-index: 11; }
#game_2 #ro_pyramide	{ top: 20px; left: 690px; z-index:13; }
#game_2 #ro_cube	{ top: 65px; left: 590px; z-index: 12; }
#game_2 #ro_cone	{ top: 45px; left: 165px; z-index: 13; }
#game_2 #ro_dore	{ top: 420px; left: 500px; z-index:11; }
#game_2 #ro_argente	{ top: 430px; left: 330px; z-index: 12; }
#game_2 #ro_turquoise	{ top: 535px; left: 565px; z-index: 12; }
#game_2 #ro_vert	{ top: 517px; left: 185px; z-index: 11; }
#game_2 #ro_blanc	{ top: 520px; left: 435px; z-index:13; }
#game_2 #ro_gris	{ top: 520px; left: 275px; z-index:12; }
#game_2 #ro_jaune	{ top: 535px; left: 645px; z-index:11; }
#game_2 .decoration img { border:0px; }
#game_2 .decoration a {
	display: block;
	position: absolute;
	bottom:0px;
	left:-5px;
	width:100%;
	height:100px;
	text-decoration:none;
}
#game_2 #game_2_elt_name {
	position:absolute;
	width:220px;
	height:200px;
	z-index:15;
	display:none;
	top:150px;
	left:380px;
}
#game_2 .name_ro_etoile	{ background: no-repeat center top url('img/game2/ro_etoile.png'); }
#game_2 .name_ro_cylindre	{ background: no-repeat center top url('img/game2/ro_cylindre.png'); }
#game_2 .name_ro_sphere	{ background: no-repeat center top url('img/game2/ro_sphere.png'); }
#game_2 .name_ro_croissant	{ background: no-repeat center top url('img/game2/ro_croissant.png'); }
#game_2 .name_ro_pyramide	{ background: no-repeat center top url('img/game2/ro_pyramide.png'); }
#game_2 .name_ro_cube	{ background: no-repeat center top url('img/game2/ro_cube.png'); }
#game_2 .name_ro_cone	{ background: no-repeat center top url('img/game2/ro_cone.png'); }
#game_2 .name_ro_dore	{ background: no-repeat center top url('img/game2/ro_dore.png'); }
#game_2 .name_ro_argente	{ background: no-repeat center top url('img/game2/ro_argente.png'); }
#game_2 .name_ro_turquoise	{ background: no-repeat center top url('img/game2/ro_turquoise.png'); }
#game_2 .name_ro_vert	{ background: no-repeat center top url('img/game2/ro_vert.png'); }
#game_2 .name_ro_blanc	{ background: no-repeat center top url('img/game2/ro_blanc.png'); }
#game_2 .name_ro_gris	{ background: no-repeat center top url('img/game2/ro_gris.png'); }
#game_2 .name_ro_jaune	{ background: no-repeat center top url('img/game2/ro_jaune.png'); }
#game_2 #play_game_1 {
	position:absolute;
	width:auto;
	height:auto;
	top: 460px;
	left:30px;
	z-index:2;
}
#game_2 #play_game_3 {
	position:absolute;
	width:auto;
	height:auto;
	top: 460px;
	right:4px;
	z-index:2;
}




#main-container #family-title {
	position: absolute;
	top:0rem;
	left: 3rem;
}
#main-container #family-title img {
	width:auto;
	height: 9rem;
}
#main-container #step-home {
	position: absolute;
	bottom: -0.5rem;
	left: 1.5rem;
}
#main-container #step-home img {
	width:auto;
	height: 7rem;
}
#main-container #step-previous {
	position: absolute;
    width: auto;
    height: auto;
    top: 53.1rem;
    left: 1.6rem;
}
#main-container #step-previous img {
	width:auto;
	height: 5.3rem;
}
#main-container #step-next {
	position: absolute;
    width: auto;
    height: auto;
    top: 53.1rem;
    right: 1.6rem;
}
#main-container #step-next img {
	width:auto;
	height: 5.6rem;
}
#main-container #game-play {
	position: absolute;
	top: 15rem;
	left: 15rem;
	cursor: pointer;
	z-index: 100;
}
#main-container #game-play img {
	width: 50rem;
	height: auto;
}

#main-container.step-0 #panel {
	position: absolute;
	bottom: 1.6rem;
	left: 26.7rem;
	z-index: 30;
}
#main-container.step-0 #panel img {
	width:auto;
	height: 8rem;
}
#main-container.step-1 #panel, 
#main-container.step-3 #panel {
	position: absolute;
	bottom: 3.5rem;
	left: 30rem;
	z-index: 30;
}
#main-container.step-2 #panel {
    position: absolute;
    top: 28.3rem;
    left: 59rem;
    z-index: 30;
}
#main-container.step-1 #panel img, 
#main-container.step-3 #panel img {
	width:auto;
	height: auto;
}
#main-container.step-2 #panel img {
	width:auto;
	height: auto;
}

#main-container.step-0 #end-panel, 
#main-container.step-1 #end-panel, 
#main-container.step-2 #end-panel, 
#main-container.step-3 #end-panel {
	position: absolute;
	top: 20rem;
	left: 15rem;
	z-index: 30;
}
#main-container.step-0 #end-panel img, 
#main-container.step-1 #end-panel img, 
#main-container.step-2 #end-panel img, 
#main-container.step-3 #end-panel img {
	width: 50rem;
	height: auto;
}

#main-container.step-1 #panel #panel_handler, 
#main-container.step-2 #panel #panel_handler, 
#main-container.step-3 #panel #panel_handler {
	position: absolute;
	top: 10%;
	left: 25%;
	width:50%;
	height:50%;
	cursor: pointer;
}

#main-container #flash-block {
	position: absolute;
	top:0rem;
	left:0rem;
	width:80rem;
	height:60rem;
	z-index:1000;
	background-color:rgba(255, 255, 255, 0.8);
	display:none;
}

#main-container #peoples_body {
	position: absolute;
	top:0rem;
	left:0rem;
	width:auto;
	height:auto;
}
#peoples_body .bodypart {
	position: absolute;
	width:auto;
	height:auto;
	cursor:pointer;
}
#peoples_body .bodypart > .bodypart_receiver {
	position: absolute;
    width: 70%;
    height: 70%;
	top: 15%;
    left: 15%;
	/*background-color:#FFFFFF;*/
}
.step-0 #peoples_body  .bodypart, 
.step-1 #peoples_body  .bodypart, 
.step-1 #peoples_body  .bodypart.selected, 
.step-2 #peoples_body  .bodypart {
	opacity:0.7;
	filter:alpha(opacity=70);
}
.step-0 #peoples_body  .bodypart.selected,
.step-2 #peoples_body  .bodypart.selected, 
.step-3 #peoples_body  .bodypart, 
.step-3 #peoples_body  .bodypart.selected  {
	opacity:1.0;
	filter:alpha(opacity=100);
}


/* temporaire, il faudra redimensionner les images */
#peoples_body  .bodypart img {
	height: auto;
}


.step-3 #peoples_body  .bodypart img.no-face { z-index:10; }
.step-3 #peoples_body  .bodypart img.one-face { z-index:20; }

.step-3 #peoples_body  .bodypart img.one-face {
	opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	top:0px;
	left:0px;
}

#peoples_body  .bodypart#bras		{z-index: 2;top: 9rem;left: 29.4rem;}
#peoples_body  .bodypart#coude		{z-index: 2;top: 30.6rem;left: 32.6rem;}
#peoples_body  .bodypart#cuisse		{z-index: 2;top: 38.0rem;left: 39.6rem;}
#peoples_body  .bodypart#dos		{z-index: 1;top: 28.3rem;left: 37.0rem;}
#peoples_body  .bodypart#fesses		{z-index: 1;top: 35.3rem;left: 36.7rem;}
#peoples_body  .bodypart#genou		{z-index: 3;top: 37.6rem;left: 24.8rem;}
#peoples_body  .bodypart#jambe		{z-index: 1;top: 34.3rem;left: 19.6rem;}
#peoples_body  .bodypart#main		{z-index: 1;top: 18.8rem;left: 44.85rem;}
#peoples_body  .bodypart#pied		{z-index: 1;top: 44.6rem;left: 22.0rem;}
#peoples_body  .bodypart#poitrine	{z-index: 2;top: 20.5rem;left: 19.9rem;}
#peoples_body  .bodypart#tete		{z-index: 1;top: 10.2rem;left: 18.4rem;}
#peoples_body  .bodypart#ventre		{z-index: 3;top: 25.7rem;left: 19.9rem;}





#peoples_body .bodypart#cuisse > .bodypart_receiver 	{ width: 51%; height: 75%; top: 12.5%; left: 25%; 	}
#peoples_body .bodypart#ventre > .bodypart_receiver 	{ width: 60%; height: 75%; top: 12.5%; left: 12.5%; }
#peoples_body .bodypart#poitrine > .bodypart_receiver 	{ width: 50%; height: 75%; top: 12.5%; left: 30%; 	}
#peoples_body .bodypart#tete > .bodypart_receiver 		{ width: 50%; height: 75%; top: 12.5%; left: 28%; 	}