body {
background-color: #CCCCCC;
font-size: 10px;
font-family: arial;
}


#conteneur {
position: absolute;
left: 50%;
top: 50%;
width: 700px;
height: 450px;
margin-top: -225px;
margin-left: -350px;
background: url(images/background.jpg);
border: 5px solid #FFFFFF;
}


#top {
width: 100%;
height: 90px;
background: url(images/ban.png);
}


ul, li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}


#menu {
width: 100%;
text-align: center;
background: url(images/background.jpg);
}


#menu li {
padding: 4px 0 4px 0;
}


#menu li a {
text-decoration: none;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin: 0;
color: #FFFFFF ;
}


#menu li a:hover {
text-decoration: none;
color: #CCCCCC;
}


#update {
text-align:left;
}


.left {
float: left;
width: 180px;
height: 300px;
background: url(images/menu_left_background.png);
margin: 20px 10px 0px 10px;
}


.left img {
margin: 10px 0 0 10px;
}


.left a {
color: #FFFFFF;
}


.right {
float: left;
width: 490px;
height: 300px;
background: url(images/menu_background.png);
margin: 20px 0px 0px 0px;
}


.right table {
	margin: 0 0 5px 30px;
}


h1 { font-size: 10px; color: #FFF; margin: 10px 10px 0 15px; padding: 0;}
h2 { font-size: 12px; color: #000000; margin: 5px 10px 0 15px; padding: 0;}
p {	font-size: 10px; margin: 15px 10px 0 10px; color: #FFFFFF;}


a { color: #000000; font-weight: bold; text-decoration: none;}
a:hover { text-decoration: underline}
