@charset "utf-8";
/* GÉNÉRAL */
a {color: mediumblue;text-decoration: underline;}
a:hover, a:focus {color: crimson}
a img {border: none;}
strong {font-weight: bold;color:#191970;}

body {font:14px/1.5 Calibri, Helvetica,sans-serif;width:100%;color:#291908;background-color: #f0ffff;}

#container {width:900px; min-height:100%; margin-left:auto; margin-right:auto;background:#fff;border-left:2px solid #0a8aae;border-right:1px solid #0a8aae;border-bottom:2px solid #0a8aae; border-top:1px solid #0a8aae; border-radius-bottomleft:8px;border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-radius-topleft:8px;border-radius-topright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px; overflow:hidden;}
#container img {border:0;}


#toplang {width:100%;background-color:#0A8AAE;min-height:35px;color:#FFFFFF;word-spacing:1em;
text-align:right;font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:middle;
margin-top:-2px;-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;}
#toplang a {color:#0A8AAE; text-decoration:none;}

h1#header{height:185px;width:100%;margin-bottom:0px;margin-top:0px;overflow:hidden;padding:0;}
h1#header a{height:100%;width:100%;padding:0;display:block;background: url(images/banner-index2.jpg) center no-repeat;text-indent: -5000px ;}
h1#header a span{display: none ;}
#topindex {height:185px;overflow:hidden;}





/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.
 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth-center-center.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
#menu {width:900px; height:27px; background:url(boutons/fondmenu1.jpg) no-repeat; text-align:center;}
#menu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left;}
#menu ul {display:inline-block;} 
#menu li {display:inline-block; display:inline;}
#menu ul.level1 div {position:absolute; left:-9999px;}
#menu ul.level1 {margin:0 auto; border:1px solid #c0d7e9; border-width:0 1px 1px 1px;}
#menu ul.level1 li.level1-li {float:left; display:block; position:relative;}
#menu ul.level1 {background:#0a8aae;}
#menu ul li div ul {background:#0a8aae; padding:0 1px 1px 1px;}
#menu a {display:block; font:bold 11px verdana,arial,sans-serif; color:#cde; line-height:25px; text-decoration:none;padding:0 15px 0 15px; text-align:center;}
#menu ul.level1 li.level1-li a.level1-a {float:left;} 
#menu ul li:hover div {left:50%; top:25px;}
#menu ul li:hover div ul {display:block; position:relative; left:-50%;}
#menu ul li div ul li a {background:#5a7797;}
#menu a:hover div {left:0; top:23px;}
#menu a:hover div ul {position:relative; left:-50%;} 
#menu li a.fly {background:transparent url(center-center/down-arrow.gif) no-repeat right center;} 
#menu li a:hover,
#menu li a.fly:hover {background-color:#0a8aae; color:#fc0;} 
#menu li:hover > a,
#menu ul li:hover > a.fly {background-color:#5a7797; color:#fc0;}
#menu table {position:absolute; height:0; width:0; left:50%; border-collapse:collapse; margin-top:-4px;}



#bloctextindex { padding: 10px 20px;}
#bloctextindex h1 {text-align:center;color:#00C;font-size:16px;}
#bloctextindex h2 {padding-left:28px ;line-height: 25px ;background: url(img/palmier.jpg) no-repeat left bottom ;color:#0000FF;border-bottom: 1px solid #8b4513 ;font-size:16px;margin: 15px 0 7px 0;}
#bloctextindex h3 { font-size:14px; color:#c90079; text-decoration:underline; padding:0; margin:0;background: url(boutons/puce.gif) no-repeat left 6px ; margin:0; padding-left:17px; margin-top:10px,}
#bloctextindex p {line-height:1.4em;font-size:14px; padding:0; margin:0;}


#footer { background-color:#0A8AAE;color:#FFFFFF;text-align:center; padding:5px 20px;}


/* Formulaire recherche dates */
fieldset {background:#f2f2e6; padding:10px; border:1px solid #fff; border-color:#fff #666661 #666661 #fff; margin-bottom:36px; width:90%; margin-left:4%; text-align:center;}
input, textarea, select {font:14px Calibri, Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#72bbb1; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#72bbb1; color:#fff; font:17px Calibri, Arial, Helvetica, sans-serif; padding:0 20px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:16px; font-weight:bold; color:#666;}


#tablelist {
    width:90%;
    border-collapse:collapse;
    margin-left:3%;
}
#tablelist th {
	text-align:center;
}
#tablelist td.titul {
   background-color:#FFFFCC;
   color:#FF0000;
   text-align:center;
   font-weight:bold;
   min-height:25px;
   vertical-align:middle;
}
#tablelist td.dormitorio {
   background-color:#FFFF99;
   font-weight:bold;
   font-size:95%;
   text-align:left;
}

#tablelist td.roomnumber {
   height:30px;
   background-color:#FFFF66;
   color:#333333;
   font-size:1.1em;
   font-weight:bolder;
   vertical-align:middle;
   text-align:center;
}
#tablelist td.titleleft {
   background-color:#99FFFF;
   color:#000066;
   text-align:left;
   height:15px;
   vertical-align:middle;
   font-size:11px;
   font-weight:bold;
}
#tablelist td.titleright {
   background-color:#99FFFF;
   color:#000066;
   text-align:right;
   padding:3px;
   height:15px;
   vertical-align:middle;
   font-size:85%;
   font-weight:bold;
}
#tablelist td.picturelist {
   vertical-align:top;
   width:186px;
   height:100%;
}
#tablelist td.descriptionleft {
  text-align:left;
  font-size:85%;
  vertical-align:top;
  padding:5px;
}
#tablelist td.descriptionright {
   width:140px;
   text-align:right;
   font-size:83%;
   vertical-align:top;
   color:#990033;
   height:65px;
   font-weight:bold;
}
#tablelist td.linkleft {
   height:40px;
}
#tablelist td.linkright {
   height:40px;
}
#tablelist a img {border:none}
#tablelist td.separateline {
   height:2px;
   background-color:#000066;
}
#tablelist td.numbers {
   font-size:90%;
   font-weight:bold;
   background-color:#330066;
   color:#FFFFFF;
}
#tablelist a.linkopacity img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;}

#tablelist a.linkopacity:hover img {
     filter:alpha(opacity=70);
     -moz-opacity: 0.7; 
     opacity: 0.7;
     -khtml-opacity: 0.7;}

.centercomp {text-align:center;color:#999999;font-size:.7em; margin-top:25px;}
.silver {
   color:#999999;
}
.center {
	text-align:center;
}
.justify {text-align:justify;
}
/* Page proprietes */
#pictop {
max-width:90%;
margin-left:3%;
padding:2%; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
word-spacing:6em;  
}
#pictop img {
max-width:40%;
height:auto;
}

#picbot {
width:90%;
clear:both;
margin-left:3%;
padding:2%; 
background-color: #f5f5f5;  
border-bottom: 1px solid #999999; 
border-right: 1px solid #999999;
text-align:center;
word-spacing:6em;  
}
#picbot img {
max-width:40%;
height:auto;
}
#bloctext {clear:both;width:95%;padding-left:15px;height:100%; font-family:Arial, Helvetica, sans-serif;font-size:.9em;text-align:justify; color:#333;map}
#bloctext h2 { color:#000099; text-align:left; font-size:105%; padding-left:1px; margin:0;}
#bloctext h3 {font-size:13px; color:red; padding-left:1px; margin:0; text-decoration:underline; margin-bottom:6px; margin-top:3px;}
#bloctext h4 {
color:#2F4F4F;
font-size:100%;
margin:0;
padding:0;
} 
#tableinfovente {
	width:85%;
	margin-left:7%;
	font-size:11px;
	color:#333;
	border-collapse:collapse;
}
#tableinfovente td.info {
width:20%;
text-align:right;
font-weight:bold;
color:#666666;
padding-left:1%;
height: 1.2em;
}
#tableinfovente td.rep {
width:13%;
text-align:left;
color:#0033CC;
font-weight:bold;
height: 1.2em;
}
#tableinf {
width:99%;
margin-left:0.5%;
font-size:10px;
border-collapse:collapse;
}
#tableinf h4 {
	margin:0;
	padding:0;
}
#tableinf th {
	border:1px #999999 inset;
	text-align:center;
	color:#006;
}
	
#tableinf td {
border:1px #999999 inset;
height: 1em;
} 
#tableinf td.info {
width:12%;
text-align:left;
font-weight:bold;
color:#666666;
padding-left:1%;
height: 1em;
}
#tableinf td.rep {
width:7%;
padding-left:3px;
text-align:left;
color:#0033CC;
font-weight:bold;
height: 1em;
}
.centermap {
text-align:center;
font-size:1.2em;
font-weight:bold;
color:#0033FF;
}
#blocdown {
clear:both;
width:90%;
margin-left:3%;
height:250px;
}
.det {
float:left;
width:45%;
padding-top:3%;
padding-bottom:3%;
color:#333;
min-height:100%;
}
.priceprop {
margin-top:3%;
margin-left:2%;
width: 45%;
height:auto;
float:right;
}
#tableprix {
width:90%;
margin-right:2%;
border-collapse:collapse;
font-size:95%;
font-weight:700;
}
#tableprix tr.titleprices {
color:#000066;
text-align:center;

}
#tableprix tr.celltitle {

background-color:#CCCCCC;
color:#000066;
text-align:center;
}

#tableprix tr.celllight {

background-color:#CCFFFF;
padding:5px;
}

#tableprix tr.celldark {

background-color:#FFFFCC;
padding:5px;
}

#tableprix tr.janfeb {
background-color:#FFFF99;

}
#tableprix tr.march {
background-color:#FFFF66;

}
#tableprix tr.aprilmay {
background-color:#FFCC99;

}
#tableprix tr.june {
background-color:#CCFFFF;
 
}
#tableprix tr.july {
background-color:#CCCCFF;

}
#tableprix td.month {
width:65%;
padding-left:5px;
text-align:left;}
#tableprix td.euros {
width:30%;
text-align:right;
padding-right:5px;
}
.update {
	text-align:center;
	font-size:9px;
	color:#999;
}
#divnav {
	text-align:left;
	font-size:10px;
	color:#666;
	margin-left:30px;
	padding-bottom:10px;
	padding-top:10px;
}
#tabletop {
	width:800px;
	margin-left:30px;
	border-collapse:collapse;
}
#tabletop td.image {
	width:186px;
	padding:8px; 
    background-color: #f5f5f5;  
    border-bottom: 1px solid #999999; 
    border-left: 1px solid #999999;
    text-align:center;
}
#tabletop td.htop {
	font-size:10px;
	padding-left:1px;
	color:#666;
	border:1px #999999 inset;
}
#tabletop h2 {
	padding:0;
	margin:0;
}
#tabletop td.info {
width:220px;
border:1px #999999 inset;
text-align:center;
font-size:10px;
font-weight:bold;
color:#666666;
height: 1em;
}
#tabletop td.info span {color:#0033CC; font-weight:bold; margin-left:5px;}

#tabletop h2 {
	font-size:15px;
	color:#F03;
	padding:0;
	margin:0;
}
#tabletop h3 {
	font-size:14px;
	color:#603;
}
.telmail {
	color:#006;
	font-size:13px;
	text-align:center;
}
#tablepics {
	width:795px;
	margin-left:25px;
}
.marco1 {
	width:265px;
    padding:8px; 
    background-color: #f5f5f5;  
    border-bottom: 1px solid #999999; 
    border-right: 1px solid #999999;
    text-align:center;
}
.pages {
	margin-left:20px;
    font-family:"Trebuchet MS", "Times New Roman", sans-serif, serif;
    padding:1%;
    color:#330033;
    font-size:110%;
}
#tableprixauto th { background-color:#CCCCCC; color:#000066; text-align:center;}
#tableprixauto tr.celllight { background-color:#CCFFFF; padding:5px;}
#tableprixauto tr.celldark { background-color:#FFFFCC; padding:5px;}
#tableprixauto td.month {width:65%; padding-left:5px; text-align:left;}
#tableprixauto td.euros {width:30%; text-align:right; padding-right:5px;}
#tabledive { width:800px; margin-left:50px; text-align:center;}
#tabledive td {width:50%;}
.listadodormitorios {background-color:#FF9; color:#00F; font-size:inherit; font-weight:bold;}

#feed a {display: block;position: fixed;top: 200px;   /* Emplacement du bouton en hauteur : remplacer 200 par 350 pour le descendre */left: 0px;    /* Pour placer le bouton à droite, remplacer "left" par "right" */background: #6DC7F7;   /* Pour changer la couleur du bouton, remplacer #6DC7F7 */
padding: 7px 5px;border: 1px solid #61B3DE;  /* Couleur de la bordure plus foncée que celle du bouton. Pour la changer, remplacer #61B3DE */border-left-color: #6DC7F7;  /* Cette couleur doit être la même que celle du bouton  */border-top-color: #6DC7F7;  /* Cette couleur doit être la même que celle du bouton */}

#feed a:hover {background: #009FE4;   /* Couleur du bouton au survol de la souris : pour la changer, remplacer #6DC7F7 */border: 1px solid #009FE4;   /* Cette couleur doit être identique à la précédente */
}

/* haut page */

#retop a{ display: block;position:fixed;top:300px; right:5%; width:80px; height:80px;filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)"; opacity:.3; -moz-border-radius:10px; border-radius:10px; z-index:5; }  
#retop a{ -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; transition:all 200ms ease; }  
#retop a:hover{ background-color:#fff; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; opacity:1; }

/* Boutons nav intérieure */
.butnav {width:900px; height:27px; background:url(boutons/fondmenu1.jpg) no-repeat; text-align:center;}
a.ovalbutton{background: transparent url(boutons/oval-gray-left.gif) no-repeat top left;display: block; float:left; margin-left:60px;font: normal 15px Calibri; /* Change 13px as desired */line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */padding-left: 11px; /* Width of left menu image */
text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #494949; /*color del texto*/}
a.ovalbutton span{background: transparent url(boutons/oval-gray-right.gif) no-repeat top right;
display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value*/}
a.ovalbutton:hover{ /* Hover state CSS */background-position: bottom left;}
a.ovalbutton:hover span{ /* Hover state CSS */background-position: bottom right;color: black;}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */width: 100%;}