/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:90% Verdana, Arial, Helvetica, sans-serif;
background-color:#DCD075;
color:#fff;
}
* {
margin:0;
padding:0;
}


/* Le conteneur */
div#conteneur {
position:relative;
width:900px;
margin:15px auto 0 auto;
}

/* La bannière */
div#banniere {
position:relative;
width:900px;
height:155px;
background:#DCD075 url("../images/banniere.jpg") no-repeat top left;
}
div#en_tete {
position:absolute;
top:10px;
left:10px;
}
div#image_banniere {
position:absolute;
top:25px;
right:20px;
padding:2px;
background-color:white;
}
div#image_banniere img {
border:3px solid #DCD075;
}
/* Le menu dans la bannière */
div#menu {
width:525px;
height:24px;
position:absolute;
bottom:0;
left:0;
font-size:12px;
}
#menu ul {
margin:0;
padding:0 0 0 30px;
list-style:none;
}
#menu li {
float:left;
background:url("../images/gauche.png") no-repeat left top;
margin:0 2px;
padding:0 0 0 9px;
/* border-bottom:1px solid #765; */
}
#menu a {
float:left;
display:block;
/* width:.1em; */
background:url("../images/droite.png") no-repeat right top;
padding:5px 15px 2px 6px;
text-decoration:none;
font-weight:bold;
color:#765;
}
#menu > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a {float:none;}
/* End IE5-Mac hack */
#menu a:hover {
color:#fff;
}
#menu #current {
background-position:0 -50px;
border-width:0;
}
#menu #current a {
background-position:100% -50px;
padding-bottom:5px;
color:#fff;
}
#menu li:hover, #menu li:hover a {
background-position:0% -50px;
color:#fff;
}
#menu li:hover a {
background-position:100% -50px;
}


/* Le corps du site */
div#corps {
width:840px;
padding:25px 30px 15px 30px;
background-color:#B5AB5E;
font-size:13px;
line-height:19px;
font-weight:bold;
}
div#contenu {
float:left;
width:420px;
}
div#photo {
float:right;
width:400px;
margin-left:20px;
}
div#photo img {
border:2px solid white;
}
.img_droite_mini {
float:left;
margin-right:15px;
}
.img_droite_mini img {
border: 1px solid #fff;
margin:0;
}


/* Présentation du gîte */
table.tarifs {
border: 1px solid white;
width:300px;
text-align:center;
margin: 0 auto;
}
td.prix {
text-align:center;
}
td.libelle {
text-align:left;
}
th.tarifs {
text-align:center;
color:#B5AB5E;
background-color:white;
}


/* Activités à proximité */
ul#ul_activites {
margin-left:20px;
}


/* Contact */
div#contenu_contact {
float:left;
width:410px;
}
div#gmap {
float:left;
width:410px;
color:#000000;	
}
div#gmap h1 {
font-size:14px;
font-weight:bold;	
color:#000000;	
}
div#formulaire_contact {
float:right;
width:410px;	
}


/* Le plan du site */
li.li_plan {
margin-left:30px;
}


/* Le bas de page */
div#bas_de_page {
width:900px;
margin:0 auto;
background:#DCD075 url("../images/bas_de_page.jpg") no-repeat left top;
}
div#bas_de_page p {
line-height:26px;
text-align:center;
font-size:12px;
font-weight:bold;
}
div#bas_de_page p img {
margin:0 5px;
}
div#bas_de_page a {
color:#fff;
text-decoration:none;
}
div#bas_de_page a:hover {
text-decoration:underline;
}


/* Classes généralistes */
h1 {
font-size:15px;
line-height:25px;
color: #fff;
padding-left:33px;
background:url("../images/puce_h1.jpg") no-repeat 15px 10px;
margin:0 0 20px 0;
}
h2 {
font-size:15px;
line-height:25px;
color: #fff;
padding-left:18px;
background:url("../images/puce_h1.jpg") no-repeat 0 10px;
margin:0 0 5px 0;
}
a {
color:#85740C;
}


/* Browsers update */
#browsers_update {
position:absolute;
top:50%;
left:50%;
z-index:10000;
width:800px;
height:150px;
margin-top:-125px;
margin-left:-450px;
background-color:#FFFFCC;
text-align:center;
padding:50px;
border:1px solid black;
font-weight:bold;
}
#browsers_close {
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}