/**** Musicrun Default Style ****/
/**** Copyright Optiman-Netfront ****/

body{
	background-color: #AAAADD;
	color: #000066;
	background-image: url(/skin/fond-mao.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

hr {
	color: #888888;
}

img {
	border: 0px;
}

#header {
	position: absolute;
	background-image: url(/skin/arrondi.gif);
	background-repeat: no-repeat;
        height: 90px;
	width: 100%;
	top: 5px;
	left: 5px;
	color: white;

}

	#hat {
		background-color: #334466;
		position: absolute;
		left: 120px;
		height: 15px;
		right: 0px;
		font-size: 12px;
		text-align: center;
		color: #DDDDDD;
	}

	#hat a {
		font-size: 12px;
		text-decoration: none;
		font-weight: 500;
		color: #DDDDDD;
	}

	#hat a:hover {
		font-size: 12px;
		text-decoration: none;
		font-weight: 500;
		color: #FFFFFF;
	}

	#logo {
		position: absolute;
		height: 60px;
		top: 20px;
		left: 25px;
		right: 0px;
	}

	#header h1 {
		position: absolute;
		top: 60px;
		left: 700px;
		right: 130px;
		text-align: right;
		font-size: 28px;
		color: white;
	}

	#pub {
		position: absolute;
		height: 60px;
		width: 468px;
		top: 20px;
		left: 370px;
	}

	
#content{
	clear: both;
	margin-top: 95px;
	margin-left: 135px;
	margin-right: 5px;
	padding-bottom: 10px;
	font-size: 11px;
	color: #000000;
	background-color: transparent;
}

	#edito {
		clear: both;
		margin-top: 90px;
		margin-left: 130px;
		width: 70%;
		height: 360px;
		margin: 2px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 10px;
		background-color: #6666AA;
		color: #999966;
	}

	#edito a {
		color: #FFFFFF;
	}

	#edito a:hover {
		color: #00FFFF;
	}

	#news {
		position: absolute;
		left: 52%;
		top: 90px;
		margin-right: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-top: 5px;
		padding-bottom: 10px;
		background-color: transparent;
		color: #000000;
	}

	#news a {
		color: #000000;
	}

	#news a:hover {
		color: #000000;
	}

	#shop {
		clear: both;
		left: 130px;
		top: 450px;
		width: 70%;
		height: 300px;
		margin: 2px;
		padding: 2px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: transparent;
		background-image: url(/skin/fond-raye-fonce.gif);
		background-repeat: repeat;
		color: #000000;
	}

	#shop a {
		color: #000000;
	}

	#shop a:hover {
		color: #000000;
	}

	.bicol {
		float: left;
		width: 43%;
		padding: 2px;
	}

	.tricol {
		float: left;
		width: 28%;
		padding: 2px;
	}

	#content h1 {
		font-size: 28px;
		font-weight: bold;
		color: #000066;
	}

	#content h2 {
		font-size: 18px;
		color: #000099;
	}

	#content h3 {
		font-size: 14px;
		color: #000099;
	}


#menu{
	position: absolute;
	background-image: url(/skin/left-menu.jpg);
	background-repeat: no-repeat;
	left: 5px;
	top : 90px;
	width: 120px;
	height: 1000px;
	font-size: 11px;
	font-weight: bold;
	color: #999966;
	line-height: 120%;
	text-decoration: none;
	text-align: center;
}

	#menu a {
		width: 120px;
		font-size: 15px;
		font-weight: bold;
		width: 120px;
		color: #CCCCBB;
		line-height: 130%;
		text-decoration: none;
		text-transform: uppercase;
		margin-top: 5px;
	}

	#menu a:hover {
		color: #00FFFF;
	}

	#menu ul{

		padding-left: 20px;
	}

	#menu li{
		margin-left: 10px;
		margin-right: 10px;
		text-align: left;
		list-style-image: url(/skin/fleche.gif);
		border-style: none none dashed none;
		border-color: #9228A2;
		border-width: 1px;
		padding: 5px;
	}

	#menu h1 {
		font-size: 28px;
		font-weight: bold;
		color: #3355FF;
	}

	#menu h2 {
		font-size: 11px;
		font-weight: bold;
		color: #FFFFFF;
		line-height: 100%;
		text-decoration: none;
	}


#footer {
	clear: both;
	background-color: #333333;
	margin-left: 135px;
	margin-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #999966;
	}

	#footer a {
		font-size: 12px;
		text-decoration: none;
		font-weight: 500;
		color: #999966;
	}

	#footer a:hover {
		font-size: 12px;
		text-decoration: none;
		font-weight: 500;
		color: #FFFFFF;
	}