body{
	background: #000;
	margin: 0 0 0 0;
	padding:  0 0 0 0;
}
html{
	font-size: 0.8em;
	font-family: "Trebuchet MS", tahoma, arial, sans-serif;;
	color: #fff;
}

a{
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

form{
	margin: 0 0 0 0;
	padding:  0 0 0 0;
}
form input{
	width: 150px;
	margin: 4px 0 13px 40px;
	border: 1px solid #fff;
}
*html form input{
	width: 125px;
}
form label{
	cursor: pointer;
	font-size: 11px;
	color: #fff;
	display: block;
}
form a.submit{
	display: block;
}

/* main table pour centrer en hauteur */
table#main{
	width: 999px;
	height: 100%;
	margin: 0 auto 0 auto;
}
table#main td{
	vertical-align: middle;
}

/* style pour le splash */
div#splash{
	text-align: center;
}

/* div de gauche */
div#gauche{
	float: left;
	width: 507px;
	height: 656px;
	border: 5px solid #fff;
	border-right: none;
	overflow: hidden;
}
/* div de droite */
div#droite{
	float: left;
	width: 480px;
	height: 656px;
	border: 5px solid #fff;
	border-left: none;
	overflow: hidden;
}

/* page1 */
body#page1 div#gauche{
	background: url(images/1_left.jpg) no-repeat top left;
}
body#page1 div#droite{
	background: url(images/1_right.jpg) no-repeat top left;
}
body#page1 form{
	margin: 280px 0 0 322px;
	width: 150px;
}


/* page2 */
body#page2 div#gauche{
	background: url(images/2_left.jpg) no-repeat top left;
}
body#page2 div#droite{
	background: url(images/2_right.jpg) no-repeat top left;
}
body#page2 form{
	margin: 355px 0 0 183px;
	width: 200px;
}

/* page3 */
body#page3 div#gauche{
	background: url(images/3_left.jpg) no-repeat top left;
}
body#page3 div#droite{
	background: url(images/3_right.jpg) no-repeat top left;
}
body#page3 form{
	margin: 560px 0 0 55px;
	width: 400px;
}

/* page4 */
body#page4 div#gauche{
	background: url(images/4_left.jpg) no-repeat top left;
}
body#page4 div#droite{
	background: url(images/4_right.jpg) no-repeat top left;
}
body#page4 form{
	margin: 235px 0 0 114px;
	width: 200px;
}

/* wait */
div#wait{
	width: 987px;
	height: 656px;
	border: 5px solid #fff;
	/*background: url(images/5.jpg) no-repeat top left;*/
}
div#wait p{
	text-align: center;
	margin: 290px;
}


/* page5 */
div#final{
	width: 987px;
	height: 656px;
	border: 5px solid #fff;
	/*background: url(images/5.jpg) no-repeat top left;*/
}
div#final div#thumbs{
	margin: 6px 0 0 6px;
	width: 975px;
	padding: 0 0 0 0;
	height: 600px;
	background: #fff;
}
div#final div#thumbs img{
	float: left;
}
*html div#final div#thumbs img{
	margin: 0 -3px 0 -3px;
}


div#final div#liens{
	margin: 15px 0 0 20px;
}
div#final div#liens a{
	margin: 0 25px 0 0;
}
div#final div#liens a.credits{
	float: right;
	display: block;
	margin: 0 20px 0 0;
}