/* CSS Document */

html , body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0pt;
padding:0pt;
height:100%;
}

a {
outline:none;}

h1 {
color:#88b455;
font-size:18px;
font-weight:bold;
}

h2 {
color:#88b455;
font-size:14px;
font-weight:bold;
margin:5px 0 0 10px;
}

ul {margin:0; padding:0}
input { font-size : 1em; }

#main_content {
margin:10px auto 0 auto;
text-align:center;
width:968px;
background:url(img/bg_main_content.gif) repeat-y;
height:auto;
}

#header {
background:url(img/header.jpg);
height:196px;
width:968px;
cursor:pointer;
}

#content {
text-align:left;
}

/*************************************************************************************************************************************/
#menu {
height:395px;
width:215px;
background:url(img/bg_menu.gif);
float:left;
margin:10px 0 0 12px;
display:inline;}

#menu li{list-style:none}

.menu_liens{
display:block;
width:215px;
height:28px;
text-indent:-5000px;
text-decoration:none;
}

#menu_bienvenu {background:url(img/menu_bienvenue.jpg); margin-bottom:10px}

#menu_gite{background:url(img/menu_gite.jpg);}
#menu_gite:hover{background:url(img/menu_gite.jpg) bottom;}

#menu_prestations{background:url(img/menu_prestations.jpg)}
#menu_prestations:hover{background:url(img/menu_prestations.jpg) bottom;}

#menu_environnement{background:url(img/menu_environnement.jpg)}
#menu_environnement:hover{background:url(img/menu_environnement.jpg) bottom}

#menu_chambre{background:url(img/menu_chambres.jpg)}
#menu_chambre:hover{background:url(img/menu_chambres.jpg) bottom}

#menu_reservation {background:url(img/menu_reservation.jpg)}
#menu_reservation:hover {background:url(img/menu_reservation.jpg) bottom}

#menu_acces {background:url(img/menu_acces.jpg)}
#menu_acces:hover {background:url(img/menu_acces.jpg) bottom}

#menu_contact{background:url(img/menu_contact.jpg)}
#menu_contact:hover{background:url(img/menu_contact.jpg) bottom}

.logo_asso{border:none; margin:10px 0 3px 66px;}
.logo_cle{border:none; margin:0px 0 10px 44px;}
/*************************************************************************************************************************************/

#contenu{
float:left;
display:inline;
margin:10px 0 10px 15px;
padding:10px;
width:706px;
color:#5b5b5b;
}

#contenu a{
/*color:#554f4f;*/
color:#5C9F32;
font-weight:bold;
text-decoration:underline;}

#contenu a:hover{text-decoration:none;}

#footer{
background:url(img/footer.gif);
height:8px;
width:968px;
clear:both;
}

.img_article{margin:0 10px 5px 0}


/*************************************************************************************************************************************/
.details_chambre{
float:left;
width:222px;
margin:0 9px 0 0;
color:#554f4f;}

.details_maison_hotes{
float:left;
width:222px;
margin:0 9px 0 0;
color:#554f4f;}

.img_chambre{
display:block;
width:222px;
height:168px;
}
.img_maison{
display:block;
width:222px;
height:168px;
}
.img_maison_hidden{display:none}

.img_chambre_hidden{display:none}

.chambre1{ background:url(img/campagnarde/chambre_campagnarde_thumb.jpg)}
.chambre2{ background:url(img/oceane/chambre_Loceane_thumb.jpg)}
.chambre3{ background:url(img/montagnarde/img_chambre3.jpg)}

#infos_chambre{clear:both; font-size:11px; color:#000000; padding:25px 0 0 0;}
.compl_chambre{font-size:9px;}

/*************************************************************************************************************************************/
#maps{margin:0 auto; text-align:center;}

/*************************************************************************************************************************************/
.encars_conteneur{margin:0 0 20px 0; clear:both; overflow:auto;}

.encars_environnement{
padding:4px;
width:202px;
height:110px;
float:left;
display:inline;
border:#CCCC99 solid 1px;
margin:4px 10px}

#formReservation_left 	{ float : left; width : 440px; }
#formReservation_right 	{ float : right; width : 210px; }

.lien1{color:#5C9F32;
font-weight:bold;
text-decoration:underline;}
a.lien1:hover{color:#5C9F32;
font-weight:bold;
text-decoration:none;}