/* CSS Document */
* html ul#menu {

position:absolute;
margin-top:30px;

text-align::center;
left:0px;
width: 385px;
height: 300px;
margin-left:0px;




}

body {
font-family:Arial, Helvetica, sans-serif; 
font-size: 0.8em;
margin: 0;
padding: 0;


}


 a{

color:#666666;

}
a:hover{

color:#000000;

}

#header {
position:relative;
top:0px;
height: 300px;
width:385px;
background-image:url(../img/bg/home/bg.gif);
background-repeat: no-repeat;

}

#conteneur {
position: relative;
border:solid 1px #666666;
width: 770px;
height:600px;
margin: 0 auto; 
background-image:url(../img/bg/home/menu/menu.gif);
margin-top:20px;
}

#calquegauche{

	position:absolute;
	margin-left:385px;
	top:0px;
	right:0px;
	height:600px;
	width:385px;;
	background-color:#FFFFFF;
border-left:solid 1px #666666;
	}
#calquetexte{
overflow:auto;
scrollbar-face-color: #dfdedf;
scrollbar-shadow-color: #9d0b13;
scrollbar-highlight-color: #9d0b13;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #d8d6d7;
scrollbar-track-color: #d8d6d7;
scrollbar-arrow-color: #9d0b13;

	position:absolute;
	margin-left:385px;
	top:300px;
	right:0px;
	height:300px;
	width:385px;;
	background-color:#FFFFFF;
border-left:solid 1px #666666;
	}
     /* menu */
	 
ul#menu {

position:absolute;
margin-top:30px;

text-align::center;

width: 385px;
height: 300px;
margin-left:-40px;






}
#menu li {

margin-top:25px;
list-style-type:none;
margin-left:0px;
	


}

  /* modifier sa position  */
#menu a {

	display:block;
	margin:5px0;
	font-size:0.9em;
	color:#666666;
	text-decoration:none;
	letter-spacing:0.2em;
	
	border:1pxsolidblack;
	height:20px;
	padding-top:2px;

padding-left:30px;
}

a#accueil{

	display:block;
	margin:5px	0;
	font-size:0.9em;
	color:#000000;
background-image:url(../img/menu/accueil.gif);
	width:112px;
	border:1pxsolidblack;
} 


a#restaurant:hover{
	display:block;
	margin:5px	0;
	font-size:0.9em;
	color:#000000;
background-image:url(../img/menu/restaurant_up.gif);
	width:112px;
	border:1pxsolidblack;
} 

a#hotel:hover{
	display:block;
	margin:5px	0;
	font-size:0.9em;
	color:#000000;

background-image:url(../img/menu/hotel_up.gif);
	width:112px;
	border:1pxsolidblack;
} 

a#activites:hover{
	display:block;
	margin:5px	0;
	font-size:0.9em;
	color:#000000;

background-image:url(../img/menu/activites_up.gif);
	width:112px;
	border:1pxsolidblack;
}

a#contact:hover{
	display:block;
	margin:5px	0;
	font-size:0.9em;
	color:#000000;

background-image:url(../img/menu/contact_up.gif);
	width:112px;
	border:1pxsolidblack;
}
 /* elttexte */
 
#calquegauche	h1{
margin-top:10px;
font-size:1.2em;
font-weight:600;
text-align:center;
color:#333333;
letter-spacing:1px;
line-height: 1.1em;

}

#calquegauche	p{


letter-spacing:1px;

}

.coord {
position:relative;
width:350px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-weight:normal
font-size:0.9em;
line-height: 1.4em;
color:#666666;
}

.coord a{

color:#666666;

}
.coord a:hover{

color:#000000;

}
.text {
font-size:0.9em;
color:#666666;
letter-spacing:1px;
margin-right:15px;
margin-left:15px;
text-align:justify;
}
.fin {
text-align:center;
color:#666666;
letter-spacing:1px;
margin-right:15px;
margin-left:15px;
}
#signature{
margin-top:10px;
height:50px;
width:765px;
font-size:0.8em;
color:#666666;
letter-spacing:1px;
text-align:center;
margin-left:auto;
margin-right:auto;
}
.piedaztech{
font-size:1em;
color:#666666;
letter-spacing:1px;
text-align:center;
text-decoration:none;
padding-top:10px;
}

#signature a:hover{
font-size:1em;
color:#996699;
letter-spacing:1px;
text-align:center;
text-decoration:none;
padding-top:10px;
}