/* 	Client : Another Ear
	Author : Michael Wassmer
	Last Modified : 02/10/2008
*/

html, body{ 
	background:url(images/slash.png);
	color:#333;
	margin:0; 
	padding:0; 
	text-align:center; 
	font-size:80%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h3 {
	font-size:1.3em;
	color:#738040;
	font-weight:bold;
	margin:0 0 20px 0;
}

h4 {
	font-size:1.3em;
	margin:30px 0 5px 0;
	padding:0;
}


/* Header */

#header{
	background:url(images/header.png) no-repeat;
	margin: 0 auto;
	padding: 0;
	width: 770px;
	height: 230px;
	text-align:left;
}

#header h1 {
	font-size:2.1em;
	padding: 40px 0 0 70px;
	margin:0;
	
}

#header a{
	color:#738040;
	text-decoration:none;
}

#header h2 {
	color:#BFAC60;
	font-size:1.2em;
	padding: 0 0 0 70px;
	margin:0;
}

#header img#logo{
	margin:30px 0 0 65px;
}

/* Music Player */
#jukebox{
	background:#ffe680 url(images/headphones.png) top left no-repeat;
	height:176px;
	width:220px;
	margin: -60px 0 0 485px;
	border:1px solid #A3BF30;
}

#jukebox p {
	color:#738040;
	margin:0;
	padding:2px 2px 2px 20px;
	text-align:left;
}

#languages{
	padding: 5px 0 0 70px;
}

#languages img{
	margin:0 2px;
	border:0;
}

/* separator */
#separator{
	background:url(images/separator.png);
	width:  770px;
	height: 16px;
	border: none;
	margin: 0 auto;
}

/* Menu */

#menu{
	background:url(images/content_bg.png) repeat-y;
	margin: 0 auto;
	padding:0;
	width:  770px;
	height: 20px;
	text-align:center;
}
#menu ul{
	width:680px;
	height:20px;
	margin: 0 auto;
	padding:0;
}

#menu ul li{
	display:inline;
	margin: 0 3px;
}

#menu a{
	background:#ffe680;
	padding:0 2px;
	color:#738040;
	font-size:1.2em;
	text-decoration:none;
	text-transform:uppercase;
	border:1px solid #A3BF30;
	border-top:none;
}

#menu a:hover{
	background:#ffe680;
	padding:0 2px;
	color:#A3BF30;
	text-decoration:none;
	
}

#content {
	background:url(images/content_bg.png) repeat-y;
	margin: 0 auto;
	text-align:left;
	width:  770px;
	color:#333;
}

#page{
	margin:0 60px 0 60px;
	padding:20px 0;
	font-size:1.2em;
	text-align:justify;
}

/* Telechargements */
#telechargements{
}

#telechargements a{
	color:#333;
	text-decoration:none;
}

#telechargements a:hover{
	text-decoration:underline;
}

#telechargements img{
	vertical-align:middle;
	margin: 0 3px 0  0;
}

#telechargements li{
	list-style-type:none;
	margin: 2px 0;
}

/* Artistes  */

/* Fiche */
.fiche{
	background:#e2e7b4;
	margin: 10px 0;
	padding: 0 0 10px 0;
}

.fiche h4 {
	background:#c9cea1 url(images/rounded_top_left.png) top left no-repeat;
	font-size:1.1em;
	margin:0;
	padding:3px 8px;
}

.fiche img{
	border:1px solid #333;
	float:left;
	margin: 10px;
}

.fiche p{
	margin:10px;
}

.fiche p img{
	float:none;
	border:none;
	margin:0;
}

.fiche h5{
	margin: 5px;
}

.fiche ol{
	display:block;
	font-size:0.9em;
	margin: 10px;
	padding:0;
	list-style-position:inside;
}

.fiche li{
	margin:0;
	padding:0;
}

.fiche a{
	color:#333;
	/*background:url(images/download.gif) right center  no-repeat;*/
	text-decoration:none;
	padding: 0 10px 0 0;
}

.fiche a:hover{
	/*background:#C9CEA1 url(images/download.gif) right center  no-repeat;*/
}

.fiche h5{
	margin: 0 10px;
}

/* Vidéo */
#video_container{
	text-align:center;
}


/* Footer */

#footer{
	position:relative;
	background:url(images/footer.png) no-repeat;
	margin: 0 auto;
	padding:5px 0;
	width: 770px;
	height: 40px;
	color: #333;
	text-align:center;
}

#footer a{
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #333;
}

#footer a:hover{
	border-bottom:1px solid #333;
}