*{
margin:0;
padding:0;
}
img{
border:0;
}
body{
background-image:url(fond.jpg);
background-repeat:no-repeat;
background-position:50% 0%;
background-attachment:fixed;
background-color:#fff;
text-align:center;
font-size:16px;
color:#333;
font-family:georgia;
height:100%;
}
#total{
width:940px;
margin:0 auto;
text-align:left;
background:url(total.png) no-repeat 0 126px;
}
#header{
width:940px;
background:url(logo.png) no-repeat 20px 20px;
height:126px;
}
#header h1{
font-size:16px;
font-weight:100;
color:#fff;
padding:45px 0 0 420px;
width:270px;
}
#menu{
position:absolute;
z-index:9;
list-style-type:none;
top:92px;
margin-left:40px;
height:34px;
}
#menu li{
float:left;
}
#menu a{
color:#333;
display:block;
font-size:12px;
text-decoration:none;
background:url(menu_li.gif) no-repeat 0 8px;
width:98px;
height:20px;
text-align:center;
padding-top:14px;
margin-right:10px;
}
#menu a.lead{
background-position:0 -42px;
padding-top:10px;
height:24px;
font-weight:900;
color:#528037;
}
#menu a:hover{
background-position:0 -42px;
padding-top:10px;
height:24px;
font-weight:900;
color:#528037;
}
#header img{
position:absolute;
top:10px;
margin-left:780px;
}
#background_photo{
position:absolute;
width:900px;
height:490px;
margin-left:20px;
top:126px;
-moz-opacity:0.8;
opacity: 0.8;
filter:alpha(opacity=80);
display:none;
background-color:#fff;
}
#cont_photo{
position:absolute;
margin-left:40px;
top:146px;
display:none;
width:860px;
height:450px;
background:url(wait.gif) no-repeat center;
}
.btn_image{
position:absolute;
width:30px;
height:30px;
cursor:pointer;
display:none;
background:url(fermer.png) no-repeat;
}
#fermer{
top:151px;
margin-left:865px;
}
#droite{
background-image:url(droite.png);
top:356px;
margin-left:865px;
}
#gauche{
background-image:url(gauche.png);
top:356px;
margin-left:45px;
}
.btn_image:hover{
background-position:0 -30px;
}
#contenu{
padding:20px 40px 0 40px;
height:402px;
}
#contenu p a{
color:#333;
text-decoration:none;
border-bottom:1px dotted #666;
}
#contenu p a:hover{
color:#558238;
}
.bloc_accueil{
float:left;
margin-top:10px;
margin-left:90px;
border:1px solid #ccc;
text-align:center;
padding:5px;
width:150px;
}
#rec_img{
height:300px;
}
#rec_img img{
position:absolute;
}
#colonne_texte{
width:350px;
float:left;
margin-top:40px;
line-height:150%;
}
#colonne_image{
float:left;
margin-left:50px;
width:440px;
}
#colonne_image img{
padding:5px;
border:1px solid #fff;
cursor:pointer;
}
#colonne_image img:hover{
border-color:#ccc;
}
#colonne_image  p{
font-size:11px;
font-style:italic;
text-align:right;
}
.vignette_environs{
float:left;
border:1px solid #ccc;
padding:8px;
margin:8px;
cursor:pointer;
}
.vignette_environs:hover{
border-color:#666;
}
.vignette_environs p{
text-align:center;
}
.vignette_environs a{
text-decoration:none;
color:#333;
}
#tab_reserv{
border-collapse:collapse;
width:100%;
margin-top:20px;
}
#tab_reserv tr{
cursor:default;
}
#tab_reserv tr:hover{
background:#d6e8ca;
}
#tab_reserv td{
font-size:12px;
border:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
padding:5px;
}
.tr_titre td{
text-align:center;
vertical-align:top;
background:#558238;
color:#fff;
}
#menu_environs{
position:absolute;
top:133px;
margin-left:516px;
}
#menu_environs img{
margin-left:3px;
}
#footer{
width:940px;
margin:0 auto;
text-align:left;
background:url(footer.png) no-repeat;
height:90px;
}
#footer p{
padding:50px 40px 0 0;
font-size:11px;
text-align:right;
color:#999;
}
#footer a{
color:#999;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}