body {
margin:0;
padding:0;
font-size:small;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
color: #666;
background: #fff url(../images/body_top.jpg) center top no-repeat;
}
#wrapper{
margin:11px 0 0 0;
padding:0;
background: #fff url(../images/bg_container.gif) center top repeat-y ;
}
#container {
width:770px;
margin:0 auto;
padding:0 0 0 1px;
}
#header{
margin:0;
padding:0;
}
#header h1{
width:770px;
margin:0;
padding:0;
height:98px;
background: #fff url(../images/banniere.jpg) center top no-repeat;
text-indent:-9999px;
}
#nav{
width:770px;
margin:0;
padding:0;
}
#nav ul{
width:770px;
float:left;
margin:0;
padding:0;
list-style-type:none;
background: #93c372 url(../images/bg_nav.jpg) bottom left repeat-x;
}
#nav li{
float:left;
margin:0 0 0 6px;
padding:0;
text-transform:uppercase;
}
#nav a:link, #nav a:visited {
float:left;
display:block;
margin:0 1px 0 0;
padding:4px 8px 6px 8px;
color:#FFFFCC;
font-size:90%;
font-weight:bold;
text-decoration:none;
letter-spacing:1px;
}
#nav a:hover{
text-decoration:underline overline;
color:#FFFF99;
}
#main{
margin:0 0 10px 0;
padding:0;
}
.img_main{
clear:left;
padding:0;
border:0;
margin:0;
}
#left{
background-color:transparent;
float:left;
width:440px;
margin:0;
padding:10px 0 10px 20px;
}
#left h2{
font-size:140%;
color:#006594;
margin: 0 0 10px 0;
padding:0;
font-weight:normal;
}
#left ol{
font-size:100%;
margin:0 20px 15px 30px;
padding:0;
}
#left ol ul{
margin:5px 0 0 25px;
}
#left ol li{
margin:0 0 15px 0;
padding:0 0 15px 0;
border-bottom:1px dotted #999;
}
#left ol ul li{
background: url(../images/arrow.gif)  0 6px no-repeat;
list-style:none;
padding:0 0 0 15px;
margin:0 0 10px 0;
border-bottom:none;
}
.welcome {
float: left;
width: 416px;
padding: 5px 0 10px 0;
margin:0 0 20px 0;
border-bottom:1px solid #D9E0E6;
}
.welcome dl{
float: left;
width: 416px;
margin: 0;
padding: 0;
display: inline; /* fixes IE/Win double margin bug */
}
.welcome dt{
float: right;
width: 276px;
margin: -5px 0 0 0;
padding: 0;
font-size:140%;
color:#006594;
}
.welcome dd{
margin: 0 0 5px 140px;
padding: 0;
font-size:100%;
letter-spacing:0.1em;
color: #666;
}
.welcome dl dd.img{
margin:0;
}
.welcome dd.img img{
float: left;
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}
.attrac{
width:200px;
margin:0 30px 0 0 ;
padding:0;
float:left;
}
.offre{
width:200px;
margin:0;
padding:0;
float:left;
}

.offre img{
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}
p{
font-size:100%;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
letter-spacing:0.1em;
color: #666;
margin:0 0 20px 0;
padding:0;
}
#right{
background-color:transparent;
float:right;
width:297px;
margin:0;
padding:20px 0 0 0;
}
#right .img{
margin:0 0 0 20px;
padding:0;
border:0;
}
#right a img{
margin:0;
padding:0;
border:0;
}
#right h3{
font-size:120%;
color:#fff;
margin: 0 0 10px 0;
padding:3px 10px;
font-weight:bold;
background:#7bc342 url(../images/bg_h3.jpg) left top repeat-x;
}
#right h4{
font-size:110%;
margin:10px 0 5px 30px;
text-decoration:underline;
}
#right p{
font-size:100%;
margin:0 20px 15px 30px;
}
#right a:link, #right a:visited{
color:#0000CC;
text-decoration:underline;
}
#right a:hover{
color:#000066;
}
#right ul{
margin:10px 0 0 25px;
padding:0 10px 0 0;
}
#right ul li{
background: url(../images/arrow.gif)  0 6px no-repeat;
list-style:none;
padding:0 0 0 15px;
margin:0 0 15px 0;
}

#right table{
margin:0 0 10px 10px;
text-align:center;
padding:2px;
}
#right th{
font-size:80%;
background-color:#006594;
color:#FFF;
border-bottom:1px solid #ffc;
border-right:1px solid #ffc;
}
#right th.bg_white{
background-color:#BDC3C6;
border-bottom:1px solid #ffc;
border-right:1px solid #ffc;
}

#right td{
color:#006594;
background-color:#BDC3C6;
border-bottom:1px solid #ffc;
border-right:1px solid #ffc;
}
#footer{
clear:both;
width:795px;
height:79px;
background: #fff url(../images/bg_footer.jpg) center bottom no-repeat;
margin:-20px auto 0 auto;
padding:0;
}
#footer p{
text-indent:-9999px;
}
.img_left{
float:left;
margin:0 5px 5px 0;
padding:5px;
background-color:#FFF;
border:1px solid #16729d;
}
a.fleche:link, a.fleche:visited{
background: transparent url(../images/fleche.jpg) left center no-repeat;
padding:0 0 0 20px;
color:#0000CC;
text-decoration:underline;
}
a.fleche:hover{
color:#000066;
}
div.attrac ul{
margin:0;
padding:0;
}
div.attrac ul li{
background: url(../images/arrow.gif)  0 6px no-repeat;
list-style:none;
padding:0 0 0 15px;
margin:0 0 15px 0;
}
a.link_arrow:link, a.link_arrow:visited {

margin:0;
color:#0000CC;
text-decoration:underline;
}
a.link_arrow:hover{
color:#000066;
}
.soulign{
text-decoration:underline;
}
.bord_img{
float: left;
margin: 0 0 10px 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #fff;
}
.divider{
clear:both;
margin:5px 0;
width:432px;
height:6px;
background: transparent url(../images/divider.gif) left top no-repeat;
}
ul.photos{
float:left;
width:420px;
margin:0 0 20px 0;
padding:0;
list-style-type:none;
}
ul.photos li{
margin:0 15px 15px 0 ;
padding:0;
float:left;
}
ul.photos li a{
display:block;
border:0;
}
#sejour, #cuisine, #sdb, #chambre{
width:430px;
margin:0;
padding:8px 10px;
}
#sejour{background: transparent url(../images/id_sejour.jpg) left top no-repeat;}
#cuisine{background: transparent url(../images/id_cuisine.jpg) left top no-repeat;}
#sdb{background: transparent url(../images/id_sdb.jpg) left top no-repeat;}
#chambre{background: transparent url(../images/id_chambre.jpg) left top no-repeat;}

#construc{
position:absolute;
top:0;
left:0;
}
.txtBarre{
text-decoration:line-through;
}
.txt_noir{
color:#000;
font-size:120%;
}
#langues{
position:absolute;
top:23px;
margin:0;
padding:0;
}
#langues ul{
margin:0 0 0 15px;
padding:0;
list-style-type:none;
}