@charset "utf-8";


/*
 * Jaune        : 
 * Orange       : #af480c
 * Orange clair : #ea6608
 * Gris clair   : #A5A5A5
 * Gris moyen   : #626257
 * Gris bleu    : #6A7C91
 */


/* List des z-index utilisés
100 : 
 10 : 
*/


body            	{ background-color:#000000; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#page           	{ margin:auto; width:955px; }

a               	{ color:#FFFFFF; text-decoration:none; }
a:hover         	{ color:#af480c; }
.no-display 		{ display:none; }

input           	{ background-color:#666666; border:solid 1px #000000; color:#FFFFFF; padding:2px; }


/* Header */
#header .logo		{ float:left; margin:85px 20px 0 80px; position:absolute; }
#header .border		{ background-color:#AF480C; height:1px; margin:160px 0 0 140px; position:absolute; width:780px; }


/* Menu */
/* #menu			{ background:url('../img/bg-menu.jpg') repeat-x left bottom; float:left; margin:0 0 40px 180px; padding:110px 10px 0 0; width:765px; } */
#menu				{/*  background:url('../img/bg-menu.jpg') repeat-x left bottom; */ float:left; margin:0 0 40px 160px; padding:110px 10px 0 0; width:850px; }

/* Content */
#content			{ clear:both; position:relative; }
.contenu			{ position:relative; }
h1.page-title		{ color:#A5A5A5; font-family:'Titillium Web', sans-serif; font-size:26px; font-weight:normal; height:50px; letter-spacing:2px; text-transform:uppercase; }
.link				{ cursor:pointer; }


/* Footer */
#footer             {  }

.bandeau-gris
{
	background-color:#1B1B20;
	display:block;
	height:140px;
	left:0;
	margin:0 auto 0 auto;
	position:absolute;
	text-align:center;
	width:100%;
}

.music
{
	bottom:10px;
	display:block;
	left:10px;
	position:fixed;
}