/* CSS Document */

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#009;
	
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	color:#e3d53f;
	font-style:italic;
}

#background {
	position:fixed;
	left:50%;
	top:0;
	width:1000px;
	height:100%;
	margin-left:-500px;
	
	background-image:url(../imgs/background-contenu.png);
	background-position:center center;
	background-repeat:repeat;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
}

a img {
	border:none;
}

h2 {
	color:#FC0;
	font-weight:lighter;
	font-size:14px;
}

h3 {
	text-align:right;
	font-size:16px;
	font-weight:bold;
	color:#830101;	
}

hr {
	height:1px;
	background-color:#000;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
	border:none;
}

a {
	color:#FC0;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}

a:hover {
	color:#FFF;
}

strong {
	font-weight:bold;
	color:#FC0;
}

em {
	font-style:italic;
	color:#C00;
}

#header {
	position:relative;
	left:50%;
	top:0;
	width:955px;
	height:110px;
	margin-left:-477px;
	z-index:0;
}

#bande {
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:110px;
	background-image:url(../imgs/bande.png);
	background-position:left center;
	background-repeat:repeat-x;
	z-index:1;
}

#menu {
	position:relative;
	left:50%;
	top:0;
	width:200px;
	margin-left:-477px;
	float:left;
}

#menu ul {
	padding:5px;
}

#menu li {
	list-style:none;
	height:30px;
	padding-left:35px;
	margin-bottom:25px;
	background-image:url(../imgs/liste-menu.png);
	background-position:left top;
	background-repeat:no-repeat;
}

#menu li:hover {
	background-position:left bottom;
}

#menu a {
	display:block;
	height:30px;
	width:100%;
	color:#e3d53f;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	padding-top:7px;
}

#menu a:hover {
	color:#830101;
}

#background-contenu {
	position:relative;
	left:50%;
	top:10px;
	width:700px;
	margin-left:-250px;
	padding:5px;
	background-color:#010662;
	background-image:url(../imgs/background-contenu.png);
	background-position:center center;
	background-repeat:repeat;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
}

#contenu {
	width:680px;
	height:100%;
	padding:10px;
	/*background-color:#041b8b;
	background-image:url(../imgs/fader_50.png);
	background-repeat:repeat;*/
	background-image:url(../imgs/bg_1.png);
	background-repeat:repeat-y;
	min-height:529px;
}

#alerte {
	width:500px;
	background-color:#FFF;
	border:1px solid #F00;
	text-align:center;
	color:#F00;
	font-weight:bold;
	padding:10px;
}

.input {
	width:300px;
	background-color:#FFF;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
	color:#000;
}

.area {
	width:300px;
	background-color:#FFF;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
	color:#000;
}

img.actu {
	float:left;
	/*padding:5px;
	background-color:#FFF;*/
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
}

img.artiste {
	float:left;
	margin:20px;
	/*padding:5px;
	background-color:#FFF;*/
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
}

.stitre {
	text-align:right;
	font-size:14px;
	text-transform:uppercase;
	font-weight:lighter;
	padding:5px;
	width:90%;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
}

.txt {
	width:100%;
	padding-top:25px;
	padding-bottom:5px;
	margin-top:10px;
	-moz-box-shadow:0px 1px 15px #000;
	-webkit-box-shadow:0px 1px 15px #000;
	text-align:center;
}