body {
	margin: 0px;
	background-color: #FFF;
	color: #6D533C;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
}

a:link {
	color: #3A362D;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #3A362D;
}
a:hover {
	text-decoration: underline;
	color: #6D533C;
}
a:active {
	text-decoration: underline;
	color: #6D533C;
}

.h1
{
	color: #6D533C;
}

#page {
  margin-left : auto;
  margin-right : auto;
  margin-top: 30px;
  margin-bottom: 30px;
  width : 700px;
  text-align : left;  /* pour résoudre le bug de centrage de IE */
  background: #FFF;
}

#header {
position: relative;
float:left;
width: 700px;
height: 260px;
background: url(../images/header.jpg) top no-repeat;
}

#content_01 {
position: relative;
float:left;
width: 510px;
background: url(../images/content_01.jpg) repeat-y;
font-size: .8em;
padding: 20px 70px 20px 120px;
}

#content_02 {
position: relative;
float:left;
width: 510px;
height: 145px;
background: url(../images/content_02.jpg) no-repeat;
font-size: .8em;
padding: 30px 70px 0 120px;
}

#content_03 {
position: relative;
float:left;
width: 510px;
height: 180px;
background: url(../images/content_03.jpg) no-repeat;
font-size: 0.8em;
padding: 30px 70px 0 120px;
}
#content_04 {
position: relative;
float:left;
width: 510px;
height: 107px;
background: url(../images/content_04.jpg) no-repeat;
font-size: 0.8em;
padding: 30px 70px 0 120px;
}
#content_05 {
position: relative;
float:left;
width: 700px;
height: 260px;
background: url(../images/content_05.jpg) top no-repeat;
}


#links {
margin-top: 20px;
color: #3A362D;
text-align:center;
font-size: 0.7em;
}

.player {
z-index: 1;

}

.vignette {
padding: 1px 1px 0 0;
}

.vignette:hover {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.petit
{
color: #3A362D;
font-size: 0.7em;
}

#player {}