/* CSS Document for immo */

body{
	position:relative;
	margin-left: auto;
    margin-right: auto;
	width:980px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.title{
	position:relative;
	width:980px;
	height:120px;
	background-color:#475788;
	font-size:13px;
	color:#FFFFFF
}

/** menu **/
div.menu{
	display:table;
	border-collapse:collapse;
	font-size:10px;
	position:absolute;
	left:10px;
	top:135px;
	width:147px;
	border:1px solid #ABBCF2;
	background:url(../images/menu_background.jpg) no-repeat bottom right white;
}
div.menu a{
	display:list-item;
	list-style:url(../images/fleche_grise.gif) inside;
	text-decoration:none;
	padding:4px 0 4px 6px;
	border:1px #ABBCF2 solid;
}
div.menu a:hover{
	background:url(../images/menu_hover_background.jpg);
}
/* --- */

div.content{
	position:relative;
	left:25px;
	top:-10px;
	width:783px;
	border:#ABBCF2 solid 1px;
	padding:10px 0 10px 147px;
	text-align:justify;
	font-size:11px;
	background-color:#FFFFFF;
}

/** selection du tri **/
div.content div.tri{
	text-align:right;
	padding:10px 0 10px 147px;
}
/** --- **/

/** annonces **/
div.annonce,div.annonce_over,div.annonce_det{
	display:block;
	width:750px;
	background:#FFFFFF;
	margin:10px 0 10px 0;
}

div.ann_apercu{
	position:absolute;
	margin:5px 30px 0 30px;
	width:80px;
	height:80px;
}
div.annonce_det div.ann_apercu{
	display:none;
	visibility:hidden;
}
div.ann_apercu img{
	border:0;
	cursor:pointer;
}

/* entete de l'annonce */
div.ann_tete{
	margin:0;
	padding:0 5px 0 5px;
	padding-left:140px;
	height:36px;
	cursor:pointer;
	font-size:12px;
	color:#FFFFFF;
	background-color:#3A58AF;
}
div.annonce_over div.ann_tete{
	background-color:#6D8CE7;
}
div.annonce_det div.ann_tete{
	background-color:#E62200;
	padding:0 5px 0 5px;
}

div.ann_tete div{
	padding:0 5px 0 10px;
}

div.ann_tete div{
	padding:2px;
}
div.ann_tete div#titre{
	text-transform:capitalize;
	font-weight:bold;
}div.ann_tete div#ville{
}
div.ann_tete #prix{
	display:block;
	float:right;
	font-weight:bold;
}
div.ann_tete #info{
	display:block;
	float:left;
}

/** contenu de l'annonce **/
div.ann_content{
	background-color:#D5E6FF;
	border-left:#3A58AF solid 1px;
	border-right:#3A58AF solid 1px;
	height:40px;
	padding:5px;
	padding-left:140px;
	color:#000000;
}
div.annonce_over div.ann_content{
	background-color:#EAF2FF;
	border-left-color:#6D8CE7;
	border-right-color:#6D8CE7;
}
div.annonce_det div.ann_content{
	background-color:#FED196;
	border-left-color:#E62200;
	border-right-color:#E62200;
	height:auto;
	padding-left:5px;
}
div.ann_content div#commentaire{
	display:inline;
	cursor:pointer;
}
div.ann_content div#commentaire a{
	display:block;
	color:red;
	text-decoration:underline;
}

/** contenu de l'annonce : détail **/
/* diaporama */
div.ann_content table tr td#diaporama{
	vertical-align:top;
	text-align:center;
	font-size:10px;
	width:150px;
}
div.ann_content table tr td#diaporama table td{
	text-align:center;
	vertical-align:top;
}
div.ann_content table tr td#diaporama div{
	display:inline;
}
div.ann_content table tr td#diaporama img{
	margin:0 0 10px 0;
}
div.ann_content table tr td#diaporama div#diaporama-image{
	display:block;
	width:150px;
	height:150px;
	margin:0 0 5px 0;
}
div.ann_content table tr td#diaporama div#diaporama-image img{
}
div.ann_content table tr td#diaporama div a{
}
/* commentaire */
div.ann_content table tr td#commentaire{
	width:400px;
	vertical-align:top;
	padding:20px 10px 10px 10px;
}
/* contact */
div.ann_content table tr td#contact{
	width:150px;
}
#input_text{
	border: outset 1px #F2B4B7;
	width: 150px;
}
#send_mail{
	border: outset 1px #F5C9CB;
	background-color:#FFEAF0;
	font-size:95%;
}

/* les onglets */
div.ann_content table tr td#detail div.liens_det div{
	display:inline;
	background-color:#FEE3C0;
	border:#FA9814 solid 1px;
 	cursor:pointer;
	padding:5px;
	margin:2px 5px 0 0; 
}div.ann_content table tr td#detail div.liens_det div.current{
	display:inline;
	background-color:#FEEDD6;
	border-bottom:none;
 	cursor:pointer;
	padding:5px 5px 6px 5px;
	margin:2px 5px 0 0; 
}
div.ann_content table tr td#detail div.content_det{
	display:block;
	visibility:visible;
	background-color:#FEEDD6;
	border:#FA9814 solid 1px;
 	cursor:pointer;
	margin-top:5px;
}
div.ann_content table tr td#detail div.content_det table{
	margin:2px 10px 2px 10px;
	width:100%;
}
/** --- **/


/* pied contact */
div.ann_contact{
	padding:2px 2px 2px 2px;
	background-color:#3A58AF;
	color:#FFFFFF;
}
div.annonce_over div.ann_contact{
	background-color:#6D8CE7;
}
div.annonce_det div.ann_contact{
	background-color:#E62200;
}

div.ann_contact div{
	margin:2px;
}
div.ann_contact div#mail{
	float:right;
}

/* arrondi des annonces */
table.arrondi{
	width:100%;
	border-collapse: collapse;
}
table.arrondi tr.top td.left, table.arrondi tr.top td.right, table.arrondi tr.bottom td.left, table.arrondi tr.bottom td.right{
	width:10px;
	height:10px;
}
table.arrondi tr.top td.left{
	background:url(../images/coin_haut_gauche.gif) no-repeat top left;
}
table.arrondi tr.top td.right{
	background:url(../images/coin_haut_droite.gif) no-repeat top right;
}
table.arrondi tr.bottom td.left{
	background:url(../images/coin_bas_gauche.gif) no-repeat bottom left;
}
table.arrondi tr.bottom td.right{
	background:url(../images/coin_bas_droite.gif) no-repeat bottom right;
}