* {
	margin: 0;
	border: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif
}
a, a:link, a:visited, a:active {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
img {border: 0}
body {
	width: 100%;
	height: 100%;
	background-color: #987A6C
}

#fond {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%
}
	#fond img {
		width: 100%;
		height: 90%
	}
#splash {
	position: absolute;
	z-index: 0;
	width: 963px;
	height: 487px;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -260px
}

#corps {
	position: absolute;
	width: 1150px;
	height: 90%;
	left: 50%;
	top: 3%;
	margin-left: -600px
}

	#cLogo, #c1, #c2, #c3, #c4, #c5, #c6 {
		position: absolute;
		width: 310px;
		height: 282px;
		left: 73px
	}

	#cLogo {
		z-index: 20;
		width: 383px;
		height: 324px;
		left: 0;
		background: transparent url(../Multimedia/Images/cLogo.png) no-repeat 0 0
	}

	#c1 {
		z-index: 17;
		top: 107px;
		background: transparent url(../Multimedia/Images/cHome.png) no-repeat 0 0
	}

	#c2 {
		z-index: 14;
		top: 172px;
		background: transparent url(../Multimedia/Images/cParus.png) no-repeat 0 0
	}

	#c3 {
		z-index: 11;
		top: 237px;
		background: transparent url(../Multimedia/Images/cSites.png) no-repeat 0 0
	}

	#c4 {
		z-index: 7;
		top: 302px;
		background: transparent url(../Multimedia/Images/cRef.png) no-repeat 0 0
	}

	#c5 {
		z-index: 4;
		top: 367px;
		background: transparent url(../Multimedia/Images/cFlash.png) no-repeat 0 0
	}

	#c6 {
		z-index: 3;
		top: 432px;
		background: transparent url(../Multimedia/Images/cContact.png) no-repeat 0 0
	}
	
	#c1 a, #c2 a, #c3 a, #c4 a, #c5 a, #c6 a {
		display: block;
		width: 100%;
		height: 100%
	}
	
	#corps .on {
		left: 33px
	}
	#content {
		position: absolute;
		width: 1000px;
		height: 642px;
		left: 150px;
		top: 47px;
		background: transparent url(../Multimedia/Images/rg_corps.png) no-repeat 100% 0;
		color: #FFF;
		font-size: 12px
	}
		#content #fond {
			position: relative;
			width: 955px;
			height: 100%;
			left: 0;
			top: 0;
			background-color: #5B4742
		}
		#back {
			position: absolute;
			width: 66px;
			height: 21px;
			right: 30px;
			top: 9px
		}
		#cont1 {
			position: absolute;
			width: 360px;
			height: 563px;
			left: 245px;
			top: 66px
		}
		#cont2 {
			position: absolute;
			width: 373px;
			height: 590px;
			right: 12px;
			top: 38px;
			background: transparent url(../Multimedia/Images/fd_corps.png) no-repeat 0 0
		}
			#cont2 p {
				position: relative;
				margin: 30px 15px 7px;
				line-height: 14px
			}

#fillet {
	position: fixed;
	z-index: 2;
	width: 100%;
	height: 11px;
	left: 0;
	top: 90%;
	background-color: #5B4742
}
#footer {
	position: fixed;
	z-index: 1;
	width: 100%;
	height: 10%;
	left: 0;
	top: 90%;
	background: #725A52 url(Multimedia/Images/fd_footer.jpg) repeat-x 0 11px
}
	#footer a {
		color: #D7CCC4;
	}
	#CGI, #credits {
		position: absolute;
		width: 300px;
		height: 20px;
		left: 60px;
		top: 40%;
		font: 10px Arial, Helvetica, sans-serif;
		color: #9B7F74;
		text-align: center
	}
	#credits {
		left: auto;
		right: 70px;
		top: 45%;
		text-align: right
	}
		#credits img {
			margin: 0 6px;
			vertical-align: middle
		}

#im {
	display: none;
	position: absolute;
	z-index: 99;
	width: 660px;
	height: 540px;
	left: 50%;
	top: 50%;
	margin-left: -330px;
	margin-top: -261px;
	background: #4E2801 url() no-repeat 10px 20px
}
	#im a {
		position: absolute;
		right: 10px;
		top: 2px;
		color: #FFF;
		font-size: 11px;
		font-weight: bold;
	}
	#im span#l a {
		position: absolute;
		left: 0;
		top: 520px;
		width: 100%;
		height: 20px;
		color: #D7CDC4;
		font-size: 11px;
		font-weight: bold;
		text-align: center
	}