html {
height: 100%;
}
body {
padding: 0px;
margin: 0px;
width: 100%; 
font: 0.9em Arial, Helvetica, sans-serif;
background:url(images/bg-body.jpg) repeat;
color: #333333;
} 
a {
color:#993300;
text-decoration: underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
a:hover {
color:#993300;
text-decoration:none;
background-color:inherit;
} 
.grand {
font-size: 120%;
}
#header { 
position: relative;
float: left;
width: 100%; 
height: 185px; 
margin: 0px;
padding: 0px;
background:url(images/header-bg.gif) repeat;
}
#top {
position:relative;
width: 953px;
height: 185px;
background-color:inherit;
padding : 0px;
margin : 0px auto;	
} 
#toplogo {
position:relative;
float: left;
width: 283px;
height: 185px;
background: url(images/top-logo.gif) no-repeat;
padding: 0px;
margin: 0px;	
} 
#topphoto {
position:relative;
float: left;
width: 670px;
height: 185px;
background: url(images/top-photo.jpg) no-repeat;
padding: 0px;
margin: 0px;	
} 
#middle {
position: relative;
float: left;
width: 100%;
height: 100%;
background-color: inherit;
padding: 0px;
margin: 0px;	
} 
#contentarea { 
position:relative;
width: 953px; 
height: auto; 
margin: 0px auto;
padding: 0px;
background-color:inherit;
}
#menu {
position:relative;
float: left;
width: 283px;
height: auto;
background-color: inherit;
padding: 0px;
margin: 0px;	
} 
#topmenu {
position: relative;
width: 283px;
height: 24px;
background: url(images/topmenu.gif) no-repeat;
padding: 0px;
margin: 0px;	
} 
#centremenu {
position:relative;
width: 283px;
height: auto;
background: url(images/menu-bg.gif) repeat;
padding: 0px;
margin: 0px;	
} 
#centremenutexte {
position:relative;
width: 246px;
height: auto;
padding: 0px 30px 10px 5px;
margin: 0px;	
background-color: inherit;
color:#cccc99;
font-weight:bold;
font-size: 16px;
} 
#basmenu {
position: relative;
width: 283px;
height: 14px;
background: url(images/basmenu.gif) no-repeat;
padding: 0px;
margin: 0px;	
} 
#menu a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
font-style: normal;
background-color: inherit;
}
#menu a:hover {
color: #cccc99;
background-color: inherit;
} 
.menu {
padding: 3px 0px 0px 0px;
} 
.annonce {
color: #c9d9df;
font-style: italic;
} 
#bullecontact {
position: relative;
width: 177px;
height: 144px;
background: url(images/bulle-contact.gif) no-repeat;
padding: 15px 5px 5px 65px;
margin: 0px 7px;	
color: #000000;
font-weight: bold;
font-size: 16px;
} 
#bullecontact a {
color: #000000;
text-decoration: none;
}
#bullecontact a:hover {
color: #000000;
text-decoration: underline;
} 
#contenu {
position:relative;
float: left;
width: 670px;
height: auto;
background-color: inherit;
padding: 0px;
margin: 0px;	
} 
#contenutop {
position:relative;
float: left;
width: 670px;
height: 94px;
background: url(images/contenu-topphoto.gif) no-repeat;
padding: 0px;
margin: 0px;	
}
#centrecontenu {
position:relative;
float: left;
width: 670px;
height: auto;
background: url(images/contenu-bg.gif) repeat;
padding: 0px;
margin: 0px;	
}
#centrecontenutexte {
padding: 7px 10px 10px 20px;
margin: 0px;	
}
#colonnegauche {
position:relative;
float: left;
width: 342px;
height: auto;
background-color: inherit;
padding: 0px;
margin: 0px;	
text-align: justify;
}
#colonnegauchetexte {
padding: 0px 10px 0px 0px;
}
#colonnedroite {
position:relative;
float: left;
width: 286px;
height: auto;
background-color: inherit;
padding: 0px;
margin: 0px;	
color: #999933;
text-align: center;
font-size: 12px;
}
#colonnedroite a {
color: #993300;
text-decoration: underline;
font-weight: bold;
font-size: 14px;
}
#colonnedroite a:hover {
color: #993300;
text-decoration: none;
} 
#colonnedroite p {
color: #333;
font-weight: bold;
font-size: 16px;
}
#bascontenu {
position: relative;
float: left;
width: 670px;
height: 10px;
background: url(images/contenu-bas.gif) no-repeat;
padding: 0px;
margin: 0px;	
}
h1 {
font-size: 18px;
font-weight: bold;
color: #999933;
text-decoration:none;
font-style:italic;
background-color:inherit;
margin: 0px; 
padding : 0px;
}
h2 {
font-size: 18px;
font-weight: bold;
color: #999933;
text-decoration:none;
font-style:italic;
background-color:inherit;
margin: 0px; 
padding : 0px;
}
.imprimer {
font-size: 18px;
font-weight: bold;
color: #999933;
background-color:inherit;
margin: 0px; 
padding : 0px;
}
#footer {
position: relative;
float: left;
width: 100%; 
height: auto; 
margin: 13px 0px 0px 0px;
padding: 0px;
background: url(images/footer-bg.gif) repeat-x;
background-color: #ffffff; 
}
#footercontent { 
position: relative;
width: 952px; 
height: auto; 
margin: 0px auto;
padding : 5px 0px 0px 0px;
text-align: center;
font-size:90%;
color: #333333;
}
#footer a {
color: #333333;
text-decoration: underline;
font-weight: normal;
font-style: normal;
background-color: inherit;
} 
#footer a:hover {
color: #333333;
text-decoration: none;
background-color: inherit;
} 
#accesreserve a {
color: #999999;
text-decoration: none;
font-weight: normal;
font-style: normal;
background-color: inherit;
} 
#accesreserve a:hover {
color: #333333;
text-decoration: underline;
background-color: inherit;
}