@import 'form.css';
@import 'lightbox.css';



/*************
BALISES
*************/


html, body {
	height: 100%;
	width: 100%;
}

*{
	margin:0;
	padding:0;
}

body{

	background: url('../images/background.jpg');
	background-position:center top;
	background-attachment:fixed;
	font-family: tahoma, verdana, arial, series;
	font-size: 11px;
	text-align:justify;
	color: #000;

}


a
{
   color:#ffcf54;
   text-decoration:none;
   outline:none;
} 

a:hover
{
   color:#de7504;
   text-decoration:none;
   outline:none;
}

img{border:none;}


#page {

	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;

}


#top{

	
	background: url("../images/back_top.jpg") repeat-x;
	background-position:center top;
	width: 100%;
	height: 302px;
	

}

#header{


	width: 875px;
	height: 266px;
	margin-left: auto;
	margin-right: auto;
	


}

#div_btn{

	width: 510px;
	margin-left: auto;
	margin-right: auto;	
	
}

#btn_ddl{
	
	background: url("../images/back_btn.png") no-repeat;
	width: 245px;
	height: 142px;
	float: left;
	
}

#btn_sign{
	
	background: url("../images/back_btn.png") no-repeat;
	width: 245px;
	height: 142px;
	float: left;
	
}

#back_video{

width: 500px;
height: 330px;
position: absolute;
z-index: 5;
margin-top: 185px;
margin-left: 20px;
	
	
}

#anim{
	
	padding-top: 35px;	
	
}

#partie_membre{

	background-color: #dddddd;
	width:500px;
	height: 25px;
	margin-left: 400px;
	top: 0;
	position: absolute;
	


}

#main{
	
	background: url("../images/back_main.jpg") repeat-y;
	min-height: 600px;
	width: 795px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 54px;


}


#foot{

	position: absolute;
	background: url("../images/back_bottom.jpg") repeat-x;
	background-position: center bottom;
	width: 100%;
	height: 54px;
	bottom: 0px;
	clear: both;
	

}


#footer{

	background: url("../images/back_footer.jpg") no-repeat;
	width:954px;
	height: 166px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -150px;
	position: absolute;


}

#menu{

	background: url("../images/back_menu.jpg") no-repeat;
	width: 163px;
	height: 536px;	
	float: left;
	margin-left: 42px;
	color: #FFF;

	
}

#content{

	
	width: 530px;
	padding-left: 205px;
	
	
}


#content_div{
	
	background: url("../images/back_content.png") repeat-y;
	width: 502px;
	margin-bottom: 54px;
	padding-left: 20px;
	padding-right: 190px;
	color: white;
	
}

#content_news{
	
	
	background: url("../images/back_content.png") repeat-y;
	width: 502px;	
	
	margin-bottom: 54px;

	
	
}

#news{

	background: url("../images/back_top_news.png") no-repeat;
	width: 502px;
	height: 328px;
	color: white;
}

#itemshop{

	background: url("../images/back_itemshop.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#panomembre{

	background: url("../images/back_monCompte.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#events{

	background: url("../images/back_event.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#classement{

	background: url("../images/back_classement.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#screenshot{

	background: url("../images/back_screenshot.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#ddl{

	background: url("../images/back_ddl.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#cgut{

	background: url("../images/back_cgu.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}

#inside_news{
	
	width: 442px;
	margin-left: 25px;
	margin-bottom: 54px;
	color: white;
	
	
	
}
#inscription{

	background: url("../images/back_inscription.png") no-repeat;
	width: 502px;
	height: 294px;
	color: white;
	padding-top: -100px;
}