/* @group reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}

:focus {
 outline: 0;
}

html {
 font-size: 62.5%;
 position: relative;
 height: 101%;
}

body {
 font: 1.1em/1.4em Arial, sans-serif;
 color: black;
 background: black;
 padding: 30px;
 height: 101%;
}

ol, ul {
 list-style: none;
}

table {
 border-collapse: separate;
 border-spacing: 0; 
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

input[type="radio"], input[type="checkbox"] {
  width: 1em;
  height: 1em;
}

a:hover, a:focus {
 
}

/* @end */

/* @group structure */

#psd {
 position: absolute;
 top: 0px;
 left: 0px;
 opacity: 0.8;
 z-index: 100000;
}

#wrapper, #wrapperhome {
 position: relative;
 width: 960px;
 margin: 0 auto;
 border: 5px solid white;
}

#wrapper {
 background-color: white;
}

#wrapperhome {
 background-color: black;
}

#chooseLanguage {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
  background-color: #66ffff;
  opacity: 0.9;
  width: 100%; 
  height: 100%;
}

#language {
 position: absolute;
 top: 50%;
 left: 50%;
 text-align: center;
 height: 100px;
 margin-top: -50px;
 width: 274px;
 margin-left: -130px; 
 font: 1.2em Georgia, "Times New Roman", Times, serif;
}

#language a {
  text-decoration: none;
  color: white;
}

#language a span {
  display: block;
  float: left;
  background-color: black;
  border: 1px solid white;
  width: 125px;
  height: 25px;
  margin-right: 10px;
  line-height: 24px;
}


#language a span:hover {
 background-color: #66ffff;
 color: black;
}



#preview {
 width: 970px;
 height: 44px;
 margin: 0 auto;
 margin-bottom: 10px;
 background-color: #66ffff;
}

#preview p {
 float: left;
 background-color: black;
 padding: 6px 8px;
 margin: 8px 0 0 8px;
}

#preview p.publier {
 float: right;
 margin-right: 8px;
}

#preview p a {
 color: white;
 font-size: 1.1em;
 font-weight: bold;
 text-decoration: none;
}

#preview p a:hover {
 color: grey;
}

/* @group header */

#header, #headerhome {
 position: absolute;
 padding: 6px;
 width: 948px;
 z-index: 100;
}

#header {
 position: relative;
}

#headerhome {
 color: white;
}

#header h1, #headerhome h1, #header h2, #headerhome h2, #header p, #headerhome p {
 text-transform: uppercase;
 margin-bottom: 7px;
 font-weight: bold;
}

#header h1, #headerhome h1 {
 line-height: 1.1em;
 letter-spacing: 0.1em;
}

#header h2, #headerhome h2 {
 font-size: 0.9em;
}

#header p, #headerhome p {
 font-size: 1.0em;
}

#header span.mailto a:link, #header span.mailto a:visited {
 text-decoration: none;
 color: black;
}

#headerhome span.mailto a:link, #headerhome span.mailto a:visited {
 text-decoration: none;
 color: white;
}

.number1 {
 position: absolute;
 top: 7px;
 right: 3px;
}

.float_left {
 float: left;
 margin-right: 10px;
}

/* @end */

/* @group footer */

#footer, #footerhome {
 position: absolute;
 bottom: 0;
 background-color: white;
 width: 100%;
 height: 25px;
 padding: 5px 0;
 clear: both;
 z-index: 10;
}

#footer h2 {
 float: left;
 font-weight: bold;
 margin-left: 5px;
 text-transform: uppercase;
}

#footer p {
 float: right;
 text-align: right;
 margin-right: 3px;
 font-weight: bold;
 text-transform: uppercase;
}

#footerhome h2 {
 float: left;
 text-transform: uppercase;
 font-weight: normal;
}

#footerhome p {
 float: right;
 text-align: right;
 text-transform: uppercase;
 font-weight: normal;
}




/* @end */

/* @end */

/* @group content */

/* @group content */

#content {
 position: relative;
 border: none;
 min-height: 300px;
 padding-bottom: 40px;
}

#contenthome {
 position: relative;
 width: 960px;
 height: 556px;
}

#flash {
 position: absolute;
 width: 960px;
 height: 521px;
 margin-bottom: 30px;
 z-index: 1;
}

.first, .second, .third, .fourth {
 width: 180px;
}

/* @end */

#content {
 position: relative;
 border: none;
 min-height: 300px;
 padding-bottom: 40px;
}

#contenthome {
 position: relative;
 width: 960px;
 height: 556px;
}

#flash {
 position: absolute;
 width: 960px;
 height: 521px;
 margin-bottom: 30px;
 z-index: 1;
}

#flash p {
 color: white;
 text-align: center;
 margin-top: 200px;
}

#flash p a {
 color: white;
}

.column {
 float: left;
 margin-top: 20px;
 margin-right: 10px;
}

#fourColumns .first, #fourColumns .second, #fourColumns .third, #fourColumns .fourth {
 width: 180px;
 margin-right: 10px;
}

#fourColumns .first {
 margin-left: 136px;
 margin-right: 40px;
}

#twoColumns .first{
 width: 250px;
 margin-left: 136px;
 margin-right: 89px;
}

#twoColumns .second {
 width: 450px;
 margin-right: 10px;
 font: 1.2em/1.3em Arial, sans-serif;
}

#twoColumns .short {
 width: 290px;
}

.column h1 {
 font: 28px/31px Georgia, serif;
 text-transform: uppercase;
}

.column h2 {
 font: italic 21px Georgia, serif;
 margin-bottom: 55px;
}

.column h3 {
 font-weight: bold;
}

.column h4 {
 font-weight: bold;
 font-family: Georgia, "Times New Roman", Times, serif;
 text-transform: uppercase;
}

.column p {
 color: #666666;
 margin-bottom: 1.3em;
}

.column a p:hover {
 color: black;
}

.column a {
 color: #666666;
}

.column a:hover {
 color: #000;
}

.column hr {
 width: 25px;
 margin-right: 262px;
 margin-top: 9px;
}

p.line, p.lineForm{
 display: block;
 width: 25px;
 height: 1px;
 background-color: black;
 margin: 5px 0;
}

p.lineForm {
 margin: 5px 0 5px 195px
}

p.lineMoreSpace {
 display: block;
 width: 25px;
 height: 1px;
 background-color: black;
 margin: 8px 0;
}

p.no_space_after {
 margin-bottom: 0px;
}

#nav_results {
 width: 465px;
 padding: 6px;
 background-color: black;
 color: white;
 margin-bottom: 10px;
}

#nav_results ul li {
 display: inline;
 margin-right: 8px;
 padding-left: 10px;
 color: #999;
 background: url(/images/icon-year.png) no-repeat 0 3px;
}

#nav_results ul li a {
 color: #999;
 text-decoration: none;
}

#nav_results ul li:hover {
 background: url(/images/icon-year-on.png) no-repeat 0 3px;
}

#nav_results ul li a:hover {
 color: #66ffff;
}

#currentYear {
 margin-bottom: 20px;
}

#map {
 margin-top: 5px;
 margin-left: 6px;
}

/* @group form */

label {
  display: block;
  width: 450px;
  position: relative;
}

input[type="text"] {
  margin-bottom: 12px;
  margin-top: 4px;
}

input[type="submit"] {
 margin: 16px 0;
 width: 174px;
 color: white;
 background-color: black;
 font: 1.0em Georgia, "Times New Roman", Times, serif;
 text-align: left;
 text-transform: uppercase;
 padding: 5px 8px;
 border: none;
}

input[type="submit"]:hover {
 background-color: #66ffff;
 color: black;
}

input:focus, textarea:focus {  
  outline: none;  
  border-color: black;  
  background-color: #f1f1f1; 
} 

textarea {
 margin-bottom: 12px;
 margin-top: 4px;
}

.height_150px {
 height: 150px;
}

.width_184px {
 width: 177px;
}

.width_350px {
 width: 350px;
}

.error {
 font-style: italic;
 color: red;
 font-weight: bold;
}

.email_confirm {
 display: none;
}


/* @end */


/* @end */

/* @group property_listing */

.property_listing {
 position: relative;
 margin: 5px;
 padding-bottom: 10px;
 margin-bottom: 15px;
 border-bottom: 1px solid black;
 line-height: 2.5em;
 min-height: 314px;
}

#sold {
 position: absolute;
 top: 0;
 right: 0;
 z-index: 1;
}

.favSold {
 width: 77px;
 background-color: #66ffff;
 font-family: Georgia, serif;
 font-style: italic;
 text-transform: uppercase;
 font-weight: bold;
 z-index: 1000000000;
 display: block;
 padding: 4px;
 text-align: center;
 position: absolute;
 bottom: 0px;
 color: black;
}

a#zoomlink {
 color: white;
}

.no-border-bottom {
 border-bottom: none;
 margin-bottom: 10px;
}

.property_listing {
 height: 354px;
}



.property_listing hr {
 width: 25px;
 margin-right: 445px;
}

.property_listing .overview {
 position: absolute;
 top: 0;
 right: 0;
 width: 470px;
 font-family: Georgia, serif;
}

.property_listing .overview h3, .property_listing .overview h2 {
 font-size: 2.4em;
 text-transform: uppercase;
}

.property_listing .overview h3 {
 color: #66cccc;
 font-style: italic;
 font-weight: bold;
}

.property_listing .overview h4 {
 font-size: 1.2em;
 line-height: 1.2em;
 font-style: italic;
 font-weight: bold;
}

.property_listing .overview h5 {
 font-size: 1.1em;
 line-height: 1.2em;
}

.property_listing .overview p.price {
 font-family: Arial, sans-serif;
 font-size: 1.8em;
 font-weight: bold;
}

.property_listing .overview p.highlight {
 font-family: Georgia, serif;
 font-style: italic;
 font-size: 1.8em;
 line-height: 1.2em;
 color: #999999;
}

/* @group options */

.property_listing .options {
 position: absolute;
 bottom: 11px;
 left: 480px;
 font: 1.1em Arial, sans-serif;
}

#links {
 width: 470px;
 height: 20px;
}

.property_listing .options a.mls, .property_listing .options a.map {
 color: #999999;
 text-decoration: none;
 float: left;
 line-height: 20px;
}

.property_listing .options a.map {
 font: 1.2em Arial, sans-serif;
 margin-left: 50px;
}

.property_listing .options a.mls:hover, .property_listing .options a.map:hover {
 color: black;
}

.property_listing .options a.favourites {
 font: 1.2em Arial, sans-serif;
 color: black;
 text-decoration: none;
 font-weight: bold;
 float: right;
 
}

.property_listing .options a.favourites:hover {
 color: #66ffff;
}

.property_listing .options a.favourites img {
  margin-right: 4px;
  vertical-align: baseline;
}



/* @end */

/* @group controls */

#photos_caroussel {
 position: relative;
 color: white;
 width: 471px;
 height: 354px;
 overflow: hidden;
}

#photostage {

}

#controls {
 position: absolute;
 bottom: 0px;
 left: 0;
 width: 461px;
 height: 16px;
 background-color: black;
 padding: 5px;
}

#zoom {
 float: left;
 line-height: 18px;
}

#zoom_text {
 float: left;
 margin-bottom: 12px;
 margin-left: 18px;
}

#zoomlink {
 width: 30px;
 height: 20px;	
 display: block;
 background: url(/images/icon-zoom.gif) no-repeat left top;
}

#zoomlink:hover {
 background: url(/images/icon-zoom-on.gif) no-repeat left top;
 color: #66ffff;
}

#zoom img {
 float: left;
 margin-right: 4px;
}

#photos_count {
 float: right;
 position: relative;
}

#counter {
 font: 1.2em Georgia, "Times New Roman", Times, serif;
 position: absolute;
 top: 0;
 right: 40px;
}

#counter_nav  {
  position: absolute;
  top: -3px;
  right: 0px;
  width: 26px;
}

#counter_nav img {
  margin-left: 3px;
  cursor: pointer;
}

/* @end */



/* @end */

/* @group property_details */

.property_details {
 position: relative;
 margin-left: 5px;
 margin-top: -10px;
 background: url(/images/bg-property-details.gif) repeat-y;
 font-family: Georgia, serif;
}

/* @group photos  */

.property_details div#photos {
 float: left;
 width: 456px;
 margin-right: 10px;
 color: white;
 padding: 7px;
}


.property_details div#photos h3 {
 font: 1.2em Georgia, "Times New Roman", Times, serif;
 text-transform: uppercase;
 margin-bottom: 20px;
}

.section {
 
}

.section h4 {
 font: 1.2em Arial, sans-serif;
 margin-bottom: 4px;
 cursor: pointer;
}

.section ul li {
 margin-bottom: 6px;
 margin-right: 6px;
}

.wrap {
 position: relative;
 float: left;
}

.bleu {
 position: absolute;
 background-color: #66ffff;
 top: 0;
 left: 0;
 width: 85px;
 height: 64px;
 z-index: 10;
 opacity: 0.6;
 filter: alpha(opacity = 60);
}

.bleu img {
 visibility: hidden;
}

.image {
  float: left;
  z-index: 1;
}

.bleu:hover {
 background-color: transparent;
 cursor: pointer;
}

.bleu:hover img {
 visibility: visible;
}
.accordion_toggle {
  color: grey;
  cursor: pointer;
}

.accordion_toggle:hover {
  color: #66ffff;
}
		
.accordion_toggle_active {
  color: white;
}
		
.accordion_content {
  overflow: hidden;
}
			
.accordion_content img {
  padding: 0px 6px 5px 0px;
}
			
		

/* @end */

.property_details div.description {
 float: left;
 width: 265px;
 padding: 5px;
 margin-right: 10px;
}

.property_details div.specifications {
 float: left;
 width: 181px;
 padding: 5px 0;
 margin-left: 3px;
 margin-bottom: 25px;
}

.property_details div.description h2, .property_details div.specifications h2 {
 font-size: 1.2em;
 text-transform: uppercase;
 margin-bottom: 3px;
}

.property_details div.description p {
 font-size: 1.3em;
 line-height: 1.3em;
 margin-bottom: 10px;
}

.property_details div.description p a {
 font-size: 1.0em;
 line-height: 1.3em;
 margin-bottom: 10px;
 color: black;
}

.property_details div.description ul {
 list-style-type: disc;
 margin: 2px 20px;
}

.property_details div.description ul li {
 margin-bottom: 3px;
}

.description h4, .description h5 {
 font: 1.0em Arial, Helvetica, Geneva, sans-serif;
 color: #666666;
}

.description h4 {
 text-transform: uppercase;
}


.property_details div.specifications table td {
 margin-bottom: 3px;
 width: 50%;
 font: 1.1em Arial, sans-serif;
 line-height: 1.3em;
}

.property_details div.specifications table td.align-right {
 text-align: right;
 margin-right: 0;
 padding-right: 0;
 vertical-align: bottom;
} 

.property_details div.specifications p.last_update {
 font: 1.0em Arial, sans-serif;
 color: #666666;
 font-style: italic;
 margin-top: 3px;
}

/* @end */

/* @group btn */

a.btn {
 position: relative;
 display: block;
 font: 1.2em Georgia, serif;
 text-transform: uppercase;
 color: white;
 padding: 4px 8px;
 text-decoration: none;
 margin-top: 10px;
}

.property_listing .options a.description {
 width: 262px;
 background: black url(/images/icone-fleche-closed.png) no-repeat 260px 9px;
}


.property_listing .options a.description_on {
 width: 262px;
 background: black url(/images/icone-fleche-opened.png) no-repeat 260px 9px;
}

.property_details a.appointment {
 width: 262px;
 position: absolute;
 bottom: 0;
 right: 197px;
 border-top: 5px solid white;
 background: black url(/images/icone-fleche-closed.png) no-repeat 260px 9px;
}

.property_details a.sendfriend {
 width: 167px;
 position: absolute;
 bottom: 0;
 right: 4px;
 background: black url(/images/icone-fleche-closed.png) no-repeat 167px 9px;
}

.property_listing .options a.description:hover, .property_listing .options a.description_on:hover, .property_details a.appointment:hover, .property_details a.sendfriend:hover {
 background-color: #66ffff;
 color: black;
 background-image: url(/images/icone-fleche-black.png);
}

/* @end */

/* @group propertySelector */


.propertyList hr {
 width: 25px;
 margin-right: 228px;
}

.propertyList img {
 float: left;
 margin-right: 10px;
}

.propertyList hr.no_space_before {
 margin-top: -10px;
}

.propertyList h3 {
 font: 1.0em Georgia, "Times New Roman", Times, serif;
 color: black;
 line-height: 1.1em;
 margin-bottom: 0;
}

.propertyList h4 {
 font: bold 1.0em Arial, sans-serif;
 color: black;
 line-height: 1.1em;
}

.propertyList h5 {
 font: 0.9em Arial, sans-serif;
 color: #666666;
 line-height: 1.1em;
 margin: 10px 0;
}

.propertyList p {
 color: black;
 line-height: 1.1em;
}



#propertySelector a.submit {
 width: 168px;
 height: 14px;
 font-size: 0.8em;
 padding-top: 6px;
 color: white;
 background: black url(/images/icone-fleche-closed.png) no-repeat 168px 8px;
}

#propertySelector a.submit p {
 color: white;
}

#propertySelector a.submit:hover {
 color: black;
 background: #66ffff url(/images/icone-fleche-black.png) no-repeat 168px 8px;
}

#propertySelector a.submit p:hover {
 color: black;
}

/* @end */

/* @group Validation */

input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.validation-failed, textarea.validation-failed {
 border: 1px solid red;
 color: red;
}

.validation-advice {
 margin-top: -10px;
 margin-bottom: 12px;
 color: red;
 font-weight: bold;
}

/* @end */

/* @group popups */

#favourites {
 position: absolute;
 top: 80px;
 left: 747px;
 cursor: pointer;
}

#favourites .menu ul ul {
 visibility: hidden;
 position: absolute;
 height: 0;
 top: 19px;
 left: 0; 
 width: 160px;
}

#favourites .menu ul ul a, .menu ul ul a:visited {
 background: none; 
 color: black;  
 padding: 1px 7px; 
 width: 160px;
 border: none;
 margin-left: 13px;
}

#favourites .menu ul li:hover ul, .menu ul a:hover ul {
 visibility:visible; 
}

#favourites div.menu ul li ul li div.favNumber {
 margin: 10px 15px 0 15px;
 border-bottom: 1px solid black;
 padding-bottom: 4px;
 margin-bottom: 8px;
 font: 1.6em Georgia, serif;
 color: black;
}

.favNumber img {
 margin-right: 4px;
}

#favourites div.menu ul li ul li div.favRow {
 position: relative;
 margin: 0px 15px;
 border-bottom: 1px solid black;
 padding-bottom: 4px;
 margin-bottom: 8px;
 height: 118px;
 cursor: default;
}

.favRow .icon {
 position: absolute;
 top: 0;
 left: 0px;
}

.favRow img.deleteSquare {
 position: absolute;
 top: 0;
 right: 0px;
 width: 15px;
 height: 15px;
}

.favRow span.addressFavRow {
 position: absolute;
 top: 70px;
 left: 0;
 font: normal 0.9em Georgia, serif;
 text-transform: uppercase;
 cursor: default;
 margin-bottom: 0;
 color: black;
}


/* @end */

/* @group menu */

#nav {
 position: absolute;
 top: 80px;
 left: 475px;
 z-index: 100;
}

.menu ul ul {
 width: 200px; 
}

.menu li {
 float: left;
 width: 200px;
 position: relative;
 background: url(/images/nav-middle.png) repeat-y;
}

.menu ul li ul li.strokes p {
  margin: -8px 20px 0 20px;
  border-bottom: 1px solid black;
}
.menu a, .menu a:visited {
 display: block;
 text-decoration: none; 
 color: white; 
 width: 200px;
 height: 14px;
 border: 1px solid white;
 padding: 2px 0 2px 6px;
 background: black url(/images/icone-fleche-closed.png) no-repeat 193px 5px;
}
#nav .menu ul ul {
 visibility: hidden;
 position: absolute;
 height: 0;
 top: 19px;
 left: 0; 
 width: 160px;
 
}
#nav .menu ul ul a, .menu ul ul a:visited {
 background: none; 
 color: black;  
 padding: 1px 7px; 
 width: 160px;
 border: none;
 margin-left: 13px;
}

#nav .menu a:hover, .menu ul ul a:hover{
 background-color: #66ffff;
 color: black;
}

#favourites .menu a:hover, .menu ul ul a:hover {
 background-color: #66ffff;
 color: black;
}

#favourites .menu ul li ul li div.favRow a:hover {
 background-color: transparent;
}

#nav .menu :hover > a, .menu ul ul :hover > a {
 background-color: #66ffff;
 color: black;
}

#nav .menu ul li:hover ul, .menu ul a:hover ul {
 visibility:visible; 
 
}

li.bottom img {
 position: absolute;
}

li.bottom p {
 height: 3px;
}





/* @end */

/* @group map */

#map {
 float: left;
}

#side_bar {
 float: right;
 width: 373px;
 height: 438px;
 margin-top: 5px;
 overflow: auto;
}

/* @group propertyListMap */


.propertyListMap {
 width: 353px;
 height: 138px;
 border-bottom: 1px solid black;
 padding-bottom: 10px;
}

.propertyListMap img {
 float: left;
 margin-right: 10px;
}

.propertyListMap h3  {
 font: 1.0em Georgia, "Times New Roman", Times, serif;
 color: black;
 line-height: 1.2em;
 margin-bottom: 0;
 text-transform: uppercase;
}

.propertyListMap h4 {
 font: bold 1.0em Arial, sans-serif;
 color: black;
 line-height: 1.1em;
}

.propertyListMap h5 {
 font: 0.9em Arial, sans-serif;
 color: #666666;
 line-height: 1.1em;
 margin: 10px 0;
}

.propertyListMap p.btnFiche a {
 background-color: black;
 color: white;
 width: 151px;
 float: left;
 height: 14px;
 padding: 4px;
 background: black url(/images/icone-fleche-closed.png) no-repeat 145px 7px;
 font-family: Georgia, serif;
 text-transform: uppercase;
 margin-top: 17px;
 text-decoration: none;
}

.propertyListMap p.btnFiche a:hover {
 background: #66FFFF url(/images/icone-fleche-black.png) no-repeat 145px 7px;
 color: black;
}


/* @end */

/* @end */