/****************************************************************************************************************
	reset
****************************************************************************************************************/

@import url("reset.css");

/****************************************************************************************************************
	main
****************************************************************************************************************/

*{
	font-family: Arial, Helvetica, sans-serif;
	color: #221e1f;
}

body,
html {
	height:100%;
}

body{
	font-size: 62.5%; /* 1em = 10px */
	text-align: left;
	color: #555555;
}

.asie_body {
	font-size: 75.0%; /* 1em = 10px */
}

#mainContainer{
	height: 590px;
	width: 877px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -289px;
	margin-left: -440px;
	overflow: hidden;
	border:0px solid red;
}

#header{
	position: relative;
	height: 27px;
	width: 100%;
	overflow: hidden;
	border:0px solid green;
	vertical-align:bottom;
}

#footer{
	height: 30px;
	width: 100%;
	overflow: hidden;	
	border:0px solid blue;
}

/****************************************************************************************************************
	core
****************************************************************************************************************/


#home{
	position: relative;
	height: 530px;
	width: 877px;
	overflow: hidden;	
	background-color:black;
	border:0px solid yellow;
}

#insideHomeNoBorder {
	width:100%;
	height:100%;
}
#insideHomeBorder {
	width:857px; /*877px;*/
	height:510px; /*530px;*/
	border-width:10px;
	border-style:solid;
}
.borderHome {
	border-color:#ffffff;
}
.borderEnvironnement {
	border-color:#a4b76f;
}
.borderCommerces {
	border-color:#736fb3;
}
.borderHotelParticulier {
	border-color:#b9a768;
}
.borderBureaux {
	border-color:#7b5a62;
}


/****************************************************************************************************************
	links
****************************************************************************************************************/

a:link, a:visited, a:active{
	text-decoration: none;
	color: #707070;
}

a:hover{
	text-decoration: underline;
}

/****************************************************************************************************************
	misc
****************************************************************************************************************/

.hidden{
	position: absolute;
	left: -999em;
}

.forPrintOnly{
	display: none;
}

.flash-replaced .alt{
	position: absolute;
	left: -999em;
}

#logTitle {
	display:none;
}


/****************************************************************************************************************
	main navs
****************************************************************************************************************/

#divAccueil{
	float: left;
	position: relative;
	width: 179px;
	height: 23px;
	margin: 0;
	margin-left:0px;
}

#divHeaderFilm{
	float: right;
	position: relative;
	width: 179px;
	height: 26px;
	margin: 0;
	margin-left:0px;
}

#nav1{
	float: left;
	overflow: hidden;
	height:27px;
	margin-left:22px;
	border:0px solid red;
}

#nav1 li{
	height:27px;
	position: relative;
	float: left;
	display: block;
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	font-size: 1.2em;
	text-transform: uppercase;
}

#nav1 li a{
	display: block;
	text-decoration: none;
	height: 27px;
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}

#nav1 li a span{
	font-family: Arial, Helvetica, sans-serif; color:black;
}


#nav1 li a:hover, #nav1 li.on a{
	background-position: 0 -28px;
}
#footer li a:hover{color: #fff;text-decoration:none; }

#footer li{
	float: left;
	display: inline;
	padding-left: 3px;
	margin-right: 10px;
	height:18px;
	position: relative;
}


#footer li a{
	display: block;
	text-decoration: none;
	height: 27px;
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}


#footer .floatLeft{	padding-left: 2px; }
#footer #floatRight li{ margin-right: 1px; }


/* GENERAL */
.textBig { font-size:24px; line-height:20px; margin-bottom:10px; }
.textSmall { line-height:15px; text-align:justify; }





#divPassIntro { text-align:center; display:none; }
#divPassIntro span { display:none; }


/* =====================================================
		L'ENVIRONNEMENT 
===================================================== */

a.linkEnvironnement { font-weight:bold; text-decoration:none; color:#a4b76f; }

/* Galerie */
.divEnvironnementLettrine { float:left; font-size:47px; margin-right:5px; margin-top:-5px; margin-bottom:-5px; color:#a4b76f; line-height:normal; text-align:left; }
#divPlanSituation { margin-top:49px; text-align:center;  }

/* =====================================================
		L'HOTEL PARTICULIER
===================================================== */

a.linkHotelParticulier { font-weight:bold; text-decoration:none; color:#b9a768; }

/* Galerie */
.divHotelPartLettrine { float:left; font-size:47px; margin-right:5px; margin-top:-5px; margin-bottom:-5px; color:#b9a768; line-height:normal; text-align:left; }
#divHotelPartLinkMap { margin-top:49px; text-align:center; font-size:9px; }
#divHotelPartLinkContacts { margin-top:7px; text-align:center; font-size:9px; }

/* =====================================================
		LES COMMERCES 
===================================================== */

a.linkCommerces { font-weight:bold; text-decoration:none; color:#736fb3; }


/* mapping */
/*.rondChiffre { position:absolute; background-image:url(images/commerces/plans/rond.gif); width:20px; height:17px; color:#FFFFFF; padding-top:3px; font-weight:bold; background-repeat:no-repeat; font-size:11px; text-align:center;  }*/
.rondSimple { position:absolute; background-image:url(/images/commerces/plans/rond.gif); background-position:0 0; width:13px; height:13px; font-size:9px; font-weight:bold; color:white; }
.rondSimple img { width:13px; height:13px; }
.rondSimpleOver { background-position:0 -13px; }
#divMapLstCommerces { padding-left:10px; margin-top:20px; width:235px; height:323px; text-align:left; display: block; overflow:hidden; overflow-x: hidden; overflow-y: auto; overflow : -moz-scrollbars-vertical; }
.divMapTitleCommerce { margin-left:0px; margin-top:7px; font-weight:bold; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.divMapTextCommerce { }
.spanMapTextCommerce { margin-left:20px;  cursor:pointer; font-size:10px; }
.spanMapTextCommerceOver { color:#736fb3; }

/* liste commerces */
#wrapper { position:absolute; top:50px; left:15px; width:230px; height:360px; overflow:hidden; border:0px solid blue;	 }
#column { position:absolute; left:0; width:216px; margin-right:14px; padding:0 5px; text-align:left; border:0px solid red; }
#handle { background-image:url(images/commerces/plans/rond-scroll.jpg); background-repeat:no-repeat; top:0px; position:absolute; width:14px; height:14px; right:0px; cursor:move;  }


#JT { position: absolute; z-index:100; border-width:1px; border-style:solid; border-color:#adadad #2c294e #2c294e #adadad; background-color: #fff; }
#JT_copy{ padding:5px; color:#333333; }
.JT_loader{ background-image: url(../images/loader.gif); background-repeat: no-repeat; background-position: center center; width:100%; height:12px; }
#JT_close_left{ background-color: #736fb3; color:white; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_close_right{ background-color: #736fb3; color:white; text-align: left; padding-left: 8px; padding-bottom: 5px; padding-top: 2px; font-weight:bold; }
#JT_copy p{ margin:3px 0; }
#JT_copy img{ 	padding: 1px; border: 1px solid #CCCCCC; }
.jTip{ cursor:help; }


/* accueil après login */
#tdCommercesSuite { background-color:#FFFFFF; width:100%; height:100%; background-image:url(/images/commerces/les-commerces-suite-bkg.jpg); background-position:center; background-repeat:no-repeat;  }
#divCommercesSuite { position:absolute; top:40px; left:40px; width:430px; line-height:18px; text-align:justify; font-family:Arial, Helvetica, sans-serif; color:#221e1f; }
#img154 { width:96px; height:57px; float:left; margin-top:-3px; margin-left:-4px; margin-right:0px; margin-bottom:0px; }
ul#commerces { list-style-type:none; margin-top:15px; overflow: hidden; }
ul#commerces li { float:left; position: relative; width:65px; height:65px; margin-right:10px; display: block; padding-top:0px; padding-left: 0px; padding-bottom: 0px; margin-left: 0px; }
ul#commerces li a { display:block; color:white; width:65px; height:65px; text-decoration:none; background-position: 0 0; background-repeat: no-repeat; outline: none; }
ul#commerces li a span { left:-9000em; position:absolute; }
#divCommercesMap { position:absolute; top:450px; left:35px; width:120px; height:78px; }

/* Les lots - choix (1-5) */
#tdCommercesLots { background-position:bottom center; background-repeat:no-repeat;  }
#divCommercesLots { position:absolute; top:160px; left:75px; width:730px;  }
ul#lots { list-style-type:none; margin-top:15px; overflow: hidden; }
ul#lots li { float:left; position: relative; width:133px; height:133px; margin-right:10px; display: block; }
ul#lots li a { display:block; color:white; width:133px; height:133px; text-decoration:none; background-position: 0 0; background-repeat: no-repeat; outline: none; }
ul#lots li a span { left:-9000em; position:absolute; }

/* Les lots - presentation */
#tdLotPresentationLeft { width:255px; padding:20px; padding-right:10px; padding-bottom:0px; }
#divLotPresentationTitle {  color:#736fb3; font-size:15px; font-weight:bold; margin-top:25px; }
#tdLotPresentationRight { width:602px; padding:20px; padding-bottom:0px; }
#tableLotPresentationText { width:602px; margin-top:5px; }
#tableLotPresentationText td#left { padding-right:10px; }
#tableLotPresentationText td#right { padding-left:10px; padding-right:15px; }
/*.txtLotPresentationTextBold { font-size:11px; font-weight:bold; }*/
.txtLotPresentationTextSmall { font-size:8px; font-weight:normal; }
table.tableLotPresText td { padding-bottom:5px; font-size:10px; line-height:10px; }
table.tableLotPresText .borderBottom { border-bottom:1px solid #4A4A4A }
table.tableLotPresText .gray { color:#6c6e72; }

table.tableLotPresTextRight td { padding-top:2px; padding-bottom:2px; font-size:9px; font-weight:bold; padding-left:3px; padding-right:3px;  }
table.tableLotPresTextRight tr.borderBottom td { border-bottom:1px solid #4A4A4A }
table.tableLotPresTextRight tr.bkgGray td { background-color:#d0d2d5; }
table.tableLotPresTextRight .gray { color:#6c6e72; }
table.tableLotPresTextRight .right { text-align:right; }

#divLotsPresLirePlans { position:absolute; top:385px; left:25px; width:100px; height:130px; }

/* Les lots - plan détaille d'un etage */

#tdLotDetailTexte { width:257px; padding:10px;}
#tdLotDetailImage { width:600px; background-color:#948c8c; }
.lotEtage { color:#736fb3; font-size:30px; }
#divDetailTextLeft { margin-top:0px; }
#tableLstDetailEtage { width:100% }
#tableLstDetailEtage td { border-bottom:1px solid #221e1f; border-top:1px solid #221e1f; }
ul#lotDetail { list-style-type:none; margin-top:5px; overflow: hidden; }
ul#lotDetail li { float:left; position: relative; width:35px; height:35px; margin-right:3px; display: block; margin-top:35px; }
ul#lotDetail li a { display:block; color:white; width:35px; height:35px; text-decoration:none; background-position: 0 0; background-repeat: no-repeat; outline: none; }
ul#lotDetail li.on, ul#lotDetail li.on a { width:70px; height:70px; }
ul#lotDetail li.on { margin-top:0px; }
ul#lotDetail li a span { left:-9000em; position:absolute; }


/* plan de situation - mapping */
#divCommercesMapSituation { position:absolute; top:450px; left:40px; width:120px; height:78px; }
#divCommercesMapMapping { position:absolute; top:450px; left:70px; width:120px; height:78px; }



/* =====================================================
		LES CONTACTS 
===================================================== */
#tableMainContacts { background-color:#000000; width:100%; height:100%; }
#tdMainContacts { vertical-align:middle;text-align:center;  }

.textContact { color:#FFFFFF; font-size:12px; font-weight:bold; }
.textContact a { color:#FFFFFF; text-decoration:none; }
.textContactTitle { color:#919498; font-size:14px; vertical-align:middle; text-align:center; font-weight:bold; }
.textContactTitleLeft{ color:#FFFFFF; font-size:14px; vertical-align:middle; text-align:left; font-weight:bold; }


/*#tdMainContacts TABLE { margin-left:auto; margin-right:auto }*/