/* CSS Document by Christophe Dumant */
/* SPIEZ - Personnages */

#fond_perso{
  position:absolute;
  width:909px;
  height:754px;
  margin-top:26px;
  margin-left:310px;
  background:url(../img/personnages/fond_perso.png) no-repeat;
}

#perso_lee{
  position:absolute;
  width:180px;
  height:414px;
  margin-top:202px;
  margin-left:302px;
  background:url(../img/personnages/perso_lee.png) no-repeat;
}
#perso_marc{
  position:absolute;
  width:208px;
  height:367px;
  margin-top:247px;
  margin-left:511px;
  background:url(../img/personnages/perso_marc.png) no-repeat;
}
#perso_tony{
  position:absolute;
  width:156px;
  height:352px;
  margin-top:276px;
  margin-left:448px;
  background:url(../img/personnages/perso_tony.png) no-repeat;
}
#perso_megan{
  position:absolute;
  width:149px;
  height:381px;
  margin-top:256px;
  margin-left:648px;
  background:url(../img/personnages/perso_megan.png) no-repeat;
}
#perso_tammy{
  position:absolute;
  width:130px;
  height:391px;
  margin-top:248px;
  margin-left:732px;
  background:url(../img/personnages/perso_tammy.png) no-repeat;
}
#perso_caletkaren{
  position:absolute;
  width:257px;
  height:496px;
  margin-top:175px;
  margin-left:840px;
  background:url(../img/personnages/perso_caletkaren.png) no-repeat;
}
#perso_jerry{
  position:absolute;
  width:145px;
  height:496px;
  margin-top:151px;
  margin-left:1045px;
  background:url(../img/personnages/perso_jerry.png) no-repeat;
}

#lee{
  position:absolute;
  width:84px;
  height:61px;
  margin-top:179px;
  margin-left:439px;
  background:url(../img/personnages/lee.png) no-repeat;
}
#lee:hover{
	background:url(../img/personnages/lee1.png) no-repeat;
}
#tony{
  position:absolute;
  width:94px;
  height:56px;
  margin-top:240px;
  margin-left:500px;
  background:url(../img/personnages/tony.png) no-repeat;
}
#tony:hover{
	background:url(../img/personnages/tony1.png) no-repeat;
}
#marc{
  position:absolute;
  width:94px;
  height:57px;
  margin-top:200px;
  margin-left:520px;
  background:url(../img/personnages/marc.png) no-repeat;
}
#marc:hover{
	background:url(../img/personnages/marc1.png) no-repeat;
}
#megan{
  position:absolute;
  width:110px;
  height:58px;
  margin-top:211px;
  margin-left:625px;
  background:url(../img/personnages/megan.png) no-repeat;
}
#megan:hover{
	background:url(../img/personnages/megan1.png) no-repeat;
}
#tammy{
  position:absolute;
  width:117px;
  height:62px;
  margin-top:222px;
  margin-left:740px;
  background:url(../img/personnages/tammy.png) no-repeat;
}
#tammy:hover{
	background:url(../img/personnages/tammy1.png) no-repeat;
}
#caletkaren{
  position:absolute;
  width:169px;
  height:56px;
  margin-top:151px;
  margin-left:781px;
  background:url(../img/personnages/caletkaren.png) no-repeat;
}
#caletkaren:hover{
	background:url(../img/personnages/caletkaren1.png) no-repeat;
}
#jerry{
  position:absolute;
  width:109px;
  height:57px;
  margin-top:184px;
  margin-left:1145px;
  background:url(../img/personnages/jerry.png) no-repeat;
}
#jerry:hover{
	background:url(../img/personnages/jerry1.png) no-repeat;
}

#personnages{
  position:absolute;
  width:261px;
  height:41px;
  margin-top:139px;
  margin-left:396px;
  background:url(../img/personnages/personnages.png) no-repeat;
}

#plus{
  position:absolute;
  width:41px;
  height:33px;
  margin-top:530px;
  margin-left:541px;
  padding-left: 50px;
  color: #000;
  background:url(../img/personnages/plus.png) no-repeat;
}
#moins{
  position:absolute;
  width:41px;
  height:33px;
  margin-top:585px;
  margin-left:541px;
  padding-left: 50px;
  color: #000;
  background:url(../img/personnages/moins.png) no-repeat;
}
#personnages2{
  position:absolute;
  width:184px;
  height:24px;
  margin-top:142px;
  margin-left:402px;
  background:url(../img/personnages/personnages2.png) no-repeat;
}
#chambre{
  position:absolute;
  width:159px;
  height:26px;
  margin-top:142px;
  margin-left:890px;
  background:url(../img/personnages/chambre.jpg) no-repeat;
}
#scrollBox{
	position:absolute;
	width:550px;
	height:240px;
	margin-top:260px;
	margin-left:563px;
	overflow:hidden;
}
#scrollArea{
	position:absolute;
	width:10px;
	height:240px;
	margin-top:268px;
	margin-left:1117px;
	overflow:hidden;
}
#scroller{
	position:absolute;
	top:225px;
	left:255px;
	width:15px;
	background:#AAA;
}

/* LEE */
#fond_lee{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_lee.png) no-repeat;
}
#carte_lee{
  position:absolute;
  width:191px;
  height:127px;
  margin-top:126px;
  margin-left:665px;
  background:url(../img/personnages/carte_lee.png) no-repeat;
}
#lee2{
  position:absolute;
  width:125px;
  height:92px;
  margin-top:198px;
  margin-left:494px;
  background:url(../img/personnages/lee2.png) no-repeat;
}
#perso_lee2{
  position:absolute;
  width:288px;
  height:618px;
  margin-top:166px;
  margin-left:305px;
  background:url(../img/personnages/perso_lee2.png) no-repeat;
}
#txt_lee{
	position:relative;
	width:540px;
	margin-left:5px;
  text-align:left;
  font-size:14px;
  color:#000;
}
/* FIN LEE */

/* MARC */
#fond_marc{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_marc.png) no-repeat;
}
#carte_marc{
  position:absolute;
  width:195px;
  height:129px;
  margin-top:130px;
  margin-left:710px;
  background:url(../img/personnages/carte_marc.png) no-repeat;
}
#marc2{
  position:absolute;
  width:151px;
  height:92px;
  margin-top:171px;
  margin-left:507px;
  background:url(../img/personnages/marc2.png) no-repeat;
}
#perso_marc2{
  position:absolute;
  width:361px;
  height:591px;
  margin-top:190px;
  margin-left:258px;
  background:url(../img/personnages/perso_marc2.png) no-repeat;
}
#txt_marc{
	position:relative;
	width:473px;
	margin-left:72px;
  text-align:left;
  font-size:14px;
  color:#000;
}
/* FIN MARC */

/* TONY */
#fond_tony{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_tony.png) no-repeat;
}
#carte_tony{
  position:absolute;
  width:207px;
  height:139px;
  margin-top:125px;
  margin-left:705px;
  background:url(../img/personnages/carte_tony.png) no-repeat;
}
#tony2{
  position:absolute;
  width:144px;
  height:86px;
  margin-top:191px;
  margin-left:538px;
  background:url(../img/personnages/tony2.png) no-repeat;
}
#perso_tony2{
  position:absolute;
  width:293px;
  height:611px;
  margin-top:184px;
  margin-left:291px;
  background:url(../img/personnages/perso_tony2.png) no-repeat;
}
#txt_tony{
	position:relative;
	width:516px;
	margin-left:29px;
  text-align:left;
  font-size:14px;
  color:#000;
}
/* FIN TONY */

/* MEGAN */
#fond_megan{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_megan.png) no-repeat;
}
#carte_megan{
  position:absolute;
  width:217px;
  height:145px;
  margin-top:126px;
  margin-left:699px;
  background:url(../img/personnages/carte_megan.png) no-repeat;
}
#megan2{
  position:absolute;
  width:155px;
  height:82px;
  margin-top:185px;
  margin-left:520px;
  background:url(../img/personnages/megan2.png) no-repeat;
}
#perso_megan2{
  position:absolute;
  width:270px;
  height:633px;
  margin-top:165px;
  margin-left:316px;
  background:url(../img/personnages/perso_megan2.png) no-repeat;
}
#txt_megan{
	position:relative;
	width:518px;
	margin-left:27px;
  text-align:left;
  font-size:14px;
  color:#000;
}
/* FIN MEGAN */

/* TAMMY */
#fond_tammy{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_tammy.png) no-repeat;
}
#tammy2{
  position:absolute;
  width:155px;
  height:82px;
  margin-top:183px;
  margin-left:568px;
  background:url(../img/personnages/tammy2.png) no-repeat;
}
#perso_tammy2{
  position:absolute;
  width:189px;
  height:572px;
  margin-top:199px;
  margin-left:331px;
  background:url(../img/personnages/perso_tammy2.png) no-repeat;
}
#txt_tammy{
  position:absolute;
  width:505px;
  margin-top:271px;
  margin-left:611px;
  font-size:14px;
  color:#000;
}
/* FIN TAMMY */

/* CALETKAREN */
#mep_caletkaren{
  position:absolute;
  width:952px;
  height:755px;
  margin-top:5px;
  margin-left:297px;
  background:url(../img/personnages/mep_caletkaren.png) no-repeat;
}

#fond_caletkaren{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_caletkaren.png) no-repeat;
}
#caletkaren2{
  position:absolute;
  width:245px;
  height:82px;
  margin-top:166px;
  margin-left:655px;
  background:url(../img/personnages/caletkaren2.png) no-repeat;
}
#perso_caletkaren2{
  position:absolute;
  width:369px;
  height:647px;
  margin-top:167px;
  margin-left:297px;
  background:url(../img/personnages/perso_caletkaren2.png) no-repeat;
}
#txt_caletkaren{
  position:absolute;
  width:435px;
  margin-top:244px;
  margin-left:681px;
  font-size:14px;
  color:#000;
}
/* FIN CALETKAREN */

/* JERRY */
#fond_jerry{
  position:absolute;
  width:974px;
  height:775px;
  margin-top:5px;
  margin-left:312px;
  background:url(../img/personnages/fond_jerry.png) no-repeat;
}
#jerry2{
  position:absolute;
  width:155px;
  height:82px;
  margin-top:198px;
  margin-left:512px;
  background:url(../img/personnages/jerry2.png) no-repeat;
}
#perso_jerry2{
  position:absolute;
  width:211px;
  height:651px;
  margin-top:168px;
  margin-left:330px;
  background:url(../img/personnages/perso_jerry2.png) no-repeat;
}
#txt_jerry{
  position:absolute;
  width:500px;
  margin-top:303px;
  margin-left:590px;
  font-size:14px;
  color:#000;
}
/* FIN JERRY */