
body {
	margin: 				auto;
	width: 					1024px;
	background-image:		URL("../image/stripe.png");
	background-color:		#4E5B73;
	/*background-repeat: 		repeat-x;*/
	background-repeat:		repeat;
	font-family: 			Arial;
}

#page {
	background-color: 		#2E394C;
	background-image:		URL("../image/page_background.png");
	background-repeat: 		repeat-y;
	background-position: 	right;
}

#header {
	background-image:		URL("../image/header_background.png");
	background-repeat: 		no-repeat;
	width:					200px;
	height:					20px;
	background-position: 	top right;
	padding-left: 			0px;
}

#header2{
	height:					10px;
	width:					400px;
	margin-left: 			405px;
}

#header a img {
	border-style: 			none;
}

#playerPanel {
	width:					974px;
	height: 				395px;
	margin-left:			26px;
	margin-right:			26px;
	padding-top:			30px;
	background-repeat:		no-repeat;
	background-image:		URL("../image/player_background.png");
}

#player {
	width:					450px;
	height: 				325px;
	margin-left:			40px;
	float: 					left;
}

#data {
	float: 					right;
	color: 					#394860;
	background-image: 		URL("../image/data_background.png");
	background-repeat: 		no-repeat;
	background-position: 	bottom;
}

#data h1 {
	max-width: 				450px;
}

input {
	width: 					200px;
}

#data p {
	margin: 				0;
	color: 					#394860;
	width: 					380px;
	margin-left: 			50px;
	margin-top: 			5px;
}

#infosPanel {
	width:					974px;
	height: 				329px;
	margin-top:				10px;
	margin-left:			26px;
	margin-right:			26px;
}

#texte_1  {
	color:					#FFFFFF;
	font-size: 				14px;
	margin: 				0px;
	margin-left: 			120px;
	margin-top: 			-245px;
	width:					250px;
}

#texte_2  {
	color:					#FFFFFF;
	font-size: 				14px;
	margin: 				0px;
	margin-left: 			140px;
	margin-top: 			-285px;
	width:					250px;
}

#infosPanel h1 {
	color:					#CBD217;
	font-size: 				17px;
	margin: 				0px;
}

#infosPanel h2 {
	color:					#FFFFFF;
	font-size: 				17px;
	margin: 				0px;
}


#infosPanel a,p {
	color:					#FFFFFF;
	font-size: 				12px;
}

#infosPanel strong {
	color:					#FFFFFF;
	font-size: 				16px;
}

#header2  a,p {
	color:					#FFFFFF;
	font-size: 				12px;
}

#header2 strong {
	color:					#FFFFFF;
	font-size: 				16px;
}

#signIn {
	width:					478px;
	height: 				329px;
	background-image:		URL("../image/signIn_background.png");
	float: 					left;
	
}

#capicoGoal {
	margin-left:			16px;
	width:					478px;
	height: 				329px;
	float: 					right;
	background-image:		URL("../image/capicoGoal_background.png");
}

#choix1 {
	width:					478px;
	height: 				329px;
	background-image:		URL("../image/choix1_background.png");
	float: 					left;
	
}

#choix2 {
	margin-left:			16px;
	width:					478px;
	height: 				329px;
	float: 					right;
	background-image:		URL("../image/choix2_background.png");
	
}

#choix_etape1{
	margin-left:			20px;
	width:					800px;
	height: 				329px;
	float: 					center;
	background-image:		URL("../image/choix_etape1.png");
	
}

#choix_etape2{
	margin-left:			20px;
	width:					800px;
	height: 				329px;
	float: 					center;
	background-image:		URL("../image/choix_etape2.png");
	
}

#choix_etape3{
	margin-left:			250px;
	width:					800px;
	height: 				329px;
	float: 					center;
	background-image:		URL("../image/choix_etape3.png");
	
}

#vignette1 {
	margin-left:			50px;
	margin-top:				25px;
	width:					300px;
	height: 				250px;
	float: 					center;
	
}

#vignette_header {
	margin-left:			20px;
	margin-top:				10px;
	width:					800px;
	height: 				70px;
	float: 					center;
	
}

#vignette_etape {
	margin-left:			390px;
	margin-top:				25px;
	width:					300px;
	height: 				250px;
	float: 					center;
	
}

#vignette2 {
	margin-left:			75px;
	margin-top:				25px;
	width:					300px;
	height: 				250px;
	float: 					center;
	
}

.links {
	margin-top:				30px;
	margin-left:			60px;
	width: 					380px;
}

.links p{
	margin:					0;
}

.linksST {
	margin-top:				10px;
	margin-left:			20px;
	width: 					300px;
}

.linksST p{
	margin:					0;
}

a {
	text-decoration: 		none;
}

a:hover {
	text-decoration: 		underline;
	color: 					#FF0000;
}


#footer {
	padding-top:			30px;
	height: 				52px;
	text-align: 			center;
	font-size:				12px;
	color: 					#FFFFFF;
}


#tour {
	width: 					410px;
	height: 				22px;
	margin-left:			168px;
	text-align:				left;
	background-image: 		URL("../image/tour_background.png");
	background-repeat:		no-repeat;
	background-position:	left top;
	padding-top:			4px;
	padding-right:			10px;
	padding-left:			55px;
	font-weight:			bold;
}


#quickstart {
	width: 					410px;
	height: 				22px;
	margin-left:			168px;
	text-align:				left;
	background-image: 		URL("../image/quickstart_background.png");
	background-repeat:		no-repeat;
	background-position:	left top;
	padding-top:			4px;
	padding-right:			10px;
	padding-left:			55px;
	font-weight:			bold;
}
