body{font: 8pt/10pt arial; background-color:#fff; text-align:justify; margin:0px; color:#215284;}

p{margin:0px; margin-bottom:10px;}

/*----------commun------------*/
input{border:1px solid #000; background:#fff;}
textarea{border:1px solid #000; background:#fff;}
select{border:1px solid #000; background:#fff;}
option{border:1px solid #000; background:#fff;}

div#drapeau{position:absolute;margin-left:827px;margin-top:5px;}

div#menu{position:absolute; top:135px; left:70px; width:800px; text-align:right; back ground:red; margin:0px;}
div#menu ul{list-style-type:none; float:right;margin:0px;}
div#menu ul li{display:inline;margin:0px;}
div#menu ul li a{color:#264f87; text-decoration:none; font-weight:bold; margin:2px; font-size:9pt;}
div#hauttransactions div#menu ul li a{color:#cd3333;}
div#menu ul li a:hover{col or:#fff; text-decoration:underline;}

div#theme{position:absolute; top:94px; left:438px; width:440px; backgro und:green; height:34px;}
div#theme ul{list-style-type:none; float:right;}
div#theme ul li{display:inline;}
div#theme ul li a{color:#fff; text-decoration:none; font-weight:bold; marg in:5px; font-size:9pt;}
div#theme ul li a:hover{color:#fff; text-decoration:underline;}

div#milieu{position:absolute; top:180px; left:50px; width:830px; height:525px; backg round:red;}
div#gauche{float:left; width:210px;height:455px; backg round:yellow; padding-right:30px;}
div#droite{float:left; width:590px;height:455px; backg round:blue;}
div#bas{position:absolute; top:657px; left:50px; width:831px; height:40px; background:url(imgs/bas.jpg); text-align:center;font: 9pt/11pt arial; padding-top:6px;}
div#bas a{color:#215284;text-decoration:none;}
div#bas a:hover{text-decoration:underline;color:#215284;}
h1{background:url(imgs/general-puce.jpg) no-repeat; color:#215284; font-size:9pt; font-weight:bold; padding-left:15px; margin-top:0px; margin-bottom:10px;}
h1#sans{background:none; font-size:9pt; font-weight:bold; margin-top:0px; margin-bottom:10px; padding-left:0px;}
h1 a{text-decoration:none; color:#215284;}
h1#bleuclair{background:url(imgs/locations-puce.jpg) no-repeat; color:#7BBDD7;}
h1#rouge{background:url(imgs/transactions-puce.jpg) no-repeat; color:#DE2219;}
h1#violet{background:url(imgs/investissements-puce.jpg) no-repeat; color:#A059B2;}

h2{background:url(imgs/puce-h2.jpg) no-repeat; color:#215284; font-size:8pt; font-weight:bold; padding-left:15px; margin-top:0px; margin-bottom:10px;}
h2#bleuclair{background:url(imgs/puce-h2-bleuclair.jpg) no-repeat; color:#7BBDD7;}
h2#bleuclair a{color:#7BBDD7;}
h2#rouge{background:url(imgs/puce-h2-rouge.jpg) no-repeat; color:#DE2219;}
h2#violet{background:url(imgs/puce-h2-violet.jpg) no-repeat; color:#215284;}

h3{background:url(imgs/pucebleuclair.jpg) no-repeat; color:#215284; font-size:8pt; font-weight:bold; padding-left:15px; margin-top:0px; margin-bottom:10px;}
h3#bleuclair{background:url(imgs/pucebleuclair.jpg) no-repeat; color:#7BBDD7;background-position: center left;}
h3#rouge{background:url(imgs/pucerouge.jpg) no-repeat; color:#DE2219;background-position: center left;}
h3#violet{background:url(imgs/puceviolet.jpg) no-repeat; color:#A059B2;background-position: center left;}

ul#bleuclair{list-style-image: url(imgs/pucebleuclair.jpg); margin:0px; margin-left:0px; margin-bottom:10px; padding-left:16px;}
ul#rouge{list-style-image: url(imgs/pucerouge.jpg); margin:0px; margin-left:0px; margin-bottom:10px; padding-left:16px;}
ul#violet{list-style-image: url(imgs/puceviolet.jpg); margin:0px; margin-left:17px; margin-bottom:10px;}
ul#bleu{list-style-image: url(imgs/pucebleu.jpg); margin:0px; margin-left:17px; margin-bottom:10px;}

div#contenu{float:left; width:570px; height:425px; background:url(imgs/contenu.jpg); padding:10px;}
div#overflow{overflow:scroll; overflow-x:hidden; backgr ound:green; height:425px; width:560px; padd ing-bottom:40px; margin-top:10px; padding-right:10px;}
div#overflow3{
	float:left; 
	width:565px; 
	height:55px; 
	padding-right:5px;
	overflow:hidden; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	overflow : -moz-scrollbars-vertical;   
}
div#overflow4{
	float:left; 
	width:363px; height:215px;
	overflow:hidden; padding-right:5px;
	overflow-x: hidden; 
	overflow-y: scroll; 
	overflow : -moz-scrollbars-vertical;
}
div#overflow a{color:#215284; text-decoration:none;}
div#overflow a:hover{color:#215284; text-decoration:underline;}

div#overflow2{position:absolute; overflow:hidden; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	overflow : -moz-scrollbars-vertical;  backgr ound:green; height:318px; width:560px; padd ing-bottom:40px; margin-top:10px; padding-right:10px;}
div#overflow2 a{color:#215284; text-decoration:none;}
div#overflow2 a:hover{color:#215284; text-decoration:underline;}
table tr td a{color:#215284;}

div#gauchemeuble{float:left; width:178px; height:200px; backgrou nd:orange; margin-top:12px;}

/*-------------------------------*/

table#boxmeuble{float:left; width:260px; height:110px; backgro und:red; margin-right:10px; margin-bottom:10px;}
div#boxmeuble{float:left; width:260px; height:140px; backgro und:red; margin-right:10px; margin-bottom:10px;}
/*--------partie generale----------*/
div#general{position:relative; width:930px; height:732px; background:url(imgs/fond.jpg); margin:auto;}
div#haut{position:absolute; width:930px; height:153px; background:url(imgs/general-haut_bis.jpg);}
div#hautlocations{position:absolute; width:930px; height:153px; background:url(imgs/locations-haut_2.jpg);}
div#hauttransactions{position:absolute; width:930px; height:153px; background:url(imgs/transactions-haut_bis.jpg);}
div#hautinvestissements{position:absolute; width:930px; height:153px; background:url(imgs/locations-haut_3.jpg);}
div#bienvenue{float:left; width:570px; height:81px; background:url(imgs/bienvenue.jpg) no-repeat; font: 9pt/11pt arial; padding:10px; display:inline;}
div#zoom{float:left; width:368px; height:147px; background:url(imgs/zoom.jpg); padding:10px; margin-top:10px;	text-align:left; }
div#zoom a{color:#215284;text-decoration:none;}
div#zoom a:hover{text-decoration:underline;color:#215284;}
div#bienvenue2{position:absolute; width:570px; height:81px; background:url(imgs/bienvenue.jpg); padding:10px;}
div#bienvenue2 a{color:#215284;text-decoration:none;}
div#bienvenue2 a:hover{color:#215284; text-decoration:underline;}
/*-----------------------------------*/
div#gris{float:left; width:569px; height:151px; background:url(imgs/gris.jpg) no-repeat; font-size:8pt; padding:10px;}
div#gris2{float:left; width:569px; height:151px; background:url(imgs/gris.jpg);  padding:10px;}
div#blanc{float:left; width:368px; height:233px; background:url(imgs/blanc.jpg); padding:10px;font: 9pt/11pt arial; margin-top:20px;}
div#blanc a{ color:#215284;text-decoration:none;}
div#blanc a:hover{ color:#215284;text-decoration:underline;}
div#blanc2{position:absolute; top:110px; width:567px; height:320px; background:url(imgs/blanc2.jpg); padding:10px;margin-top:12px; margin-left:2px;}
div#blanc p{margin:0px; margin-bottom:10px;}
div#milieu2{position:absolute; top:100px; width:367px; text-align:justify; height:303px; background:url(imgs/conloc2.jpg);color:#264F87; marg in-left:30px; margin-top:20px; padding:10px; margin-right:25px; 
	}

div#milieu2 a{color:#215284;text-decoration:none;}
div#milieu2 a:hover{color:#215284; text-decoration:underline;}
div#gris2 a{color:#215284;text-decoration:none;}
div#gris2 a:hover{color:#215284; text-decoration:underline;}
h2#rouge a{color:#DE2219;text-decoration:none;}
h2#rouge a:hover{color:#DE2219; text-decoration:underline;}


div#overflow6
{
	overflow:hidden; 
	overflow-x: hidden; 
	overflow-y: scroll; 
	overflow : -moz-scrollbars-vertical; width:363px; height:145px; padding-right:5px;
}




#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}