/* Divers */
body {
margin: 10px 0px 0px 0px;
font-family: Verdana;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0;
line-height: 1.2em;
font-size: 16px;
}


/* Contact */
.infocontact {
font-weight: bold;
padding-top: 10px;
}



/* Background */

#accesscible {
background-image: url('../images/bg/background.jpg');
background-repeat: repeat-x;
}

#header {
background-image: url('../images/bg/header.jpg');
background-repeat: no-repeat;
width: 1020px;
height: 98px;
}

#menu_h1_immo {
width: 760px;
height: 35px;
background-image: url('../images/bg/menu1_immo.jpg');
}

#menu_h2_immo {
width: 260px;
height: 35px;
background-image: url('../images/bg/menu2_immo.jpg');
}

#recherche {
width: 1020px;
height: 40px;
background-image: url('../images/bg/rech_immo.gif');
}

#service_menu_h1 {
width: 760px;
height: 35px;
background-image: url('../images/bg/menu1.jpg');
}

#menu_h2 {
width: 260px;
height: 35px;
background-image: url('../images/bg/menu2.jpg');
}

#corps {
background-image: url('../images/bg/corps.jpg');
background-repeat: no-repeat;
height: 535px;
}

#body {
background-image: url('../images/bg/corps2.jpg');
background-repeat: repeat-y;
}

#menu_g {
background-image: url('../images/bg/menu_g.jpg');
background-repeat: no-repeat;
height: 537px;
}

#contenu {
background-image: url('../images/bg/contenu.jpg');
background-repeat: no-repeat;
height: 537px;
}

#footer {
background-image: url('../images/bg/bas_page.jpg');
background-repeat: repeat-y;
width: 1020px;
height: 31px;
}

#footer a {
color: white;
font-weight: bold;
text-decoration: none;
font-size: 12px;
margin-left: 20px;
}
#footer a:hover {
color: #F19121;
}



/* Menu */

#menu1 {
margin-left: 10px;
margin-bottom: 10px;
color: white;
font-weight: bold;
}
#menu1 a {
color: white;
font-weight: bold;
font-variant: small-caps;
text-decoration: none;
margin-left: 15px;
margin-right: 15px;
}

#menu1 a:hover {
color: #3C739C;
}

a#selected {
color: #3C739C;
}

#menu2 a:hover {
color: #F4A956;
}

#menu2 {
color: white;
font-weight: bold;
}
#menu2 a {
color: white;
font-weight: bold;
text-decoration: none;
font-size: 12px;
padding-right: 5px;
padding-left: 5px;
}
#menu2_immo {
color: white;
font-weight: bold;
}
#menu2_immo a {
color: white;
font-weight: bold;
text-decoration: none;
font-size: 12px;
padding-right: 5px;
padding-left: 5px;
}

#menu_g {
width: 135px;
}

#recherche {
text-align: center;
color: white;
font-weight: bold;
font-size: 12px;
margin-left: 15px;
}

#criteres {
margin-left: 20px!important;
margin-left: 15px;
color: black;
font-weight: bold;
font-size: 12px;
}


/* Login */

#login {
margin-right: 20px;
margin-top: 8px;
color: white;
font-weight: bold;
font-size: 12px;
}

#login input {
height: 10px;
font-size: 10px;
width: 75px;
}

#login a {
color: white;
font-weight: bold;
text-decoration: none;
}

/*---------- formulaire ----------*/
.form_box{
	border: #999999 1px solid; 
	color: #666666; 
}
.form_liste{
	border: #999999 1px solid; 
	color: #666666;
	width: 150px;
}
.titre{
color:white;
font-weight:bold;
font-size:22px;
}
.titre2{
color:#3399FE;
font-weight:bold;
font-size:22px;
}

/* DIVERS */

#liste{
text-align: left;
margin: 15px 0px 20px 30px;
}

#liste b{
color:#F18E26; 
}

#lien{
color:#000000;
text-decoration:none; 
}
#lien:hover{
color:#000000;
text-decoration:underline; 
}

/* BIENS */

#scroll{
overflow:auto;
height:533px;
width:990px !important;
width:980px;
}

#bien{ 
height:250px;
width:800px;
margin-left: 170px !important;
margin-left: 150px;
margin-top:10px;
}
.contenu {

}
.main_photo {
width: 350px;
height: 250px;
float: left;
border: solid 1px #000000;
}
.mini_photo {
margin-right: 10px;
margin-left: 10px;
width: 50px;
height: 250px;
float: left;
}
.photo_1 {
margin-bottom: 14.5px;
width: 50px;
height: 50px;
float: left;
border: solid 1px #000000;
}
.description {
background: url(../images/desc-fond.jpg) no-repeat;
margin-right: 10px;
width: 350px;
height: 250px;
float: left;
border: solid 1px #000000;
text-align: justify;
}
.bouton{
margin-left: 5px;
width: 50px;
height: 250px;
float: left;
}
.bouton_1{
margin-bottom: 14.5px;
width: 50px;
height: 50px;
float: left;
}
.desc_titre a {
font-weight: bold;
color: #000000;
padding-left: 10px;
font-size: 18px;
font-family: Gill Sans MT;
}
.desc_type {
position: relative;
font-weight: bold;
color: #FFFFFF;
padding-left: 10px;
margin-bottom: 0;
font-size: 16px;
font-family: Gill Sans MT;
}
.desc_texte2 {
padding-left: 55px;
padding-top: 10px;
padding-right: 10px;
color: #FFFFFF;
font-size: 15px;
font-family: Gill Sans MT;
font-weight: bold;
}
.desc_texte {
padding-left: 20px;
padding-right: 10px;
color: #000000;
font-size: 15px;
font-family: Verdana;
font-weight: bold;
overflow:hidden;
height:160px;
}
.desc_prix {
color: #FFFFFF;
text-align: right;
font-size: 17px;
font-weight: bold;
font-family: Verdana;
margin-bottom:5px;
}
.top{
text-align: center;
}
.top a{
text-decoration: none;
color: #000000;
font-variant: small-caps;
}
.top a:hover{
text-decoration: underline;
color: #000000;
font-variant: small-caps;
}

/* BULLES */

.sbulle {position:absolute; visibility:hidden;
background:#FFFDD4; padding:4px; text-align:left;
border:2px solid black; }

a.info{

    z-index:25;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:24; background-color:#FFF;}

a.info span{display: none}

a.info:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
    
    
    top:2em; left:-15.5em; width:15em;
    border:1px solid #6699cc;
    background-color:#FFF; color:#6699cc;
    text-align: justify;
    font-weight:none;
    padding:1px;
    }
	
/*FORMULAIRE VENDRE*/
.form_titre{font-family: Verdana; font-size: 16px; font-weight:bold; color:#1E1731; text-align:center;}
.form_sstitre{font-family: Verdana; font-size: 12px; font-weight:bold; color:#1E1731;}
.form_intitule{font-family:Verdana; font-size: 12px; color:#000000; text-align:right; padding-right: 10px; padding-top: 5px;}
.form_champ{margin-top: 5px; background-color:#D7D7D7;}

/* LIGHTBOX */
#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, #prevLink{ background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink{ 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;
	}