html { width:100%;height:100% }
body { width:100%;height:100%;margin:1px 0 0 0;padding:0; font:12px Verdana, Arial, Helvetica, sans-serif; color:#49373F; }
a,embed,object { outline:0 }
a { color:#3e6864 }
a img { border:0 }
h1 { font-size:20px; line-height:21px; font-weight:normal; margin:0; padding:0 }
h2 { font-size:16px; line-height:17px; font-weight:normal; margin:0; padding:0 0 15px 0; color:#004335 }
.deja-signe { color:#aa0410; text-decoration:line-through } /* mention "déjà signé" sur les tableaux récap des apparts dispo */
.sti { margin-top:3px }
#coeur-de-ville { position:absolute; left:200px; top:83px; display:none }
.clickme { cursor:pointer }
.strong { color:#004335; font-weight:bold }
.li { padding:2px 0 2px 16px; background:url(puce-li.gif) top left no-repeat }
.liCommerce {margin:0px 0 0 35px }
.ul { padding:8px 0 8px 0 }
.notes { font-size:10px;color:#888888 }
.newp { padding-top:5px }
.valign { vertical-align:middle } /* pour les images */
.alpha0 { opacity:0 }
.zoom { cursor: url(magnify.cur), url(/styles/magnify.cur), pointer }
/* bulles d'aide */
.aide-container { display:inline; padding-left:5px; cursor:pointer }
/* DIAPORAMAS */
.wrappDiapo { position:relative;}
.diaporama { float:left; padding:4px 12px 0 0; }
.diapo-p { margin:4px 0px 0 10px}
.diapo-s { margin:4px 10px 0 5px }
.diapo-zoom {margin:4px 0px 0 100px }
.diapo { position:absolute; left:0; top:0; display:none }
.diapocontrol { padding:0 0 0 0;width:240px;}
/* DIAPORAMAS lighBox*/
.rounded { float:left; z-index:2; display:none; background-color:#fff; border:17px solid #888; }
.wrappDiapoB { float:left;padding:5px 0 25px 25px;background-color:#FFFFFF;}
.medaillon { float:left}
.leftbox { position:relative; float:left; padding:0 20px 0 0;}
.img_box_close { display:inline; margin:0px 7px 0 0;}
.diapoB { position:absolute;top:0;left:0; display:none; }
/* Tableau récap des appartements */
.appartements { padding:3px 8px 4px 8px; text-align:center; white-space:nowrap; border-bottom:1px solid #80A19A }
.appti { font-weight:bold; vertical-align:bottom }
.appfirst { padding-left:0 }
.applast { padding-right:0 }
/* Formulaires */
.form-element { font-size:11px;padding:1px 2px }
.form-label { float:left; white-space:nowrap; padding:3px 13px 13px 0 }
.form-select { font-size:11px }
/* MENUS ACCUEIL */
.menu-accueil { position:absolute; z-index:2 }
.fleches-accueil { position:absolute; left:180px; top:180px; z-index:1; width:520px; height:320px; opacity:0.4 }
/* MENUS DE GAUCHE */
.colonne-menu { position:absolute; left:9px; top:137px; width:150px; font-size:12px }
a.lmenu { display:block;padding-right:35px;text-align:center; background:url(../img/menus/lmenu_inactif.gif) left top no-repeat; width:93px; color:#666; text-decoration:none }
a.lmenuRge { display:block;padding-right:35px; text-align:center;background:url(../img/menus/acheter_inactif.gif) left top no-repeat; width:93px; color:#cc2224; text-decoration:none }
a:hover.lmenu { color:#0b7d61 }
a:hover.lmenuRge { color:#ffffff;background:url(../img/menus/acheter.gif) left top no-repeat}
.lmenu-double { padding:12px 0 0 11px; height:50px; line-height:18px }
.lmenu-simple { padding:16px 0 0 10px; height:46px; line-height:12px }
a.lmenu.active, a:hover.lmenu.active
{ color:white; background:url(../img/menus/lmenu_actif.gif) left top no-repeat }
a.lmenuRge.activeRge, a:hover.lmenuRge.activeRge
{ color:white; background:url(../img/menus/acheter.gif) left top no-repeat }
.conseil { position:absolute; left:675px; top:12px; z-index:1 }
/* MENUS DE DROITE */
.colonne-rmenu { position:absolute; left:790px; top:222px; width:136px ;font-size:12px }
.colonne-rmenu a { display:block; background:url(puce-menu-r.gif) left 50% no-repeat; width:121px; padding:0 0 0 14px; margin-bottom:20px; color:#49373F; text-decoration:none }
.colonne-rmenu a:hover { text-decoration:underline }
.colonne-rmenu a.activeR { font-weight:bold }
/* CONTENU CENTRAL, hors scroller (ex : page contact) */
.contenu-container { width:595px;border-left:1px solid #a3a1a2;min-height:450px;}
.colonne-center { position:relative; left:0; top:0; width:560px;padding-left:40px; }
/* COLONNE DE DROITE */
.colonne-droite { position:absolute; left:730px; top:222px; width:186px }
/* FOOTER */
.bouton-footer { position:absolute;top:46px;left:460px; }
.footer { position:absolute; left:100px; top:10px; width:750px; text-align:center; color:#ADA5A9 }
.bouton-footer-index { position:absolute; left:381px; top:524px }
.footer-index { position:absolute; left:22px; top:584px; width:750px; text-align:center; color:#ADA5A9 }
/* scrollers */
.scroller { position:relative; left:0; top:0 }
#scroller1-container { position:absolute; overflow:hidden; font-size:12px; padding:0 0 2px 0 }
.scr-bas { left:16px; top:544px; width:762px; color:#BFD0CC }
#scroller1-container a.scr-bas { color:#BFD0CC; text-decoration:none }
.scr-haut { left:160px; top:118px; width:530px; color:#49373f }
#scroller1-container a.scr-haut { color:#49373f; text-decoration:none }
/* Ascenceur */
#contenu-container { width:615px;border-left:1px solid #a3a1a2;border-right:1px solid #a3a1a2;min-height:450px;}
#contenu { position:relative; left:0; top:0; width:575px;padding-left:20px; }
.content {padding-left:156px;background:url(../img/shadow.gif);}
#slider { position:absolute; left:600px; top:155px; z-index:1 }
#slider-top { position:absolute; left:0px; top:0px }
#slider-bottom { position:absolute; left:0px; top:300px }
#slider-path { position:absolute; left:7px; top:18px; width:1px; height:300px; background-color:#c1c0c0 }
#scroll1-slider { position:absolute; left:0px; top:18px }
/* Liste eco-engagement*/
.liste-container{position:absolute;display:none;z-index:10;width:450px;}
.liste{overflow:auto;background-color:#FFFFFF;padding:5px 15px;text-align:justify;height:200px;}
.header-liste{position:relative;}
.img_liste_close{position:absolute;top:2px;left:427px;}
/* CEVA */
.videoLink { text-align:center;padding:5px 0 0 0;font-weight:bold;font-size:10px }
.videoLink a { color:#666666 }
.videoLink a:hover { color:#0b7d61 }
/* Plan de Masse */
.plan_masse { position:relative; margin:2px 0 0 30px; border:1px solid #AAA; width:508px; height:368px }
.loader { margin:160px 0 0 239px }
.commerces { width:508px; text-align:right; padding:10px 0 0 30px }
.commerces a { text-decoration:none }
.commerces a:hover { text-decoration:underline }
#block-commerces { display:none }
#text-commerces { font-weight:bold; font-size:14px }