body { width:100%; height:100%; overflow:hidden; margin:0px; }
body { background-color:#000000; color:#cccccc; font-family:Trebuchet MS,Verdana,Arial,sans-serif; }

body, td, th { font-size:75%; }
table { border-collapse:collapse; }
td, th { padding:0px; }
tr { vertical-align:middle; }
img { border:0px; }
a { text-decoration:none; }

#foot { width:100%; height:15%; position:absolute; left:0px; bottom:0px; z-index:50; overflow:hidden; }
#foot { background-color:#000000; color:#ffffff; }
#info { width:300px; height:80%; position:absolute; left:50%; margin-left:-500px; bottom:10%; overflow:hidden; }
#info { font-size:10pt; line-height:18px; }
#info a { color:#ffffff; }
#info a:hover { color:#cccccc; }
#menu { width:700px; height:30px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-30px; overflow:hidden; }
#menu a { display:block; float:left; line-height:30px; padding:0px 8px; }
#menu a { color:#cccccc; font-size:12pt; font-weight:normal; }
#menu a:hover { color:#ffffff; }
#lang { width:300px; height:30px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:0px; overflow:hidden; }
#lang a { display:block; float:left; line-height:30px; padding:0px 10px; }
#lang a { color:#cccccc; font-size:10pt; }
#lang a:hover { color:#ffffff; }
#uinfo { width:400px; height:30px; position:absolute; left:50%; margin-left:100px; top:50%; margin-top:0px; overflow:hidden; }
#uinfo a { display:block; float:left; line-height:30px; padding:0px 10px; }
#uinfo a { color:#cccccc; font-size:12pt; text-indent:30px; }
#uinfo a:hover { color:#ffffff; }
#socaf { width:80px; height:85px; position:absolute; left:50%; margin-left:420px; bottom:0.3%; z-index:60; overflow:hidden; background:url(logo-socaf.png) center no-repeat; }
/* #socaf { bottom:15%; margin-bottom:-50px; } */

#body { display:block; width:100%; height:85%; position:absolute; left:0px; top:0px; z-index:10; overflow-y:scroll; text-align:center; }
#body { background:#000000 url(maison-dior-1250x580-flou.jpg) center 0px no-repeat fixed; }

#index { display:block; width:1250px; height:580px; position:absolute; left:50%; margin-left:-675px; top:0px; z-index:15; overflow:hidden; }
#index { background:transparent url(maison-dior-1250x580.jpg) center no-repeat; }
#index { opacity:0.50; filter:alpha(opacity=50); -moz-opacity:0.50; -khtml-opacity:0.50; }
#logo { display:block; width:254px; height:50px; position:absolute; left:50%; margin-left:-127px; top:50%; margin-top:-25px; z-index:20; overflow:hidden; text-indent:-500px; }
#logo { background:url(agence-du-regard-24.png) center no-repeat; }
#intro { display:block; height:1px; overflow:hidden; color:#000000; }

.properties { width:1000px; height:100%; margin:0px auto; position:relative; overflow:hidden; }
.properties .pos { display:block; height:1px; overflow:hidden; }
.properties .bg { width:650px; height:458px; position:absolute; left:50%; margin-left:-325px; top:50%; margin-top:-229px; background:url(bg-properties.png) center no-repeat; }
.properties .property { width:320px; height:224px; position:absolute; text-align:center; }
.properties .tl, .properties .tr { top:50%; margin-top:-229px; }
.properties .bl, .properties .br { top:50%; margin-top:5px; }
.properties .tl, .properties .bl { left:50%; margin-left:-325px; }
.properties .tr, .properties .br { left:50%; margin-left:5px; }
.properties .property a { display:block; color:#ffffff; }
.properties .property h2 { font-size:10pt; margin:9px 0px 0px 0px; }
.properties .property h2 a { width:280px; height:40px; margin:0px auto; }
.properties .property a.photo { width:280px; height:160px; margin:0px auto; overflow:hidden; position:relative; }
.properties .property a.photo .mask { width:300px; height:20px; position:absolute; left:-10px; bottom:0px; background-image:url(mask.png); background-repeat:no-repeat; }
.properties .tl .mask { background-position:0px 0px; }
.properties .tr .mask { background-position:0px 0px; }
.properties .bl .mask { background-position:0px -60px; }
.properties .br .mask { background-position:0px -80px; }

#nbProperties { width:140px; height:30px; position:absolute; left:50%; margin-left:330px; bottom:15%; margin-bottom:40px; z-index:110; overflow:hidden; }
#nbProperties { color:#ffffff; font-size:12pt; font-weight:bold; line-height:27px; text-align:center; }

#property, #property_bg { width:783px; height:368px; position:absolute; left:50%; margin-left:-391px; top:50%; margin-top:-184px; overflow:hidden; }
#property_bg { z-index:20; background:url(bg-property.png) center no-repeat; }
#property { z-index:30; }
#property h2 { display:block; width:180px; height:55px; position:absolute; left:10px; top:10px; margin:0px; overflow:hidden; }
#property .desc { width:180px; height:230px; position:absolute; left:10px; top:70px; }
#property #desc { margin:0px 0px 0px 5px; }
#property .price { width:180px; height:50px; position:absolute; left:10px; top:305px; }
#property .mini { width:90px; height:340px; position:absolute; top:15px; }
#property .left { left:195px; }
#property .photo { width:370px; height:315px; position:absolute; left:290px; top:30px; overflow:hidden; text-align:center; }
#property .right { left:665px; }
#property .mini a { display:block; width:80px; height:60px; overflow:hidden; margin:5px 4px; }
#property h2 { font-size:10pt; text-align:left; }
#property .desc { text-align:left; }
#property .desc p { color:#888888; margin:0px 0px 5px 0px; }
#property .mini a { border:1px solid #e0e0e0; text-align:center; }
#property .mini a:hover { border-color:#ffffff; }
#property .photo img { border:1px solid #e0e0e0; }
#property .price { color:#2bbfe4; }
#property .price img { vertical-align:middle; }
#property .notpub { width:320px; height:100px; position:absolute; left:50%; margin-left:-160px; top:50%; margin-top:-50px; overflow:hidden; }
#property .notpub { background-color:#ffeeee; border:3px solid #cc0000; color:#cc0000; font-size:20pt; font-weight:bold; line-height:43px; }
#property .notpub { opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.50; -khtml-opacity:0.80; }

a.jScrollArrowUp { background: url(scrollbar/basic_arrow_up.gif) no-repeat 0 0; }
a.jScrollArrowUp:hover { background-position: 0 -15px; }
a.jScrollArrowDown { background: url(scrollbar/basic_arrow_down.gif) no-repeat 0 0; }
a.jScrollArrowDown:hover { background-position: 0 -15px; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; }

.scrollButtons { width:33px; height:76px; position:absolute; top:50%; margin-top:-100px; z-index:40; }
.scrollButtonsLeft { left:50px; }
.scrollButtonsRight { right:50px; }
.scrollButtons a { display:block; width:33px; height:33px; margin:5px auto; color:#000000; }
.scrollButtons a img { width:33px; height:33px; }

#searchRef { width:320px; height:30px; position:absolute; left:50%; margin-left:-500px; top:85%; margin-top:-29px; z-index:100; }
#searchRef { opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; }
#searchRef { background-color:#000000; color:#ffffff; font-size:8pt; text-align:center; }
#searchRef form { width:300px; margin:3px 0px 0px 10px; padding:0px; }
#searchRef input { border:1px solid #999999; font-family:Trebuchet MS,Verdana,Arial,sans-serif; font-size:8pt; padding:0px 2px; vertical-align:middle; margin-left:5px; }
#searchRef button { background:none; border:0px; vertical-align:middle; margin-top:2px; }

#searchPrice { width:320px; height:30px; position:absolute; left:50%; margin-left:180px; top:85%; margin-top:-29px; z-index:100; }
#searchPrice { opacity:0.80; filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity:0.80; }
#searchPrice { background-color:#000000; color:#ffffff; font-size:8pt; text-align:center; }
#searchPrice img { width:160px; height:30px; vertical-align:middle; margin-left:10px; }

#zone, #zone_bg { width:618px; height:362px; position:absolute; left:50%; margin-left:-309px; top:50%; margin-top:-181px; overflow:hidden; }
#zone_bg { z-index:20; background:url(bg-zone.png) center no-repeat; }
#zone { z-index:30; }

#video { width:578px; height:304px; margin:30px auto; overflow:hidden; text-align:left; }
#video #player { width:576px; height:302px; border:1px solid #e0e0e0; }
#video #player a { color:#ffffff; text-decoration:none; }

#contact p { font-size:10pt; font-weight:bold; margin:8px 80px 3px 80px; }
#contact form { margin:0px; }
#contact table { border-collapse:collapse; margin:0px auto; }
#contact table .c1 { width:90px; }
#contact table .c2 { width:80px; }
#contact table .c3 { width:62px; }
#contact table .c4 { width:86px; }
#contact table .c5 { width:180px; }
#contact table th { padding:2px; text-align:right; font-size:10pt; }
#contact table td { padding:2px; text-align:left; font-size:10pt; font-weight:bold; }
#contact input, #contact textarea { background:#ffffff url(bginput.png) top repeat-x; border:1px solid #999999; }
#contact table tr.req th { font-weight:bold; }
#contact table tr.req th span { color:#cc0000; font-weight:bold; }
#contact table tr.req td input { background:#ffffff url(bginputreq.png) repeat-x; }
#contact table tr.req td.ref { text-align:center; }
#contact table tr.req td.ref input { background:#ffffff url(bginput.png) top repeat-x; }
#contact table td button { background:none; border:0px; }

#carte { width:617px; height:363px; position:absolute; left:50%; margin-left:-309px; top:50%; margin-top:-181px; overflow:hidden; }
#carte { z-index:20; background:url(carte-du-var.png) center no-repeat; }

#presse { width:1024px; height:360px; position:absolute; left:50%; margin-left:-512px; top:50%; margin-top:-180px; overflow:hidden; }
#presse { z-index:30; background:url(presse.png) center no-repeat; }
#presse { color:#000000; }

#agence, #infos { width:576px; height:302px; margin:30px auto; overflow:auto; text-align:left; font-size:10pt; }

#infos ul { margin:0px auto; }
#infos ul li a { color:#ffffff; font-weight:bold; }
#infos ul li a:hover { color:#cccccc; text-decoration:underline; }

#merci { width:400px; height:200px; margin:80px auto; text-align:left; font-size:10pt; font-weight:bold; }