* {margin:0;padding:0}
#content{
width:1024px;
margin:auto}
#lang{}
#menu{
position:relative;
width:1024px;
height:136px}
ul#nav {
position:relative;
top:0;
left:0;
width:1024px;
height:136px}
ul#nav li {
float:left;
list-style-type:none;
text-indent:-9999px;}
ul#nav li a {
border:0;
text-decoration:none;
display:block;
background-image:url(images/navigation_nl.gif);
background-repeat:no-repeat}
li#locations a {
height:136px;
width:171px;
background-position:0px -272px;}
li#disponibilite a {
height:136px;
width:151px;
background-position: -171px -136px;}
li#disponibilite a:hover{
background-position: -171px 0px;}
li#acces a {
height:136px;
width:144px;
background-position: -322px -136px;}
li#acces a:hover {
background-position: -322px 0px;}
li#contact a {
height:136px;
width:558px;
background-position: -466px -136px;}
li#contact a:hover {
background-position: -466px 0px;}


/*ACCORDION*/
#accordion{
position:relative;
float:none;
margin-top:50px;}
.toggle{
position:relative}
h1{
color:#666699;
font-family:Arial, Helvetica, sans-serif;
font-size:47px;}
.slide{
position:relative;
width:1024px;}
#titret2{
position:absolute;
bottom:0px;
left:220px}
#t2{
width:1024px;
height:90px;
background-image:url(images/appartement-T2.gif);
background-repeat:no-repeat;
background-position:right;
right:20px}
#titret4{
position:absolute;
bottom:0px;
left:184px}
#t4{width:1024px;
height:90px;
background-image:url(images/appartement-T4.gif);
background-repeat:no-repeat;
background-position:right;
right:20px}
#titremai{
position:absolute;
bottom:0px;
left:163px}
#mai{width:1024px;
height:90px;
background-image:url(images/maison.gif);
background-repeat:no-repeat;
background-position:right;
right:20px}
/*SLIDESHOW*/
.fondslide{
position:relative;
float:left;
width:630px;
height:545px;
background-image:url(images/fondslide.gif);
background-repeat:no-repeat;
left:10px;
top:20px}
div.slideshow {
overflow:hidden;
margin:auto;
top:7px;
}
div.slideshow ul {
background-color:none;
bottom: 0px;
left: 5px;
position: relative;
overflow: hidden;
padding: 5px 0;
z-index: 10001;}
div.slideshow ul a {
background-position: 50% 50%;
background-repeat:no-repeat;
cursor: pointer;
display:block;
height: 86px;
margin-top:23px;
margin-right: 5px;
opacity: 0.5;
width: 117px;}
div.slideshow ul a.active,
div.slideshow ul a:hover {
opacity: 1;}
div.slideshow ul li {
float: left;
list-style: none;}
/*TEXT*/
h2{
color:#996666;
font-family:"Arial Black";
font-size:24px}
div.text{
position:absolute;
float:right;
top:5px;
right:50px;
font-family:Arial;
font-size:18px;
line-height:32px;
color:#663333;
text-align:left}
.desc_titre{}
.desc{
margin-left:10px;
margin-top:20px}
.equ_titre{
margin-top:20px;}
.equ{
margin-left:10px;
margin-top:20px}
.clevacances{
width:126px;
height:79px;
margin-top:10px;
margin-left:170px;
text-indent:-9999px;}
.clevacances a {
border:0;
text-decoration:none;
display:block;
width:126px;
height:79px;
background-image:url(images/clevacances.gif);
background-repeat:no-repeat;}
.clevacances a:hover {
background-image:url(images/clevacances-over.gif)}
#foot{
margin-top:30px;}