BODY {
margin:0px;
padding:0px;
background-color:#f8f1e0;  
}
h1{
font-family:arial,sans-serif;
font-size:16px;
text-align: center;
}
h2{
font-family:arial,sans-serif;
font-size:14px;
text-align: center;
}
h3{
font-family:arial,sans-serif;
font-size:12px;
text-align: center;
}
A {
color:navy;
text-decoration: none;
}

A:Hover {
color:red;
text-decoration: underline;
}
#wrapper{
width:900px;
height:auto;
margin-left:50px;
}

#header{
width: 900px;
height: 438px;
background: url(images/header.png) no-repeat;

}

#top-body{
width:900px;
height:97px;
background: url(images/top-body.png) no-repeat;

}
#body{
width:900px;
height:auto;
background:url(images/body.png) repeat-y;
padding:5px;
}
#bottom{
width:900px;
height: 250px;
background: url(images/bottom.png) no-repeat;
}
.contenu{
padding-left:75px;
padding-right:75px;
}
.page-title{
font-family:arial,sans-serif;
font-size:18px;
font-weight:bold;
padding-left:120px;
padding-top:45px;
}

/*   menu  */
#left-menu{
width:300px;
height:auto;
float:left ;
}
#middle{
width:300px;
height:auto;
float:left;
}
#right-menu{
width:300px;
height:auto;
float:left;
}
.menu-block{
margin-left:76px;
margin-top:80px;
}
.menu-accueil a{
width: 144px;
height: 48px;
background:url(images/accueil.png) no-repeat;
display:block;
}
.menu-accueil a:hover{
width: 144px;
height: 48px;
background: url(images/accueil-over.png) no-repeat;
display:block;
}
.menu-histo a{
margin-top:4px;
width: 144px;
height: 48px;
background:url(images/historique.png) no-repeat;
display:block;
}
.menu-histo a:hover{
width: 144px;
height: 48px;
background: url(images/historique-over.png) no-repeat;
display:block;
}
.menu-galerie a{
margin-top:4px;
width: 144px;
height: 48px;
background:url(images/galerie.png) no-repeat;
display:block;
}
.menu-galerie a:hover{
width: 144px;
height: 48px;
background: url(images/galerie-over.png) no-repeat;
display:block;
}
.menu-partenaires a{
width: 144px;
height: 48px;
background:url(images/partenaires.png) no-repeat;
display:block;
}
.menu-partenaires a:hover{
width: 144px;
height: 48px;
background: url(images/partenaires-over.png) no-repeat;
display:block;
}
.menu-liens a{
margin-top:4px;
width: 144px;
height: 48px;
background:url(images/liens.png) no-repeat;
display:block;
}
.menu-liens a:hover{
width: 144px;
height: 48px;
background: url(images/liens-over.png) no-repeat;
display:block;
}
.menu-contact a{
margin-top:4px;
width: 144px;
height: 48px;
background:url(images/contact.png) no-repeat;
display:block;
}
.menu-contact a:hover{
width: 144px;
height: 48px;
background: url(images/contact-over.png) no-repeat;
display:block;
}
.clear{
clear:both;
}
/* --------- Menu du bas -------------*/
.bottom-menu{
font-family:aria,sans-serif;
font-weight:bold;
color:navy;
font-size:10px;
padding-top:65px;
}
.bottom-menu a{
color:navy;
text-decoration: none;
}
.bottom-menu a:hover{
color:red;
text-decoration: underline;
}
/*  ------ menu expo -------- */
#expo-menu{


width:450px;
height:auto;
padding-top:200px;
padding-left:200px;
}