body{
background-image:url(images/fond.png);
}
#conteneur{
width:888px;
margin:0 auto;
}
#haut{
margin-top:10px;
width:888px;
height: 64px;
background-image: url(images/haut.gif);
}
#center{
width:888px;
background-image: url(images/milieu.gif);
padding-bottom:1px;
padding-top:1px;
}
#bas{
width:888px;
height: 48px;
background-image: url(images/bas.gif);
}
li{
margin-top:7px;
margin-right:20px;
float:left;
list-style:none;
height:20px;
line-height:20px; 
}
#titre{
position:relative;
left:50px;
width:546px;
height:111px;
}
#imageacc{
position:relative;
width:518px;
height:249px;
left:65px;
top:5px;
}
#textacc{
width:200px;
position:relative;
float:right;
margin-top:-190px;
padding-right:50px;
margin-bottom:-300px;
}
.separation{
clear:both;
visibility:hidden;
}
.adressacc{
text-align:center;
margin-left:200px;
margin:0px;
padding:0px;
}
#bloc{
position:relative;
left:100px;
width:652px;
}
#hautboite{
width:652px;
height:40px;
background:url(images/hautboite.gif);
}
#milieuboite{
width:652px;
background:url(images/centerboite.gif);
padding-bottom:1px;
padding-top:1px;
}
#basboite{
width:652px;
height:37px;
background:url(images/basboite.gif);
}
#textlavie{
float:left;
width:250px;
margin-left:20px;

padding:0px;
}
#photolavie{
float:right;
margin-right:20px;

padding:0px;
}
a.rollopaque img {
  opacity: 0.9;
  filter:alpha(opacity=90);
}
a.rollopaque:hover img {
  opacity: 1.0;
  filter:alpha(opacity=100);   
} 
#editodormir{
margin-left:50px;
width:500px;
}
#txtsuddormir{
width:500px;
margin-left:50px;
margin-top:20px;
}
#photosuddormir{
margin-left:48px;
margin-top:20px;
}
#logo{
/*border:1px solid #ff0000;*/
/*width:800px;*/
position:relative;
left:0px;
margin-left:25px;
margin-top:20px;
}
#logo p{
text-align:center;
padding:0px;
margin:0px;
}
#logo2{
width:205px;
position:relative;
left:0px;
margin-left:0px;
}
#credit{
float:right;
text-align:right;
margin-right:20px;
}
#txtdecouvrir{
width:250px;
margin-left:20px;
float:left;
}
#imgdecouvrir{
float:right;
margin-right:20px;
}
#photodecouvrir{
margin-left:75px;
margin-top:20px;
clear:both;
}
#tarifs{
margin-left:50px;
float:left;
width:310px;
}
#fleur{
float:right;
}
#reserver{
margin-left:20px;
float:left;
width: 300px;
}
#cadre{
margin-right:20px;
float:right;
width: 200px;
}
#note p{
width:200px;
font-size:9px;
text-align:right;
text-align:left;
clear: both;

}
.liens a{
font-family: verdana;
font-size: 11px;
color:#BD3907;
}
.liens a:hover{
font-family: verdana;
font-size: 11px;
color:#BD3907;
text-decoration:underline;
}
#disponibilite{
margin-left: 50px;
margin-right: 50px;
}
#photo{
text-align:center;
}