/* CSS Document */
body {
background-color:#a4a086;
margin:0;
}
#global {
position : absolute; 
left : 50%; 
width : 798px; 
margin-top : 10px; 
margin-left : -399px;
background-image: url(../img/til.gif);
background-color:#000000;
}
#header {
width:798px;
height:80px;
color:#FFFFFF;
background-image:url(../img/header.gif);
position:relative;
margin:0;
padding:0;
}
#header .french {
width:75px;
height:14px;
background: url(../img/francaison.gif) no-repeat right;
position:absolute;
top:-5px;
left: 625px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#header .frenchoff a {
width:75px;
height:14px;
background: url(../img/francaisoff.gif) no-repeat right;
position:absolute;
top:-5px;
left: 625px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
#header .frenchoff a:hover {
width:75px;
height:14px;
background: url(../img/francaison.gif) no-repeat right;
position:absolute;
top:-5px;
left: 625px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;
}
#header .english a {
width:69px;
height:14px;
background: url(../img/anglaisoff.gif) no-repeat right;
position:absolute;
top:-5px;
left: 711px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
#header .english a:hover {
background: url(../img/anglaison.gif) no-repeat right;
color:#FFFFFF;
}
#header .englishon {
width:69px;
height:14px;
background: url(../img/anglaison.gif) no-repeat right;
position:absolute;
top:-5px;
left: 711px;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
text-decoration:none;
}
#header h1 {
margin:0;
padding:0;
position:absolute;
left:57px;
top:35px;
font: normal 24px Georgia, "Times New Roman", Times, serif;
}
#header h2 {
position:absolute;
top:41px;
left:240px;
margin:0;
padding:0;
font: italic 17px Georgia, "Times New Roman", Times, serif;
letter-spacing:1px;
}
#main {
width:762px;
margin-top:30px;
background-color:#000000;
font:Georgia, "Times New Roman", Times, serif;
color:#CCCCCC;
margin-left:18px;
}
#main .resto {
visibility:hidden;
}
#left {
width:230px;
background: right url(../img/til.jpg) no-repeat top;
}
#left img {
margin:20px 0 0 40px;
}

#right {
width:515px;
float:right;
}
#right .cta a {
color:#b2a567;
font: bold 12px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
}
#right .cta a:hover {
text-decoration:underline;
}
#right h1 {
font: normal 16px Georgia, "Times New Roman", Times, serif;
display:block;
background: url(../img/b.gif) no-repeat left;
height:27px;
padding:10px 0 0 40px;
line-height:27px;
}
#right h2 {
font: bold 13px Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}
#right .cp {
margin:20px;
list-style-type: circle;
font: normal 12px Georgia, "Times New Roman", Times, serif;
}
#right .galerie {
font: normal 16px Georgia, "Times New Roman", Times, serif;
display:block;
background: url(../img/c.gif) no-repeat left;
height:27px;
padding:5px 0 0 35px;
line-height:27px;
margin-bottom:25px;
}
#right .galeriem {
font: normal 16px Georgia, "Times New Roman", Times, serif;
display:block;
background: url(../img/m.gif) no-repeat left;
height:27px;
padding:10px 0 0 40px;
line-height:27px;
margin-bottom:25px;
}
#right .galeries {
font: normal 16px Georgia, "Times New Roman", Times, serif;
display:block;
background: url(../img/s.gif) no-repeat left;
height:27px;
padding:10px 0 0 25px;
line-height:27px;
margin-bottom:25px;
}
#right .galerieen {
font: normal 16px Georgia, "Times New Roman", Times, serif;
display:block;
background: url(../img/w.gif) no-repeat left;
height:27px;
padding:13px 0 0 30px;
line-height:27px;
margin-bottom:25px;
}
#right .grotte {
font: normal 16px Georgia, "Times New Roman", Times, serif;
display:block;
background: url(../img/f.gif) no-repeat left;
height:35px;
padding:5px 0 0 35px;
line-height:27px;
margin-bottom:25px;
}
#right p {
font: normal 13px Georgia, "Times New Roman", Times, serif;
text-align:justify;
padding-right:30px;
}
#right a {
color:#FFFFCC;
}
#menu {
font: normal 14px Georgia, "Times New Roman", Times, serif;
color: #d7d7bd;
}
#villa .img2 {
margin-top:35px;
margin-bottom:25px;
}
#villa .img3 {
margin: 35px 0 25px 5px;
}
#villa .img4 {
margin:0;
}
#villa .grotte1 {
float:right;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
dl#menu {
width: 165px;
margin-left:38px;
}
#menu .actif {
background-image: url(../img/bgcel3.gif);
font-weight:bold;
}
#menu .actif2 {
background-image:url(../img/bgcel5.gif);
font-weight:bold;
}
dl#menu dt a{
cursor: pointer;
margin: 2px 0;
height: 30px;
line-height: 30px;
text-align: left;
color:#FFFFFF;
background-image:url(../img/bgcel.gif);
}
dl#menu dt a:hover {
background-image: url(../img/bgcel3.gif);
font-weight:bold;
}
dl#menu li a {
text-align: left;
color:#d7d7bd;
height:25px;
line-height:25px;
background: url(../img/bgcel4.gif) no-repeat right;
font-size:11px;
text-decoration:none;
text-indent:30px;
display:block;
}
dl#menu li a:hover {
background-image:url(../img/bgcel5.gif);
height:25px;
}
dl#menu dt a {
color: #d7d7bd;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
text-indent:15px;
}
#menu dt a:hover {
background: url(../img/bgcel3.gif) no-repeat bottom;
height:30px;
}
#crealeft h2 {
font: bold 14px Georgia, "Times New Roman", Times, serif;
margin:0;
padding: 0 0 0 0;
}
#crealeft p {
margin:0;
padding: 20px 0 0 0;
}
#crealeft img {
margin: 0 50px 0 30px;
float:left;
}
#crealeft ul {
float:left;
}
#crealeft li a {
display: block;
width: 125px;
height: 23px;
font: normal 11px Georgia, "Times New Roman", Times, serif;
background-image:url(../img/bouton.gif);
text-decoration:none;
color:#FFFFFF;
padding-left:28px;
line-height:23px;
margin-top:40px;
}
#crealeft li a:hover {
text-decoration:underline;
}
#crealeft .nacre {
padding-top:50px;
}
#crearight h2 {
font: bold 14px Georgia, "Times New Roman", Times, serif;
margin:0;
padding: 0 0 0 40px;
}
#crearight p {
margin:0;
padding: 20px 0 0 40px;
}
#crearight img {
margin: 0 100px 0 0;
float:right;
}
#crearight ul {
float:right;
margin-right:70px;
}
#crearight li a {
display: block;
width: 125px;
height: 23px;
font: normal 11px Georgia, "Times New Roman", Times, serif;
background-image:url(../img/bouton.gif);
text-decoration:none;
color:#FFFFFF;
padding-left:28px;
line-height:23px;
margin-top:40px;
}
#crearight li a:hover {
text-decoration:underline;
}
#crearight .etoile {
padding-top:25px;
}
hr {
clear: both;
visibility:hidden;
}
#footer {
clear:both;
background-image:url(../img/footer.gif);
height:32px;
position:relative;
}
#footer .optim {
	display:none;
	}
#footer ul {
position:absolute;
top: 0px;
left: 20px;
}
#footer li {
float:left;
margin:6px;
}
#footer li a {
color: #000000;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
#footer li a:hover {
text-decoration:underline;
}
#footer .barre {
color:#FFFFFF;
margin-left:13px;
font-size: 13px;
}
#footer .agence {
float:right;
margin: 10px 15px 0 0;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#footer .agence a {
color:#FFFFFF;
text-decoration:none;
}
#footer .agence a:hover {
text-decoration:underline;
}
/*POP UP*/
#principal {
width:567px;
height:473px;
position:relative;
}
#principal ul {
margin:0;
padding:0;
}
#principal li a {
display:block;
width:130px;
height:40px;
background-image:url(../img/bt-pop-off.jpg);
color: #000000;
font: normal 11px Georgia, "Times New Roman", Times, serif;
text-decoration:none;
text-indent:50px;
line-height:20px;
}
#principal .nobt {
display:block;
width:130px;
height:40px;
background-image:url(../img/no-bt.jpg);
}
#principal li a:hover {
background-image:url(../img/bt-pop-on.jpg);
color:#FFFFFF;
}
#principal .actif {
background-image:url(../img/bt-pop-on.jpg);
color:#FFFFFF;
text-indent:50px;
line-height:20px;
}
#principal .bgright {
position:absolute;
top:20px;
left:542px;
}
#principal .bgleft {
position:absolute;
left:65px;
top:106px;
}
#principal .bgfooter {
position:absolute;
left: 107px;
top:450px;
}
#contenu {
width:412px;
height:424px;
background-color:#000000;
position:absolute;
left:130px;
top:26px;
}
#contenu h1 {
color:#FFFFFF;
margin:20px 0 0 280px;
font-size:20px;
}
#contenu img {
margin:5px 0 0 30px;
}
.cel {
width: 140px;
height:30px;
text-align:right;
padding-right:30px;
}
.caroline {
float:right;
margin:30px;
}
#xiti {
position:absolute;
top:30px;
left:740px;
}