@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); } 
@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }

#container {
width: 615px;
margin-left: auto;
margin-right: auto;
text-align: left; /* on rétablit l'alignement normal du texte */
}

#bandeau {
float:left;
width: 615px; 
height: 65px;
}

#date {
position:relative;
left:20px;
top:50px;
font-size:10px;
width:200px;
color: #666666;
}
#logo {
position:relative;
left:400px;
top:0px;
width: 130px; 
height: 61px;
}

#image {
	float:left;
	width: 615px;
	height: 440px;
	background: url(../images/fond.png) no-repeat;
}

#photo {
	float:left;
	width: 615px;
	height: 410px;
}

.imagedumois {color: #996633;}
.small {
font-family: "Trebuchet MS";
	color:#ffffff;
	font-size: 12px;
}

#marge1 {
	float:left;
	width: 615px;
	height:40px;
}

#vignette {
	float:left;
	width: 615px;
	height: 445px;
}
#legal {
	float:left;
	width: 615px;
	height: 70px;
	background-color:#7c7160;
}


body {
margin: 0; /* pour éviter les marges */   
text-align: center; /* pour corriger le bug de centrage */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
background:#f9f9f9 url(../images/page.jpg) no-repeat center 60px;
}

p, td{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #333333;
text-align:left;
}

li{
list-style-image:url(../images/puce.gif);
}

h1 {
	font-family: "Trebuchet MS";
	color:#ffffff;
	text-align:center;
	font-size: 24px;
}

h2 {
	color: #666666;
	font-size: 12px;
}

.legalnote {
font-size:9px;
color: #cccccc;
text-align:center;
font-family:Verdana, sans-serif;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #F18E00;
}
a:active {
	text-decoration: none;
	color: #333333;
}