@charset "utf-8";

html{
overflow:scroll;}
	
body{
font-weight: bold;
font-style: normal;
font-size: 12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
background: #FFFFFF;
margin:0;
padding:0;
text-align:left;
color:#FFFFFF;}

/*Totalité*/
#container{
width:780px;
margin:0 auto;}

/*Banière*/
#header{
height:100px;
background:url(images/background/header.jpg);}

/*Menu haut*/
#menu-top{
height:40px;
background:url(images/background/menu-top.png);
text-align:center;}
#menu-top h1{
font-size:14px;
margin:0;
padding-top:8px;
margin:0;
float:left;
width:154px;
height:20px;}
#menu-top h1:hover,#menu-top h1:focus, #menu-top h1:active, #menu-top h1:visited{
opacity: 0.8;
text-decoration:underline;}

/*Liens*/
a{
color: #FFFFFF;
text-decoration:none;}

/*Milieu*/
#middle-top{
height:12px;
background:url(images/background/main-top.png);}
#middle{
background:url(images/background/main-middle.png) repeat-y;}
#middle-bottom{
height:12px;
background:url(images/background/main-bottom.png);}
#main{
margin:0 160px;
padding:0 15px;
width:430px;
text-align:left;}
#main h2{
font-size:14px;
margin:0;
padding:7px 0 0 20px;
width: 430px;
height:30px;
background:url(images/background/titre.png) no-repeat;}
#main .important{
color: #E61E1E;}
#main .offre{
cursor:pointer;
margin-top:5px;
float:left;
width:140px;
height:40px;
text-align:center;
background: url(images/background/offre.png) no-repeat;}
.offre h1{
font-size: 12px;
padding-top:5px;
margin:0;}
.margin-right{
margin-right:5px;}
#main hr{
visibility:hidden;}
#wrap img{
border:none;}

/*Milieu listes*/
#main ul{
padding: 0;
margin:0;
list-style-position:inside;
text-align:left;}

/*Paragraphes*/
.first{
margin-top:0;}
.last{
margin-bottom:0;}
p:first-letter{
background:url(images/list/list-etoile.png) left center no-repeat;
padding-left:10px;}

table{
width:430px;}
table td{
text-align:center;}
#main .table-top{
width:430px;
height:12px;
background:url(images/background/table-top.png);}
#main .table-middle{
padding:0px 10px;
background:url(images/background/table-middle.png) repeat-y;}
#main .table-middle ul{
list-style-image:url(images/list/list.png);}
#main .table-bottom{
width:430px;
height:12px;
margin-bottom:5px;
background:url(images/background/table-bottom.png);}
#main .table-middle h3{
font-size:18px;
text-align:center;}
/*Colonne droite*/
#right{
float:right;
margin-right:5px;
padding:0px 5px;
width:140px;}

/*Colonne gauche*/
#left{
float:left;
margin-left:5px;
padding:0 5px;
width:140px;
text-align:center;}
#left .contour-top{
width:140px;
height:12px;
background:url(images/background/left-top.png);}
#left .contour-bottom{
width:140px;
height:12px;
background:url(images/background/left-bottom.png);
margin-bottom:5px;}
#left h1{
cursor:pointer;
font-size:12px;
margin:0;
background: url(images/background/left-middle.png)  repeat-y;}

/*Pied de page*/
.clearfloat{
clear:both;}
#footer{
background: url(images/background/footer.png);
height:62px;}