/* CSS Document */
body {
	font: 13px "Trebuchet MS", helvetica, sans-serif; 
    background-color:#fdf5e6;
}
h1#header
{
height: 160px;
margin:0;	
}
h1#header a
{
width: 850px ;
height: 160px ;
display: block ;
background: url(Images/logo.jpg) no-repeat center;
position: relative;
left:-6px;
top:-12px;
text-indent: -5000px ;
}
h1#header a span
{
display: none ;
}
#contenuproperty {
    width: 840px ;
	margin: 0 auto ;
	border: 2px solid #ffefd5 ;
	background: #fff ;
    text-align: left ;
    padding: 8px;
    overflow:auto;
}
#contenuproperty h2 {
	text-align:center;
	font-size:17px;
	color:#8b4523;
	font-weight:bold;
}
#photosdesvertical {
width:45%;
text-align:center;
float:left;
height:auto;
margin-left:-5px;
background-color:#FFFFFF;
overflow:auto;
}
#textodesvertical {
	width:50%;
	float:right;
	margin-right:10px;
	overflow:auto;
}



#textodesvertical .tabletext {
	text-align:justify;
	font-size:14px;
	color:#333;
}
#textodesvertical .tabletext h2 {
	text-align:left;
	color:#b22222;
	text-decoration:;
	margin:0;
	padding:0;
}
#tableinfoune {
width:400px;
margin-left:2px;
text-align:left;
color:#666666;
font-size:98%;
}
#tableinfodeuxpano {
width:300px;
margin-left:2px;
font-size:13px;
}
#tableinfodeuxpano td.info {
width:140px;
text-align:left;
font-weight:bold;
color:#191970;
}
#tableinfodeuxpano td.rep {
width:150px;
text-align:left;
font-weight:bold;
color:#191970;
}
#tableinfodeuxpano td.orange {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	color:#F30;
}
#tableinfoequip {
width:70%;
margin-left:2px;
color:#666666;
font-size:98%;
}
#tableinfodiv {
width:50%;
margin-left:2px;
color:#666666;
font-size:98%;
}
#tableprix { 
width:95%;
border-collapse:collapse;
color:#333333;
font-weight:bold;
}
#tableprix td.title {
background-color:#333333;
color:#FFFFFF;
text-align:center;
}

#tableprix td.clairmois {
background-color:#CCFFFF;
width:75%;
text-align:left;
}
#tableprix td.clairprix {
background-color:#CCFFFF;
width:25%;
text-align:right;
}
#tableprix td.foncemois {
background-color:#CCCCCC;
width:75%;
text-align:left;
}
#tableprix td.fonceprix {
background-color:#CCCCCC;
width:25%;
text-align:right;
}
#tableprix td.currency {
	background-color:#afe;
	text-align:center;
	font-weight:bold;
}
.detailsprix {
text-align:justify;
color:#666666;
}
.detailsmails {
font-weight:bold;
text-align:justify;
color:#666666;
}
#contenupropertycan {
width:950px;
height:1800px;
margin-left:25px;
padding:5px;
background-color:#FFFFFF;
}
.miniat {
width:95%;
margin-left:2%;
}
#titre {
width:100%;
height:78px;
text-align:center;
}
img { border : none; }
#menu {
height:60px;
padding-top:25px;
text-align:center;
}
#texte {
text-align:justify;
padding:7px;
height:auto;
}
#texteapartvilla {
text-align:justify;
padding-left:5px;
padding-right:5px;
padding-top:5px;
height:300px;
}
#textevilla {
text-align:justify;
padding-left:5px;
padding-right:5px;
padding-top:5px;
height:200px;
}
#pied {
height:25px;
text-align:center;
font-size:16px;
padding-top:5px;
background-color:#66FFFF;
}
#navigation
{	height:40px;
	width:100%;
	background: #9ff;
	padding: 1em 0 0 0;
	font-variant:small-caps;
	font-weight:bold;
	text-transform: lowercase;
}
#navigation:after
{
content: ".";
display: block;
line-height: 1px;
font-size: 1px;
clear: both;
}

#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 1px solid #0066CC;
color:#0066CC;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color:#0066CC;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000099;
padding-bottom: 2px;
background: transparent;
color:#000099;
}

#navlist a:hover { color:#000099; }

#background li {
font-size: 90%;
color: black;
list-style-type: none;
background-image: url(puce.gif);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 20px;
}
div#tab {
position:relative;
margin-top:20px;
width:750px;
height:126px;
left:25px;
}
.nom {
text-align:center;
font-size:14px;
font-weight:700;
width:auto;
margin:0;
background-color:#CCCCCC;
height:20px;
top:0;
}
.details {
position:relative;
background-color:#00FF33;
left:0;
background-color:#FFFFFF;
width:277px;
height:60px;
padding-top:20px;
top:-10px;
}
.pic {
position:absolute;
top:20px;
left:277px;
width:140px;
height:106px;
background-color:#FFFFCC;
text-align:center;
}
.texte {
width:330px;
height:75px;
background-color:#FFFFFF;
color:#003399;
margin-left:416px;
font-size:10px;
padding:1px;
left:2px;
top: 20px;
}
.textdetails {
position:absolute;
background-color:#FFFFFF;
width:277px;
top:100px;
height:25px;
font-size:14px;
font-weight:bold;
left:0;
}
.textlien {
position:absolute;
background-color:#FFFFFF;
width:330px;
font-size:16px;
font-weight:bold;
top:97px;
height:28px;
left:418px;
text-align:center;
}
div#bedrooms {
width:90%;
margin-left:30px;
color:#FFFFFF;
height:40px;
font-weight:600;
background-color:#6633FF;
text-align:center;
line-height:40px;
}
div#properties {
position:relative;
margin-top:20px;
width:100%;
margin-left:25px;
height:1050px;
}
.photo {
position:absolute;
line-height:250px;
width:320px;
height:225px;
left:34px;
top:800px;
}
.description {
position:absolute;
color:#330099;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:justify;
width:450px;
height:auto; 
left:5px;
top:180px;
padding:15px;
padding-top:5px;
}
.detailplus {
position:absolute;
left:380px;
width:410px;
height:60px;
padding-top:20px;
top: 21px;
line-height:30px;
text-align:center;
}
.prix {
position:absolute;
background-color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
font-size:10px;
width:450px;
height:260px; 
left:5px;
top:460px;
}
.contenuphotos {
position:absolute;
height:820px;
width:auto;
padding:5px;
left:500px;
top:140px;
}

div#photos {
left:0;
width:250px;
height:auto;
background-color:#CCCCCC;
}

table {
width: auto;
}
td {
width: 50%;
}
.moisun {
background-color:#99FFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:60%;
}
.prixun {
text-align:right;
background-color:#99FFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:40%;
}
.moisdeux {
background-color:#FFFF99;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:60%;
}
.prixdeux {
text-align:right;
background-color:#FFFF99;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:40%;
}
.entetemois {
background-color:#FFFF66;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}
.enteteprix {
background-color:#FFFF66;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#lignetexte {
position:absolute;
width:410px;
height:auto;
top:110px;
font-size:13px;
font-weight:bold;
font-variant:small-caps;
text-align:center;
color:red;
left:380px;
}
a.bouton {
  color: white;
  background-color: #000080;
  text-decoration: none;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:30px;
  padding-top:5px;
  border: 2px inset #c0c0c0;
}
a.bouton:hover {
  background-color: #6495ED;
  border: 2px outset #c0c0c0;
}
a.apartvilla {
  color: white;
  background-color:#6666FF;
  text-decoration: none;
  font-size:16px;
  font-weight: bold;
  text-align: center;
  padding-bottom:5px;
  padding-left:30px;
  padding-right:30px;
  padding-top:5px;
  border: 2px inset #c0c0c0;
}
a.apartvilla:hover {
background-color:#66FFCC;
border: 2px outset #c0c0c0;
}
.locations {
background-color:#6600FF;
color:#FFFFFF;
width:590px;
height:auto;
text-align:center;
border-style:outset;
border-color:#FFFFFF;
margin-left:20px;
}
.gaucheprop {
float:left;
color:#330099;
font-family:Arial, Helvetica, sans-serif;
width:450px;
height:auto; 
left:5px;
padding:15px;
padding-top:5px;
}
.contenuphot {
float:right;
height:auto;
width:400px;
padding:5px;
left:500px;
top:140px;
font-size:16px;
font-weight:600;
}
.textebaspage {
position:absolute;
top:1270px;
text-align:center;
width:900px;
font-size:14px;
font-weight:400;
left:10px;
}
.detailsetphoto {
width:450px;
float:left;
height:120px;
word-spacing:20px;
}
.textebaspage2 {
position:absolute;
top:1270px;
text-align:center;
width:100%;
}
.cellleft {
width:60%;
font-size:13px;
font-weight:600;
color:#666666;
text-align:justify;
padding:7px;
}
.cellright {
width:30%;
text-align:left;
padding-left:5%;
font-size:1.4em;
color:#0000CC;
}
.picture {
border-collapse:separate;
border-style:ridge;
border-color:#330033;
}
.parag {
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#000033;
}
.tablevillaapart {
width:95%;
}
.cellrentalbar {
width:30%;
text-align:center;
vertical-align:middle;
height:110px;
}
.cellmin {
width:145px;
height:110px;
border-style:groove;
border-color:#333333;
border-width:2px;
}
.celltext {
padding:5px;
font-family:Geneva, Arial, Helvetica, sans-serif
font-size:14px;
}
.celltitre {
text-align:center;
color:#333333;
}
.emptycell {
height:2em;
}
.cellline {
background-color:#000066;
height:0,5em;
}
#tableliste {
width:700px;
margin-left:70px;
font-size:11PX;
}
#tableliste tr.titre {
background-color:#FFFF66;
color:#000000;
text-align:center;
font-weight:bold;
}

#tableliste tr.header {
background-color:#CCCCCC;
color:#333333;
text-align:left;
font-weight:bold;
}
#tableliste tr.espace {
height:10px;
}
#tableliste td.picto {
width:140px;
height:105px;
}
#tableliste td.pictopano {
width:186px;
height:105px;
}
#tableliste td.texto {
width:556px;
height:109px;
color:#666666; 
padding-left:8px;
font-weight:bold;
text-align:left;
}
#tableliste td.texto a.redlink {
color:#FF0000;
font-weight:bold;
text-decoration:underline;
}
.linkfun a, .linkfun a:link, .linkfun a:visited, .linkfun a:hover, .linkfun a:active, a.linkfun, a:link.linkfun, a:visited.linkfun, a:hover.linkfun, a:active.linkfun {
color:0092ff;
text-decoration:underline;
background: url('boutons/fleche.jpg') no-repeat 0px 0px;
padding-left:30px;
font-weight:bold;
vertical-align:text-top;
line-height:25px;
}
#picsinfo {
	width:100%;
	text-align:center;
	background-color:#CFF;
}
#position {
	text-align:left;
	margin-left:10px;
	font-size:9px;
	font-weight:bold;
	color:#666;
}