/* CSS Document */
html, body {
	background-color: #000000;
	color: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	
}
a { color: #99f; }
img { border: none; display: block; }
p { position: absolute; }
#Layer1 {
	position:absolute;
	left:0px;
	top:0px;
	width:743px;
	height:424px;
	z-index:1;
}
#galaxie {
	position:absolute;
	left:874px;
	top:345px;
	width:138px;
	height:120px;
	z-index:1;
}
#b2 {
	position:absolute;
	left:2px;
	top:1px;
	width:351px;
	height:151px;
	z-index:2;
}
#Layer3 {
	position:absolute;
	left:255px;
	top:98px;
	width:502px;
	height:120px;
	z-index:2;
}
.textes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #FFFF00;
}

#textDestination {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFF00;
	z-index: 10;
	position:absolute;
	left:200px;
	top:400px;
	text-decoration: blink;
}
#expli {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant: small-caps;
	color: #dddddd;
	z-index: 10;
	position:absolute;
	left:371px; top:13px; width:387px; height:45px; z-index:24
}
h2 {
     color: #0000ff;
     position: relative;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     }

h2 span {
     color: #ffaaaa;
     display: block;
     position: absolute;
     top: -1px;
     left: -2px;
     
     }
#depart {
	position:absolute;
	left:17px;
	top:177px;
	width:163px;
	height:70px;
	z-index:11;
}
#Layer4 {
	position:absolute;
	left:410px;
	top:122px;
	width:551px;
	height:469px;
	z-index:12;
}
#Layer5 {
	position:absolute;
	left:652px;
	top:93px;
	width:482px;
	height:388px;
	z-index:12;
}
#p10 {
	position:absolute;
	left:3px;
	top:3px;
	width:738px;
	height:385px;
	z-index:12;
}

#cadre {
	position:absolute;
	left:0px;
	top:0px;
	width:700px;
	height:400px;
	z-index:13;
	
}
#p10-1 {
	position:absolute;
	left:17px;
	top:15px;
	width:302px;
	height:302px;
	z-index:15;
	z-index:23;border: thick inset #0066FF;
}

#b0 {
	position:absolute;
	left:149px;
	top:358px;
	width:39px;
	height:38px;
	z-index:20;
}
#regle {
	position:absolute;
	left:398px;
	top:354px;
	width:353px;
	height:47px;
	z-index:24;
}
.bulle {position : absolute; top:50; left:0; z-index:23;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;font-weight:normal; color: #00ff00}
.coment {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: normal; color: #FFFF99; font-variant: small-caps;}
.metre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFCC99; text-align: center}
.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36pt; font-weight: bold; color: #FFFF00; }
.pref {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #FFFF00; }
#test {
	position:absolute;
	left:853px;
	top:60px;
	width:588px;
	height:422px;
	z-index:14;
}
#test {
	position:absolute;
	left:58px;
	top:53px;
	width:844px;
	height:455px;
	z-index:2;
	border: medium dashed #999999;
	visibility: hidden;
}
#i2 {
	position:absolute;
	left:299px;
	top:17px;
	width:103px;
	height:103px;
	z-index:3;
}
#i1 {
	position:absolute;
	left:412px;
	top:20px;
	width:103px;
	height:103px;
	z-index:3;
}
#i3 {
	position:absolute;
	left:182px;
	top:207px;
	width:103px;
	height:103px;
	z-index:3;
}
#i4 {
	position:absolute;
	left:186px;
	top:21px;
	width:103px;
	height:103px;
	z-index:3;
}
#i5 {
	position:absolute;
	left:410px;
	top:208px;
	width:103px;
	height:103px;
	z-index:3;
}
#i6 {
	position:absolute;
	left:71px;
	top:21px;
	width:100px;
	height:103px;
	z-index:3;
}
#i7 {
	position:absolute;
	left:299px;
	top:207px;
	width:103px;
	height:103px;
	z-index:3;
}
#i8 {
	position:absolute;
	left:71px;
	top:209px;
	width:103px;

	height:103px;
	z-index:3;
}

#p101 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 778px;top: 407px;background-color: #000000;}
#p102 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 695px;top: 404px;background-color: #000000;}
#p103 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 621px;top: 405px;background-color: #000000;}
#p104 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 655px;top: 395px;background-color: #000000;}
#p105 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 572px;top: 394px;background-color: #000000;}
#p106 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 486px;top: 394px;background-color: #000000;}
#p107 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 240px;top: 388px;background-color: #000000;}
#p108 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 526px;top: 409px;background-color: #000000;}
#p109 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 742px;top: 393px;background-color: #000000;}
#p110 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 446px;top: 411px;background-color: #000000;}
#p111 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 402px;top: 391px;background-color: #000000;}
#cadre {border: thin dotted #FF0000;position:absolute;width:792px;height:434px;z-index:4;font-size: 12pt;left: 0px;top: 0px;background-color: #000000;}
#p113 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 327px;top: 386px;background-color: #000000;}
#p114 {
	border: thin dotted #FF0000;
	position:absolute;
	width:52px;
	height:27px;
	z-index:4;
	font-size: 12pt;
	left: 171px;
	top: 392px;
	background-color: #000000;
}
#p115 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 291px;top: 408px;background-color: #000000;}
#p116 {border: thin dotted #FF0000;position:absolute;width:52px;height:27px;z-index:4;font-size: 12pt;left: 198px;top: 414px;background-color: #000000;}
#ques1 {
	position:absolute;
	left:548px;
	top:-1px;
	width:254px;
	height:79px;
	z-index:5;
}
#valid {
	position:absolute;
	left:637px;
	top:138px;
	width:120px;
	height:41px;
	z-index:6;
}
#ques2 {
	position:absolute;
	left:550px;
	top:256px;
	width:268px;
	height:130px;
	z-index:7;
}
#rep {
	position:absolute;
	left:556px;
	top:198px;
	width:255px;
	height:50px;
	z-index:9;
}
#valid2 {
	position:absolute;
	left:635px;
	top:331px;
	width:110px;
	height:41px;
	z-index:8;
}
#og {
	position:absolute;
	left:24px;
	top:384px;
	width:101px;
	height:57px;
	z-index:10;
}
#truc {
	position:absolute;
	left:6px;
	top:124px;
	width:236px;
	height:160px;
	z-index:10;
}
#truc2 {
	position:absolute;
	left:3px;
	top:303px;
	width:247px;
	height:168px;
	z-index:14;
}
#testp10 {
	position:absolute;
	left:769px;
	top:259px;
	width:216px;
	height:75px;
	z-index:17;
}
#p11 {
	position:absolute;
	left:639px;
	top:352px;
	width:790px;
	height:460px;
	z-index:16;
	visibility: hidden;
	border: medium dashed #999999;
}
