@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;
	
	
	
}


/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
   /* background:url(../images/slider.png) no-repeat;*/
    width:510px;
    height:170px;
    margin:0 auto;
    padding-top:14px;
    margin-left:-8px;
    margin-top:0px;
}

#slider {
	position:relative;
    width:510px;
    height:170px;
	background:url(../images/loading.gif) no-repeat 50% 50%;
	left: 11px;
	top: 4px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:290px;
	bottom:-35px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}