/* CSS Document */

body{
  font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	text-align: justify;
	background-color: rgb(181,200 ,233);
  }
  
table{
  font-size: 100%;
  }

.italic{
  	font-style: italic;
    }
      
/* Conteneur général ne pas modifier */
#conteneur {
  position: absolute;
  top: 2px;
  left: 50%;
  margin-right:auto;
  margin-left:-380px;  
	width: 800px;
	height: 800px;
	/*background-color: rgb(255,255,255);*/
	background-image: url(../image/bg.png);
  }

#header {
  position: relative;
  top: 0px;
  left: 20px;
	width: 760px;
	height: 100px;
	background-image: url(../image/header.gif);
	color: rgb(51,0,51);
	background-repeat: no-repeat;
  }

#bloc_menu1 {
  position: relative;
  top: 0px;
  left: 20px;
	width: 760px;
	height: 290px;
	background-image: url(../image/accueil.jpg);
	background-repeat: no-repeat;
	}
	
#bloc_menu {
  position: relative;
  top: 0px;
  left: 20px;
	width: 760px;
	height: 290px;
	background-image: url(../image/appart.jpg);
	background-repeat: no-repeat;
	}

#bloc_menu2 {
  position: relative;
  top: 0px;
  left: 20px;
	width: 760px;
	height: 290px;
	background-image: url(../image/appart.jpg);
	background-repeat: no-repeat;
	}

#bloc_menu3 {
  position: relative;
  top: 0px;
  left: 20px;
	width: 760px;
	height: 290px;
	background-image: url(../image/salon.jpg);
	background-repeat: no-repeat;
	}

#bloc_menu4 {
  position: relative;
  top: 0px;
  left: 20px;
	width: 760px;
	height: 290px;
	background-image: url(../image/piscine.jpg);
	background-repeat: no-repeat;
	}
    	
#menu1{
  position: absolute;
  width: 170px;
  height: 280px;
  background-color: rgb(0,0,0);
  opacity: 0.4;
  filter:alpha(opacity=40);
  }
  
#menu{
  position: absolute;
  top: 26px;
  }
  
a.accueil{
  position: absolute;
  width: 170px;
  height: 30px;
  background-image: url(../image/menu_accueil.gif);
  }
  
a.accueil:hover{
  background-color: rgb(249,183,0);
  background: url(../image/menu_accueil.gif) 0 -30px;
  }
  
a.hotel{
  position: absolute;
  top: 30px;
  width: 170px;
  height: 30px;
  text-align: right;
  background-image: url(../image/menu_hotel.gif);
  }
  
a.hotel:hover{
  background: url(../image/menu_hotel.gif) 0 -30px;
  }    	
  
a.resid{
  position: absolute;
  top: 60px;
  width: 170px;
  height: 30px;
  background-image: url(../image/menu_resid.gif);
  }
  
a.resid:hover{
  background: url(../image/menu_resid.gif) 0 -30px;
  }   
  
a.chambre{
  position: absolute;
  top: 90px;
  width: 170px;
  height: 30px;
  background-image: url(../image/menu_chambre.gif);
  }
  
a.chambre:hover{
  background: url(../image/menu_chambre.gif) 0 -30px;
  }

a.service{
  position: absolute;
  top: 120px;
  width: 170px;
  height: 30px;
  background-image: url(../image/menu_service.gif);
  }
  
a.service:hover{
  background: url(../image/menu_service.gif) 0 -30px;
  } 
  
a.plan{
  position: absolute;
  top: 150px;
  width: 170px;
  height: 30px;
  background-image: url(../image/menu_plan.gif);
  }
  
a.plan:hover{
  background: url(../image/menu_plan.gif) 0 -30px;
  }
  
a.contact{
  position: absolute;
  top: 180px;
  width: 170px;
  height: 30px;
  background-image: url(../image/menu_contact.gif);
  }
  
a.contact:hover{
  background: url(../image/menu_contact.gif) 0 -30px;
  }    
/* Ne pas modifier */
#center {
  position: absolute;
  top: 390px;
  left: 20px;
  width: 760px;
  height: 370px;
  }

#center h1{
  font-size: 100%;
  }
  
/* Ne pas modifier */  
#footer {
  position: absolute;
  top: 767px;
  left: 0px;
  width: 800px;
  height: 50px;
  background-image: url(../image/footer.png);
  }

#texte{
  position: absolute;
  left: 230px;
  top: 35px;
  padding: 5px 5px 0 15px;
  width: 500px;
  height: 325px;
  color: rgb(51,0,51);
  overflow: auto;
  }

#photo{
  position: absolute;
  top: 50px;
  left: 0px;
  width: 230px;
  height: 325px;
  }
  
    
img{
  border: 0px;
  }
  
/*#photo img{
  width: 210px;
  height: 140px;
  margin: 5px 10px 10px 10px;
  border: 1px rgb(51,0,51) solid;
  }*/

#header a{text-decoration: none; color: rgb(51,0,51); font-size: 10px;}
#header a:link{text-decoration: none; color: rgb(51,0,51);}
#header a:visited{text-decoration: none; color: rgb(51,0,51);}
#header a:hover{text-decoration: none; color: rgb(51,0,51);}
#header a:active{text-decoration: none; color: rgb(51,0,51);}

      
#bloc_menu a{text-decoration: none; color: rgb(255,255,255); font-size: 13px; }
#bloc_menu a:link{text-decoration: none; color: rgb(255,255,255);}
#bloc_menu a:visited{text-decoration: none; color: rgb(255,255,255);}
#bloc_menu a:hover{text-decoration: none; color: rgb(255,255,255); }
#bloc_menu a:active{text-decoration: none; color: rgb(255,255,255);}

/*a{ text-decoration: none; color: rgb(0,51,102); font-size: 11px; } 
a:link { color: rgb(0,51,102); font-size: 11px; }    /* cibles non encore visitées */
/*a:visited { color: rgb(0,51,102); font-size: 11px; } /* cibles visitées */
/*a:hover { color: rgb(247,113,5); font-size: 11px; }   /* Liens pour "MouseOver" */
/*a:active { color: rgb(0,51,102); font-size: 11px; }  /* Liens cliqués */

.menu_foot{
  position: relative;
  top: 3px;
  left: 20px;
  width: 760px;
  text-align: center;
  border-top: 1px rgb(180,180,180) solid; 
  color: rgb(51,0,51);
  font-size: 110%;  
  }
  
.menu_foot a{ text-decoration: none; color: rgb(51,0,51); font-size: 100%; }
.menu_foot a:link { color: rgb(51,0,51); }    /* cibles non encore visitées */
.menu_foot a:visited { color: rgb(51,0,51); } /* cibles visitées */
.menu_foot a:hover { color: rgb(247,113,5); }   /* Liens pour "MouseOver" */
.menu_foot a:active { color: rgb(51,0,51); }  /* Liens cliqués */
  
input.bouton{
   color: #555566;
   font-size: xx-small;
   background-color: #ffffff;
   border: 1px solid rgb(180,180,180);
}

/*************************** MENU ******************************/
	
#menu ul {
  margin:0px;
	padding:0px;
	list-style:none;
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	}
		
#menu li {
  text-align:right;
	padding:0px;
	margin:0px;
	width:170px;
	}
	
#menu a {
  font-size:12px;
	display:block;
	padding: 6px 15px 6px 0px;
	margin:0px 9px 0px 0px;
	width:155px;
	color: rgb(255,255,255);
	}

#menu a:hover {
   color: rgb(255,255,255);
   background-color: rgb(249,183,0);

   }
   
a.current {
     background:url('images/current.gif') right top no-repeat;
     }
     
     
#nav, #nav ul {
   /* Width of Menu Items */
    margin:0px;
    padding:0px;
    z-index:2;
    }
   	
    
#nav li {
	position: relative;
	width:13px;
	}
	
	
	
#nav ul {
	position:absolute;
	left:170px; 
	top:0px;
	width: 135px;
	visibility:hidden;
	background-color:#2c2c2c;
	border:0px;
	opacity:.9;
	filter:alpha(opacity=90);
	-moz-opacity:.9;
	z-index:3;
	}
	
#nav ul li {
	width: 135px;
}

#nav ul a {
	  display: inline-block;
    padding: 6px 5px 6px 0px;
    width:130px;
    margin:0px;

    }
    
		
#nav li:hover ul, #nav li.over ul { visibility: visible} /* The magic */