/* CSS Document */

body {
overflow: -moz-scrollbars-vertical; /* permanent vertical scrollbar with FireFox */
background-color:#CCCCCC;
margin:0;
}



/* custom */ 


/* template */



#template {
width:800px;
background-color:#FFFFFF;
margin: 0 auto;

}

#head {
background:url(/images/title/vivre-jardin444.gif) right top no-repeat;
height: 78px;
}

#head.home {
background:none;
height:150px;
}

#head.home {
height:150px;
overflow:hidden;
}

#head #right h2{
background:none;
padding-bottom:0;
}

#head img {
float:left;
}

#head h1 {

}

#left {
width:444px;
float:left;
height:100%;
padding-left:101px; 	
}

/* content */

#content {
background-color:#cdddbc;
padding: 40px 0 40px 0;

}

#content.full {
background-color:#cdddbc;
padding: 40px 0 40px 0;

}

#content h1 {
font-weight:normal;
color:#006633;
font-size:1.3em;
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
}

#content h2 {
font-weight:normal;
color:#006633;
font-size:0.9em;
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
}

#content h3 {
display:inline;
font-weight:normal;
color:#006633;
font-size:.8em;
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
}

#content em {
font-weight:normal;
color:#006633;
font-size:.9em;
font-family:"Times New Roman", Times, serif;
}


#content p {
color:#5D5E5E;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
}

#content a.link {
color:#006633;
text-decoration:none;
}

#content a.link:hover {
color:#e00e8b;
text-decoration:none;
}


#content table.estatelist {
width:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}

#content table.estatelist th{
background-color:#666666;
color:#fff;
font-size:10px;
}

#content table.estatelist tr{
background-color:#CCCCCC;
}

#content table.estatelist tr:hover{
cursor:pointer;
background-color:#BBBBBB
}


#content table.estatelist td{

font-size:10px;
text-align:center;
cursor;pointer;
}


#content table.estatelist td.stline{
background-color:#999999;
color:#000;
font-size:10px;
text-align:center
}

#content table.estatelist td.stline a{
display:block;
padding:2px 5px;
text-decoration:none;
color:#000;
}

#content table.estatelist td.stline a:hover{
text-decoration:none;
color:#FFF;
}



.free {
color:#009900;

}

.reserved {
color:#0066FF;
}

.sold {
color:#CC3300;
}


/* right margin */


#right {
width:189px;
float:right;
height:100%;
padding-left:61px;
padding-top:20px;
}

#right h1{
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#e00e8b;
font-size:1.2em;
line-height:1em;
padding:0;
margin-bottom:0;
width:160px;

}

#right h2{
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
color:#B6B5BA;
width:80px;
font-size:.7em;
margin:0;
padding-bottom:44px;
}

#foot {
clear:both;
height:30px;
background: url(../images/bullet.gif) repeat-x bottom;
margin:0 5px;
font-size: 0.5em;
text-transform:uppercase;
padding-top:50px;
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
}

#foot a {
color:#CCCCCC;
text-decoration:none;
}


#foot span.left {
float:left;
}

#foot span.right {
float:right;
}


/* main site menu */


#mainsite {
height:155px;
}


#mainsite ul{
list-style-type:none;
margin:0;
padding:0;
}

#mainsite li{
float:left;
width:111px;
margin:0;
padding:0;
}

#mainsite li a{
filter:alpha(opacity=70);
-moz-opacity:.7;
opacity:.7;
text-decoration:none;
display:block;
height:22px;
padding:133px 0 0 0;
text-align:right;
color:#006633;
}

#mainsite li a:hover, 
#mainsite li.s a {
filter:alpha(opacity=100);
-moz-opacity:.1;
opacity:1; 
color:#e00e8b;
}


#mainsite li a span {
display:inline;
background-color:#FFF;
text-transform:uppercase;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
font-size:0.7em;
padding:4px;
filter:alpha(opacity=80);
-moz-opacity:.8;
opacity:.8;
}


/* item */


.item {
padding-right:50px
}

/* menu */

#menu {
font-family:Arial, Helvetica, sans-serif;
}

#menu a {
text-decoration:none;
}

#menu ul {
list-style-type:none;
padding:0 0 18px 0;
margin:0;
}

#menu ul li{
background:url(../images/menu/bggrey.gif) top right no-repeat;
text-transform:uppercase;
font-size:0.96em;
padding:4px 0;
}

#menu ul li.s{
background:url(../images/menu/bgpink.gif) top right no-repeat;
}

/* 2nd level */

#menu ul li a{
color:#e00e8b;
}

#menu ul li ul{
padding-top:4px;
text-transform:uppercase;
font-size:0.96em;
padding-bottom:0px;
}

#menu ul li ul li{
background:none;
text-transform:uppercase;
font-size:0.96em;
padding:0;
}


#menu ul li ul li a{
display:block;
font-size:.8em;
color:#B6B5BA;
text-transform:uppercase;
padding:1px 0;
_height:0;
}


#menu ul li ul li.s {
background:none;
}


#menu ul li ul li a:hover,
#menu ul li ul li.s a{
color:#e00e8b;
text-transform:uppercase;
}

#menu ul li.address {
border-top:20px solid #FFF;
background-color:#CCCCCC;
padding:5px;
font-size:.7em;
color:#FFF;
}

#menu ul li.address a:hover{
color:#e00e8b;
}

#menu ul li.address a{
display:block;
color:#FFF;
display:block;
text-transform:uppercase;
padding:1px 0;
_height:0;
}

#menu ul li.address img {
width:70px;
height:60px;
padding:0 4px;
border:0;
}

#menu ul li.address span {
float:right;
width:90px;
}


#menu ul li ul li.s ul {
padding-bottom:8px;
padding-top:0;
}

#menu ul li ul li.s ul li a{
display:block;
font-size:.8em;
color:#B6B5BA;
text-transform:uppercase;
padding:1px 0;
_height:0;
}

#menu ul li ul li.s ul li.s a,
#menu ul li ul li.s ul li.s a:hover{
color:#e00e8b;
}


/* submenu */

#content #submenu {
display:block;
padding-bottom:30px;
}

.submenu ul {
list-style-type:none;
padding:0px;
margin:0;
}

.submenu ul li {
display:block;
float:left;
}


.submenu ul li a{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:.7em;
color:#006633;
text-transform:uppercase;
padding:1px 3px;
_height:20px;
}


.submenu ul li.s {
padding-top:0;
}

.submenu ul li.s a,
.submenu ul li a:hover{
color:#e00e8b;
}



/* tablelist */

table.list {
width:100%;
border-top:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
}

table.list th {
text-align:left;
background-color:#f1f1f1;
border-bottom:1px solid #e5e5e5;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #e5e5e5;
padding: 1px;
font-size: 10px;
}

table.list th a {
display:block;

}

table.list td {
text-align:left;
background-color:#f9f9f9;
border-bottom:1px solid #e5e5e5;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #e5e5e5;
padding: 1px;
font-size: 10px;
}

/*  */

.tablefoot {
margin: 0;
background:url(../images/separator.gif) no-repeat center;
text-align:center;
padding:7px;
font-size:10px;
}

.tablefoot a{
padding:2px;
}

.tablehead {
margin: 0;
background:url(../images/upseparator.gif) no-repeat center;
text-align:center;
padding:7px;
font-size:10px;
}

.tablehead a{
padding:2px;
}

table.list td {
text-align:left;
background-color:#f9f9f9;
border-bottom:1px solid #e5e5e5;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
border-right:1px solid #e5e5e5;
color:#000000;
padding: 1px;
font-size: 10px;
}

/*  */

.tablefoot {
margin: 0;
background:url(../images/separator.gif) no-repeat center;
text-align:center;
padding:7px;
font-size:10px;
}

.tablefoot a{
padding:2px;
}

.tablehead {
margin: 0;
background:url(../images/upseparator.gif) no-repeat center;
text-align:center;
padding:7px;
font-size:10px;
}

.tablehead a{
padding:2px;
}

/*estate list */

p.estatelist {
padding:20px;
margin:0;
border-bottom: 2px solid #BED8AD;
}

p.estatelist_s {
background-color:#BED8AD;
padding:20px;
margin:0;
}

p.estatelist a.download,
p.estatelist_s a.download {
float:right;
background-color:#66CCCC;
display:block;
height:12px; 
width:100px;
background:url(/images/icon/pdf.gif)  right no-repeat;
padding-right:16px;
font-size:8px;
text-transform:uppercase;
text-decoration:none;
color:#005725;
}

p.estatelist_s a.download:hover,
p.estatelist a.download:hover {
color:#e00e8b;
}

#mainform {
color:#5D5E5E;
padding-right:10px;
}

#mainform table {
width:100%;
}

#mainform td{
width:73%;
}

#mainform td.inputzip{
width:20%;
}

#mainform td.label,
#mainform td.labeltown{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
width:27%;
}

#mainform td.labeltown{
width:10%;
}


#mainform input{
font-family:Arial, Helvetica, sans-serif;
font-size: 0.7em;
width:100%;
}

#mainform textarea{
width:100%;
font-size: 0.85em;
}

#mainform #sendbtn {
width:100px;
}

.formerror{
background-color:#FFB4B4;
}