body {
	margin: 0;
	padding: 0;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	background-color: #878787; /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
	width: 700px;
	height:464px;
	position: absolute;
	top:50%;
	left: 50%;
	margin-top:-240px;
	margin-left: -350px;
	background-color: #878787;
	border:15px solid #FFFFFF;
}
.header {
	height: 100px;
	padding:40px 0 0 0;
}
.header h1 {
	font-size:60px;
	line-height: 70px;
	text-align:center;
	padding:0;
	margin:0;
	color:#FFFFFF;
}
.menu {
	position: absolute;
	left:0;
	width: 180px;
	height: 300px;
}
.frame {
	margin-left: 200px;
	width: auto;
	height: 300px;
	background-color:#878787;
	overflow: auto;
}
.footer {
	height: 20px;
	background-color: #878787;
}
p {
	margin: 0 0 5px 0;
	color:#FFFFFF;
}
p.form1 {
	margin: 4px 0 4px 0;
	color:#FFFFFF;
}
p.form2 {
	margin: 4px 0 4px 0;
	color:red;
}
.menugauche {
	list-style-type: none;
	margin: 20px 0 0 30px;
	padding:0;
}
.menugauche li {
	margin-bottom: 8px;
}
.menugauche a {
	margin: 0 2px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
.menugauche a:hover {
	font-weight:bold;
	text-decoration: none;margin-left:4px;
}
.thumb {
	border:none;
	float:left;
	margin:0;padding:0 5px 0 0;
}
span {
	color:#000000;
}
.big {
	border:none;
	float:left;
	margin:0;padding:0 10px 10px 0;
}
.clear {
	clear:left;
}
.artist, .links {
	list-style-type: disc;
	margin: 0 0 0 15px;
	padding:0;
	color: #FFFFFF;
}
.links li {
	margin-bottom: 1px;
	color: #FFFFFF;
}
.artist li {
	margin-bottom: 8px;
	color: #FFFFFF;
}
.artist a, .links a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}
.artist a:hover, .links a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	margin-left:4px;
}

hr
{
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
border: 0;
}