/*********** MAIN STYLE    CSS **********/
/*  All by Csordas Zoltan @ Dotcom.lu   */
/****************************************/

html{	
	height:auto; 
	background:#000;
	/*background:#000 url(backgrounds/content_bottom.jpg) no-repeat center bottom;*/
	/*border:1px dashed yellow;*/
}
body{
	position:relative;
	padding:0 0 50px 0; /* Pour le footer */
	color:#FFF; font-family:Century Gothic, Arial, Helvetica, sans-serif; font-size:0.75em; line-height:normal;
	text-align:center;
}
#bkg{
	margin:auto auto auto auto ;
	background:#000 url(backgrounds/menu_top.jpg) repeat-x;
}
#page{
	position:relative;
	display:block;
	margin:20px auto auto auto ;
	text-align:left;
}

#menuBox{
	display:block;
	width:100%;
	text-align:center;
	}
	#menu{
		display:block; width:995px; margin:auto;
		height:50px;
		clear:both;
		background:none;
	}
		#menu li{
			display:inline;
			float:left;
			background:none;
		}
		#menu li a{
			display:inline;
			font-size:1.4em; text-decoration:none; color:#FFF; line-height:50px; background:none;
			padding:0  0 0 14px;
		}
		#menu li a:hover{
			color:#df0d03;  background:none;
		}
.clearAll{	
	display:block; font-size:0; height:0; width:99.9%; clear:both; 
}
#ban{
		background: #5A0000 url(backgrounds/ban_bkg.jpg) repeat-x right top;
}
	#ban div{
		background:  url(backgrounds/ban_left.jpg) no-repeat left top;
		text-align:center;
	}
		#ban div div{
			background:url(backgrounds/ban_right.jpg) no-repeat right top;
			text-align:center;
		}
			#ban div img{
				position:relative;
			}
#contentBox{
	background:url(backgrounds/content_top.jpg) repeat-x;
}
#content{
	width:955px; 
	padding:20px;
	margin:auto;
}
/*********************************CONTENU CLASSIQUE**********************************/
h1{color:#FEC401; font-size:1.7em; font-weight:normal; margin: 0 0 20px 0;}
h2{color:#fd960a; font-size:1.2em;font-weight:normal; margin: 8px 0 8px 0;}
p{padding:0 0 5px 0;}
a{ color:#E01003;} a:hover{ color:#E01003; text-decoration:none;}
#content ul.liste li{
	position:relative;
	list-style-position:inside;
	margin:0 0 8px 0;
}
/***********************************FORMULAIRE******************************************/
label{display:block; width:56px; float:left; clear:left;	/*border:1px dashed green; */}
input{float:right; clear:right; }
input, label{ margin: 0 0 5px 0; }
input.submit{ border: 2px outset #E64800; background:#570104; color:#E76702; cursor:pointer;}
input.submit:hover{ border: 2px inset #E64800; background:#E76702; color:#FFE816; }



#footerBox{
	position:absolute; bottom:0; left:0;
	height:100px;
	background: url(backgrounds/content_bottom.jpg) no-repeat center bottom;
	/*border:1px dashed orange;*/
	 
	width:99.9%; margin:0;
}
	#footer{
		width:995px
		position:relative;
		margin:70px auto auto auto ;
		text-align:center;
		opacity : 0.3;
		-moz-opacity : 0.3;
		-ms-filter: "alpha(opacity=30)"; /* IE 8 */
		filter : alpha(opacity=30); /* IE < 8 */ 
		/*border:1px dashed green;*/
	}