html{
	height:100%;
}

body{
	margin:0;
	padding:0;
	
	height:100%;
	
	font-family:Arial;
	font-size:12px;
	
	color:#990066;
	
	background:#FFFFFF url(../img/bg-trame.gif );
}



#center{
	width:100%;
	height:100%;
}

#top{
	position:absolute;
	top:0px;
	left:0px;
	
	width:990px;
	height:20px;
}
#top img{
	width:990px;
	height:20px;
}
.zone_grise{
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	background:#FFFFFF;
	
	z-index:250;
}
.zone_loading{
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	background:#333333;
	
	z-index:250;
}
#gris{
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:100%;
	height:100%;
	
	display:none;
	
	z-index:500;
}
#loaderGif{
	position:absolute;
	top:278px;
	left:478px;
	
	width:34px;
	height:34px;
	
	z-index:500;
}

/**************** DEBUT HEADER ****************/
#header{
	position:absolute;
	
	top:0px;
	left:0px;
	
	width:990px;
	height:115px;
	
	text-align:left;
	
	font-size:14px;
	
	color:#990066;
	
	z-index:500;
}
#header .logo{
	margin:0 20px 0 0;
	
	width:349px;
	height:113px;
	
	vertical-align:top;
	
	border:none;
}
#header .picto{
	margin:15px 0 0 10px;
	width:12px;
	height:12px;
	line-height:12px;
}
#header .layerLink{
	margin:15px 0 0 0;
	text-decoration:none;
	
	color:#990066;
}
#header .layerLink:hover{
	text-decoration:underline;
	
	color:#990066;
}
/***************** FIN HEADER *****************/


/**************** DEBUT FOOTER ****************/
#footer{
	position:absolute;
	
	bottom:0px;
	left:0px;
	
	width:990px;
	
	z-index:500;
}
#footer img{
	display:block;
}
/**************** FIN FOOTER ****************/

/**************** DEBUT LAYER ****************/
#layer{
	position:absolute;
	
	top:86px;
	left:349px;
	
	width:434px;
	height:448px;
	
	z-index:1000;
	
	overflow:hidden;
	
	display:none;
}
/***************** FIN LAYER *****************/