body{
background: url(images/bg_header_ext.jpg) repeat-x;
font: normal 0.8em "Trebuchet MS", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#site{
margin: 0 auto;
width: 872px;
height: 100%;
}
#header{
position: relative;
background: url(images/bg_header.jpg) no-repeat;
height: 310px;
}
#header a img{
position: absolute;
left: 100px;
top: 90px;
border: 0;
}
#header h1{
position: absolute;
top: 220px;
right: 15px;
margin: 0;
padding: 0;
color: #FFF;
font: normal 15px Arial, Verdana, sans-serif;
}
#header h2{
position: absolute;
top: 200px;
right: 15px;
margin: 0;
padding: 0;
color: #FFF;
font: bold 18px Arial, Verdana, sans-serif;
}
#menu{
width: 100%;
position: absolute;
bottom: 3px;
left: 0;
height: 40px;
}
#menu ul{
margin: 0;
padding: 0;
}
#menu ul li a{
display: block;
height: 30px;
background: url(images/bg_menu.jpg) left top no-repeat;
color: #FFF;
font: bold 1em "Trebuchet MS", Arial, sans-serif;
line-height: 1em;
padding: 10px 0 0 0;
text-align: center;
text-decoration: none;
}	
#menu ul li a:hover, #navigation li a:focus, #navigation li a:active{background: url(images/bg_menu.jpg) right top no-repeat;}
#menu ul li{
border-left: 1px solid #D47000;
float: left;
text-align: center;
width: 106px;
list-style-type: none;
}
#contenu{
min-height: 600px;
position: relative;
padding: 20px;
background: url(images/bg_content.jpg) repeat-y;
}
#footer{clear: both;}

/*     PAGE D'INDEX    */
#elephant{
position: absolute;
top: -3px;
right: 6px;
}
#cadre{float: left;width: 342px;}
#cadre_content{
font: normal 14px Arial, Verdana, sans-serif;
color: #A12B00;
background: url(images/cadre_content.jpg);
}
#cadre_content p{margin: 0; padding: 20px; text-align: justify;}
#cadre_haut{
width: 342px;
height: 19px;
background: url(images/cadre_haut.jpg) no-repeat;
}
#cadre_red{
font: bold 18px Arial, Verdana, sans-serif;
color: #FFF;
width: 342px;
height: 154px;
background: url(images/cadre_red_content.jpg) no-repeat;
}
#cadre_red p{margin: 0; padding: 0 25px 0 25px; text-align: justify;}
#cadre_bas{
width: 342px;
height: 17px;
background: url(images/cadre_bas.jpg) no-repeat;
}

/*     PAGES DES MENUS    */
#lesmenus{clear: both;width: 100%; margin: 0; padding: 0 0 50px 20%;}
#lesmenus li{
padding-right: 5px;
font: bold 1em Arial, Verdana, Helvetica, sans-serif;
color: #E79300;
list-style-type: none;
float: left;
}
#lesmenus li a{padding: 2px 5px;color: #E79300; text-decoration: none;}
#lesmenus li a:hover{color: #E79300; text-decoration: underline;}
#actiflink{background: #DDD;}
#carte-bloc-droite{float: left;padding-left: 30px;width: 440px;}
#carte-bloc-droite p{color: #A12B00;font: normal 14px Arial, Verdana, sans-serif;}
#carte-haut{
background: url(images/carte_haut.jpg) no-repeat;
width: 426px;
height: 19px;
}
#carte-bas{
background: url(images/carte_bas.jpg) no-repeat;
width: 426px;
height: 23px;
}
#carte-centre{
background: url(images/carte_content.jpg);
height: 370px;
width: 426px;
}
#carte-centre object{padding-left: 6px;}
#carte{
clear: both;
text-align: center;
}
#fresque-top-left{
background: url(images/fresque_haut_gauche.gif);
width: 115px;
height: 89px;
position: absolute;
top: 0;
left: 10px;
}
#fresque-top-right{
background: url(images/fresque_haut_droite.gif);
width: 115px;
height: 89px;
position: absolute;
top: 0;
right: 12px;
}
#fresque-middle-left{
background: url(images/fresque_centre_gauche.gif);
width: 115px;
height: 179px;
position: absolute;
top: 40%;
left: 10px;
}
#fresque-middle-right{
background: url(images/fresque_centre_droite.gif);
width: 115px;
height: 179px;
position: absolute;
top: 40%;
right: 12px;
}
#fresque-bottom-left{
background: url(images/fresque_bas_gauche.gif) no-repeat;
width: 115px;
height: 89px;
position: absolute;
bottom: 0;
left: 10px;
}
#fresque-bottom-right{
background: url(images/fresque_bas_droite.gif) no-repeat;
width: 115px;
height: 89px;
position: absolute;
bottom: 0;
right: 10px;
}
#type_menu{
margin-top: 50px;
font: normal 16px Arial, Verdana, Helvetica, sans-serif;
color: #513C18;
}
#type_menu span{
color: #C59644;
font: bold 20px Arial, Verdana, Helvetica, sans-serif;
}
#carte ul h4{
margin: 10px auto 5px auto;
padding: 3px 0;
width: 250px;
text-align: center;
background: #DABD89;
color: #FFF;
font: bold 18px Arial, Verdana, Helvetica, sans-serif;
}
#carte ul li{
margin: 0;
list-style-type: none;
font: bold 16px Arial, Verdana, Helvetica, sans-serif;
}
#carte ul p{
font: bold 11px Arial, Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#carte ul span{
font: bold 11px Arial, Verdana, Helvetica, sans-serif;
display: block;
margin: 10px 0;
}
#gauche, #droite{
float: left;
font: normal 12px Arial, Verdana, Helvetica, sans-serif;
width: 360px;
color: #AC3600;
text-align: center;
}
#gauche strong, #droite strong{display: block; padding: 10px 0 0 5px;}
#gauche p, #droite p{text-align: justify;}
#droite{margin: 0 0 0 40px;}
/* RESERVATION */
#reservation{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

#reservation dt{
width: 250px;
float: left;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
font-weight: bold;
}

/* hack de commentaire avec un antislash pour ie5 mac \*/
dt{clear: both;}
/* end hack */

#reservation dd{
float: left;
width: 24em;
margin: 0 0 0 0;
padding: .5em;
border-top: 1px solid #999;
}
#reservation hr{
width: 10px;
clear: both;
border: 0;
height: 1px;
color: #999;
background: #999;
}

/* PLAN D'ACCES */
#plan{position: relative; width: 100%;}
#plan img{border: 0;}
#adresse{
border: 1px solid #CCC;
font-weight: bold;
padding: 0 10px;
background: #FFF;
color: #333;
position: absolute;
bottom: 7px;
left: 4px;
}
#adresse a{color: #333; text-decoration: none;}
#adresse a:hover{color: #333; text-decoration: underline;}
#zoom{padding: 0; margin: 0 65px 0 0; display: block; text-align: right; text-align: right;}
#zoom a{color: #C00; font-size: 12px; text-decoration: none;}
#zoom a:hover{color: #C00; font-size: 12px; text-decoration: underline;}