body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: #181818;
}

#conteneur {
	width:990px;
	border:1px solid #000000;
	background-color:#F1EDEA;
}

#haut {
	width:990px;
	height:246px;
	background-color:#000000;
	position:relative;
}

#haut #animation {
	position:absolute;
	width:970px;
	height:234px;
	top:5px;
	left:10px;
}
#haut #titre {
	position: absolute;
	width: 493px;
	height: 50px;
	left: 482px;
	top: 180px;
	background-image: url(images/logo-texte.gif)
}
#menu {
	font-size:15px;
	width:990px;
	height:20px;
	position:relative;
	text-align:left;
}
#menu div {
	position:absolute;
	top:0px;
	height:20px;
	text-align:center;
}
#menu div a {
	color:#000000;
	text-decoration:none;
}
#menu div a:hover {
	color:#000000;
	text-decoration:none;
}
div.menu_on {
	background-color:#F6AF61;
}
div.menu_off {
	background-color:#F48A03;
}

/* positionnement des éléments de menu */
#menu1 {left:0px;width:110px;}
#menu2 {left:110px;width:130px;}
#menu5 {left:240px;width:140px;}
#menu6 {left:380px;width:135px;}
#menu4 {left:515px;width:145px;}
#menu7 {left:660px;width:120px;}
#menu8 {left:780px;width:110px;}
#menu9 {left:890px;width:100px;}

#menu1:hover {background-color:#F6AF61;}
#menu2:hover {background-color:#F6AF61;}
#menu3:hover {background-color:#F6AF61;}
#menu4:hover {background-color:#F6AF61;}
#menu5:hover {background-color:#F6AF61;}
#menu6:hover {background-color:#F6AF61;}
#menu7:hover {background-color:#F6AF61;}
#menu8:hover {background-color:#F6AF61;}
#menu9:hover {background-color:#F6AF61;}


#contenu {
	text-align:left;
	
	width:990px;
}

#contenu , #contenu p, #contenu td, #contenu div {
	font-size: 13px;
	color: #595052;
}

#contenu h1 {
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	width: 780px;
}

#contenu h2 {
	font-size: 16px;
	font-weight: bold;
}

#contenu a {
	color:#E27C00;
	text-decoration:none;
}
#contenu a:hover {
	color:#E27C00;
	text-decoration:underline;
}

#contenu dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#contenu dt {
	font-size: 13px;
	font-weight: bold;
	padding-left: 10px;
	float: left;
	clear: both;
	padding-top: 2px;
}
#contenu img.pochette_cd {
	border: 1px solid #999999;
	background-color: #FFFFFF;
	margin-right: 15px;
}
#contenu dd {
	margin: 0px;
	padding-left: 60px;
	padding-top: 2px;
}
#contenu dd.dernier {
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	padding-left: 60px;
}

#contenu ol li {
	list-style-type: none;
}



input, textarea {
	border:1px inset #333333;
}

input.bouton {
	border:1px outset #333333;
}

b.rouge {
	color:#CC0000;
}


table.extraits {
	spacing: 1px;
}
table.extraits thead {
	background-color: #ABA7A4;
}
table.extraits tbody {
	background-color: #D2CECB;
}
table.extraits tbody td, table.extraits tbody th {
	font-size: 11px;
	letter-spacing: -1px;
	text-align: left;
}

table.extraits thead td, table.extraits thead th {
	padding: 3px;
	font-size: 11px;
	text-align: left;
}

#pied {
	height:15px;
	text-align:center;
	width:990px;
	font-size:10px;
	text-align:center;
	color:#000000;
	background-color:#F1EDEA;
	letter-spacing:-1px;
}
#pied a {
	color:#000000;
	text-decoration:none;
}
#pied a:hover {
	color:#000000;
	text-decoration:underline;
}

#drapeaux {
	position: absolute;
	left: 20px;
	top: 285px;
	widh: auto;
	height: 27px;
}
#drapeaux td {
	text-align: center;
}
#drapeaux a {
	font-size:11px;
	font-weight: normal;
	color: #414141;
	text-decoration: none;
}
#drapeaux a:hover {
	font-size:11px;
	font-weight: normal;
	color: #414141;
	text-decoration: underline;
}