* {margin:0; padding:0; border:0;}

html { background:#BFD7FF; }

body { 
	width:980px; 
	margin:0.5em auto 1em auto; 
	background:#fff;
	color:#000;
	border:1px solid #5A79B3;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.77em;
	}

/* ----------- header -----------------*/
#header {
margin-bottom:2em;
}
#header h1{
	color:#5A79B3;
	font-variant:small-caps;
	font-size:1.8em;
	padding:0 5px;
	}
#header h1 a{background:#fff;color:#5A79B3;text-decoration:none; border:0;}
#header h1 a:hover{background:#5A79B3;color:#fff;text-decoration:none; border:0;}
#header h1 span {
	font-size:0.6em;
	}	


/* ------------ mise en page generale -------------*/
#col_d { float:right; }
#index #col_d {width:160px;}
#resultat #col_d , #resultat_google #col_d {width:140px;float:right;}

	
#main {
	float:right;
	width:490px;
	margin:0 auto;
	}

#col_g {	padding-bottom:10em;}
#index #col_g {width:140px;}
#resultat #col_g , #resultat_google #col_g {width:160px;}


/* test */ 
#col_g, #col_d {width:170px;}

#main {width:640px; padding:0 10px;}
#espace_proprietaire #main {width:780px;}
#resultat_google #main {width:780px;text-align:left;}

		
		
/*#resultat_google #main{width:550px;float:right;}*/


/* ------------ styles -------------------- */	


#index #main h2 { font-size:0.95em; color:#0047C2;margin-top:1.5em;padding:0.5em 1.5em; line-height:1.1em;}
#index #main h2 a{ color:#0047C2; text-decoration:none; border:0;}
#index #main h2 a:hover{ color:#5A79B3; text-decoration:none; border:0;}

#resultat #main h2, #espace_proprietaire #main h2, #resultat_google #main h2 {
	font-size:1.4em;
	color:#A0A3B1;
}
#resultat #main h2 a {color:#5A79B3;text-decoration:none;border:0;}
#resultat #main h2 a:hover {color:#5A79B3;text-decoration:none;border-bottom:1px dotted #5A79B3;}

#main p {
	margin:1.6em 0.7em 0 0.7em;
	color:#5A79B3;
}
#espace_proprietaire #main p {text-align:justify;margin-right:6em;}
#espace_proprietaire #main ul{color:#5A79B3; list-style:outside; margin:1em 3em;}
#espace_proprietaire #main ul li{color:#5A79B3; }


#main p a {	color:#5A79B3;	text-decoration:none;}
#main p a:hover {	color:#fff; background:#5A79B3;	text-decoration:none;}





#main .liens_pages {
	margin:0 0.7em;
	padding:5px 10px 5px 25px;
	background:#F8FAFF;
}
#main .liens_pages span { float:right; }



#main #liste_annonces {margin-bottom:2em;}

#main #liste_annonces .annonce_g{
	border-top:1px solid #5A79B3;
	border-bottom:1px solid #F3F5FF;
	margin:15px;
	text-align:center;
}

#main #liste_annonces .annonce{
	border-top:1px solid #5A79B3;
	border-bottom:1px solid #F3F5FF;
	margin:15px;
	height:110px;
}
#main #liste_annonces .annonce a.img {
float:right;
margin:2px;
padding:2px;
border:1px solid #5A79B3;
}
#main #liste_annonces .annonce h3 {font-size:0.9em;}
#main #liste_annonces .annonce h3 a{
	font-size:1.1em;
	color:#5A79B3;
	text-align:center;
	margin-bottom:10px;
	text-decoration:none;
	}
#main #liste_annonces .annonce h3 a:hover{ background:#5A79B3; color:#fff; text-decoration:none; }	

#main #liste_annonces .annonce  p { margin:0; padding:0; text-indent:1.5em;font-size:0.9em;}
#main #liste_annonces .annonce  p.tarif { margin:1em 0 0 1em; padding:0; font-style:italic;text-indent:0;color:#5A79B3;}
#main #liste_annonces .annonce  p.tarif span{ float:right; font-style:normal;color:#9FA2B1;}
#main #liste_annonces .annonce  p.tarif span a{ color:#9FA2B1;}
#main #liste_annonces .annonce  p.tarif span a:hover{ background-color:#9FA2B1; color:#fff;}


/* ---------------- formulaire de la page d'accueil ------------------------------ */
#main #carte {
	float:right;
	margin:30px 30px 0 0;
}
#main form {
	margin:0;
	padding:1.7em 0 0.7em 2em;
	line-height:1.4em;
	background:#F8FAFF;
	border-top:1px solid #5A79B3;
	border-bottom:1px solid #F3F5FF;
}
#main form fieldset {margin:5px 0;}
#main form fieldset label {/*display:block;float:left;*/}
#main form input, #main form select { border:1px solid #5A79B3;background:#fff;}
#main form select option{ padding:0 0.5em;width:140px;}

#main form input.ville {width:172px;}
#main form input.submit {margin:1em 0 0 0; width:172px;}

/* ---------------------- recherche google --------------------------- */
#gsearch {
background:#fff;
border-top:1px solid #F3F5FF;
width:140px; overflow:hidden;
}
#gsearch form {
margin:0;
padding:0;
background:#fff;
}
#gsearch form input { border:1px solid #5A79B3;background:#fff;width:130px;}



	
.backbord {
	background:#F8FAFF;
	border-top:1px solid #5A79B3;
	border-bottom:1px solid #F3F5FF;
}	
.padd {
padding:0.7em;
}
.bold {font-weight:bold;}
.centre {text-align:center;}
	
#menu {
	list-style:none outside;
	color:#5A79B3;
	margin:0;
}
#col_g p {
border-top:1px solid #F3F5FF;
margin:0.5em 0 0.5em 0;
}

#col_d #liste_ville {margin-top:2em; border-top:1px solid #F3F5FF;}
#col_d #liste_ville span{color:#5A79B3;}
#col_d #liste_ville ul {
	height:15em; 
	color:#0047C2;
	overflow:scroll;
	list-style:disc outside	;
	margin:0 0 0 2px;
	overflow-x:auto;
	overflow-y:scroll;
	scrollbar-track-color:#fff;
}
#col_d #liste_ville ul li {margin-left:16px;}
#col_d #liste_ville ul li a {	color:#0047C2;	text-decoration:none;}
#col_d #liste_ville ul li a:hover {	color:#fff; background:#0047C2;	text-decoration:none;}

 #ville_double {
	color:#5A79B3;
	list-style:disc outside	;
	margin:15px 0 0 25px;

}
#ville_double li {margin-left:16px;line-height:2em;}
#ville_double li a {	color:#5A79B3;	text-decoration:none;}
#ville_double li a:hover {	color:#fff; background:#5A79B3;	text-decoration:none;}



/* ------------- formulaire sur les pages de resultats ------------- */
#col_d form {
	margin:3em 0 0 0;
	padding:1em 5px 1em 0;
	background:#F8FAFF;
	border-top:1px solid #5A79B3;
	border-bottom:1px solid #F3F5FF;
	text-align:right;
}
#col_d form fieldset {margin:5px 0;}
#col_d form fieldset label {padding:0 5px 0 0;margin-bottom:3px;}
#col_d form input, #col_d form select { border:1px solid #5A79B3;background:#fff;width:120px;}
#col_d form select option{ padding:0 0.5em;width:100px;}
#col_d form input.ville {width:120px;}
#col_d form input.submit {margin:1em 0 0 0; width:120px;}
 


#menu li { margin:0.5em 0 0.5em 0;padding:0.5em 0 0.5em 5px;font-variant:small-caps;font-size:1.1em;border-top:1px solid #F3F5FF;}
#menu li a{ color:#5A79B3; text-decoration:none;}
#menu li a:hover{background:#5A79B3; color:#fff; text-decoration:none;}

#menu li ul {
	background:#fff;
	list-style:none outside;
	margin:0.2em 0 0 10px;
	padding:0;
	font-size:0.7em;
}

#menu li ul li {	margin:0.2em 0;font-variant:normal;background:#fff;padding:0;border-top:0;}
#menu li ul li a{ color:#A0A3B1; text-decoration:none;	}
#menu li ul li a:hover{background:#A0A3B1; color:#fff; text-decoration:none;}	
	
	
/* -------------- footer ------------------ */
#footer {
	clear:both;
	border-top:1px solid #5A79B3;
	background:#e2e7fd;
	margin-top:2em;
	font-size:0.8em;
	color:#5A79B3;
}
#footer a{
	color:#5A79B3;
	text-decoration:none;
}

#footer a:hover{
	background:#5A79B3;
	color:#e2e7fd;
	text-decoration:none;
}