html, body, ol, ul, li, dl, dt, dd, img {margin: 0;  padding: 0; border: 0; list-style: none;}
body {
background-color: #767455;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#fff;
padding:20px 0 0 0;
margin:0;
text-align:center;
}
h1 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0;}

p.index {font-size:13px; padding:0; margin:20px 0 10px 10px; font-weight:bold;}
p.titre {font-size:12px; padding:0; margin:5px 0 0 0; font-weight:bold;}
p.pt {font-size:10px; padding:0; margin:0; font-style:italic;}

/* ----------container to center the layout-------------- */
#container {
width: 955px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #626155;
border:2px solid #757467;
text-align:left;
}

#flags {position:absolute; width:110px; height:30px; left:50%; margin:150px 0 0 380px; padding:0;}
#flags img {display:inline; float:left; margin: 0 5px 0 0; padding:0;}
#content_contact p span, #content_pages p span {font-weight:bold;}

/* ----------banner for logo-------------- */
#banner {
text-align: center;
padding: 0px;
margin: 0px;
}

/* -----------------content--------------------- */
#content {
background-color: #626155;
padding: 0px;
margin: 0 296px 0 178px;
height:241px;
}
#content_pages {
background-color: #626155;
padding: 0 30px 0 30px;
margin: 0 0 0 178px;
height:241px;
}
#content_pages p {margin:10px 0 0 0; padding:0;

}
#content_contact {
background-color: #626155;
padding: 0 30px 0 30px;
margin: 0 0 0 178px;}

#content_contact2 {
background-color: #626155;
padding: 0 0 0 30px;
margin: 0 0 0 178px;
height:241px;}


#content_video {
background-color: #626155;
padding: 0 30px 0 0;
margin: 0 0 0 178px;}


#flash {margin:10px 0 0 40px; padding:0;}
#panor {margin:40px 0 0 20px; padding:0; border:0;}
#revue{border:1px #757467 solid;}

/* --------------left navi------------- */
#left {
float: left;
width: 178px;
margin: 0;
padding: 0;
}
#right {float: right; width: 296px; margin: 0; padding: 0;}
#right3 {float: right; width: 296px; margin: 0; padding: 0; text-align:center; }
#right_panorama {float: right; width: 296px; margin: 0; padding: 0; text-align:center; }


#right3 img {margin: 3px 3px 0 3px; padding:0; border:1px #757467 solid;}
#right3 img.bas {margin: 3px 3px 0 3px; padding:0; border:1px #757467 solid;}


/* -----------btn menu--------------------------- */
ul {width:177px; margin:0; padding:0; }
ul li a {display:block; color:#fff; font-weight:bold; text-align:left; text-decoration:none; background-color:#4b472d; padding:0; margin:0;}
ul li a:hover{text-decoration:none; background-color:#767363; color:#fff; padding:4px 0 4px 45px; text-align:left; margin:1px 0;}

a.acc {background-image: url("../images/btn_acc.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; text-align:left; margin:1px 0;}
a.duplex, a.loft, a.studio, a.suite, a.dispo {background-image: url("../images/btn_bg.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; margin:1px 0;}
a.presse {background-image: url("../images/btn_presse.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; margin:1px 0;}
a.contact {background-image: url("../images/btn_courrier.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; margin:1px 0;}
a.transp {background-image: url("../images/btn_interro.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; margin:1px 0;}
a.tarifs {background-image: url("../images/btn_calc.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; margin:1px 0;}
a.liens {background-image: url("../images/btn_fleche.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#4b472d; padding:4px 0 4px 45px; margin:1px 0;}

a.chambres {background-image: url("../images/btn_bg.gif"); background-position:0 50%; background-repeat:no-repeat; background-color:#767363; padding:4px 0 4px 45px; margin:1px 0;}
a.prestations {text-decoration:none; padding:0; margin:0 0; color:#fff; font-weight:bold;}
a.prestations:hover {color:#4b472d;}


/* -----------footer--------------------------- */
#footer {clear: both; margin: 15px 0 0 0; padding: 20px 0 0 0; text-align: center; border-top:2px solid #757467;
}

a {text-decoration:none; padding:0; margin:1px 0; color:#fff;}
a:hover {text-decoration:none; padding:0; margin:1px 0; color:#4b472d;}

a.disponib {text-decoration:none; padding:0; margin:20px 0 0 0; color:#fff; font-weight:bold;}
a.disponib:hover {text-decoration:none; color:#3c3a2b;}