li {list-style-type:none;}

body {
	background:#1b1b1b;
	margin:0px;
	padding:0px;
	font-family:"Trebuchet MS", Arial;
}


#backheader {
	height:220px;
	background:url(../images/repeat_backheader.jpg) repeat-x;
}

#lien_logo {
	float:left;
	height:200px;
	left:0;
	position:relative;
	top:10px;
	width:246px;
}

#header {
	width:980px;
	height:220px;
	background:url(../images/header.jpg) no-repeat;
	margin:auto;
}

#page {
	width:980px;
	margin:auto;
}
/*    COTE RECHERCHE GAUCHE   */

#bloc_recherche form {
	width:235px;
	background:url('../images/repeat_recherche.jpg') repeat-y;
	margin:5px;
	float:left;
}

#type_bien {
	width:235px;
	height:43px;
	background:url('../images/type_bien.jpg') no-repeat;
	float:left;
}

.span_type_bien {
	color:white;
	margin-left:48px;
	margin-top:8px;
	float:left;
}

.barre_checkbox_type {
	float:left;
	width:100%;
}

.checkbox_type {
	float:left;
	margin-left:20px;
}

.checkbox_type label{
	color:white;
	font-size:14px;
	margin-left:3px;
	
}

.background_titre_cat {
	width:235px;
	height:40px;
	background:url('../images/option_recherche.jpg') no-repeat;
	float:left;
	margin-top:3px;
}

.span_titre_cat {
	color:white;
	margin-left:48px;
	margin-top:5px;
	float:left;
}

.input_type {
	float:left;
	margin-left:44px;
	margin-bottom:2px;
	color:#690000;
}

.input_type_bud {
	float:left;
	margin-left:15px;
	margin-bottom:2px;
	color:white;
}

.input_type_bud input {
	width:50px;
}

.submit_style {
	width:235px;
	height:71px;
	background:url('../images/bouton_recherche.jpg') no-repeat;
	float:left;
	margin-top:3px;
	border:none;
	outline:none;
}

.submit_style:hover {
	cursor:pointer;
}

/*    COTE CONTENT  DROITE  */

#content {
	width:700px;
	height:400px;
	float:left;
	margin-left:5px;
	margin-top:-203px;
}

#top_content {
	width:709px;
	height:214px;
	background:url(../images/top_content.jpg) no-repeat;
	margin-top:0px;
	margin-bottom:0px;
}
/*
li {
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
	list-style-type:none;
}

#menu ul li a {
	color:#333333;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
}

#menu ul li a:hover{
	color:white;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	background:#cf2b2a;
}
*/

#menu {
	float:left; 
	margin-left:46px;
	margin-top:13px;
}
div#menu a {color:#333333; text-align:center;border-bottom:1px solid gray;outline:none;}
div#menu a:hover {color:white}
div#menu span {display:block; color:#333333; text-align:center; outline:none; padding: 4px 0px; cursor: default;}
div#menu span:hover {color:white}
div#menu ul {padding: 0;margin:0px; background: white}
div#menu li:hover {background: #cf2b2a; width:150px;}
div#menu li.sousmenu a:hover {width:150px;}
div#menu li.sousmenu a {width:150px;}

/* float left pour les li afin d'aligner le menu et plus de bordures*/
div#menu ul li {position:relative; list-style: none;/* border-bottom:1px solid;*/ float:left;width:150px;}

/* le décalage n'est plus a gauche maintenant mais en bas on annule donc le decalage a gauche et la correction en haut et on place la restriction de taille*/
div#menu ul ul {position: absolute;/* top: -1px; left: 100px; */display:none; width:150px}

/* plus de bordure et taille remise a 100px*/
div#menu li a {text-decoration: none; padding: 4px 0 4px /*8px*/; display:block; /*border-left: 8px solid #BBB; */width:100px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}

/*Il faut decaller les soussous menu de la taille du sous menu */
div#menu ul.niveau3 {top:0; left: 100px;} 

.bann {
	width:675px;
	height:177px;
	margin-left:19px;
	margin-top:5px;
	margin-bottom:0px;
}

#int_content {
	width:709px;
	background:url(../images/repeat_content.jpg) repeat-y;
	padding-left:10px;
	padding-top:1px;
	float:left;
	padding-top:5px;
}

#bloc_actu {
	width:330px;
	height:216px;
	background:url(../images/bloc_actu.jpg) no-repeat;
	margin:10px;
	float:left;
}

.titre_actu {
	float:left;
	margin:0px;
	width:315px;
	margin-left:10px;
	margin-top:5px;
	margin-bottom:5px;
	height:30px;
}

.h4_actu {
	color:#767272;
	font-size:21px;
	float:left;
	margin-top:1px;
	
}

.date_actu {
	color:#767272;
	font-size:12px;
	float:right;
	margin-top:8px;
}

.p_actu, #content_actu_home p {
	float:left;
	width:315px;
	margin-left:8px;
	margin-top:0px;
	font-size:14px;
	text-align:justify;
	margin-bottom:0px;
}

#content_actu_home
 {
	height:110px;
	width:100%;
	overflow: hidden;
	float:left;
}

.titre_acticle {
	float:left;
	color:#690000;
	font-weight: bold;
	text-align:left;
	width:100%;
}

.savoir_plus {
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	float:right;
	margin:0px;
	color:#690000;
	text-decoration:none;
	font-weight: bold;
}
.savoir_plus:hover{
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:0px;
	float:right;
	margin:0px;
	color:white;
	background:#cf2b2a;

}

#bloc_calcul {
	width:330px;
	height:216px;
	background:url(../images/bloc_calcul.jpg) no-repeat;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
}

#barre_titre_coeur {
	width:674px;
	height:41px;
	background:url(../images/barre_titre_large.jpg) no-repeat;
	margin-left:8px;
	float:left;
}

.titre_bloc {
	color:white;
	padding-left:8px;
	margin-top:9px;
}

#lien_notaire
	{
	display: block;
	height:100%;
	width:100%;
	margin-top:-10px;
	height:178px;
	}

ul.pagination
	{
	margin:0;
	padding:0;
	float:right;
	margin-right:30px;
	text-align:center;
	}

ul.pagination li
	{
	text-align: right;
	border: 2px solid #DDDDDD;
	background: white;
	padding:0px;
	width: 10px;
	float:left;
	margin:2px;
	width: 16px;
	}
	
ul.pagination li:hover 	{ border-color: #999999; }

ul.pagination li.active	{
	background: #999999;
}

ul.pagination li.active	a { color: white; }

ul.pagination li a {
	text-align: center;
	color:#cf2b2a;
	text-decoration: none;
	display: block;
	height: 100%;
	width: 16px;
}

/* ///////////        DEBUT BLOC BIEN        ///////////*/
.bloc_bien {
	width:674px;
	height:216px;
	background:url(../images/bloc_bien.jpg) no-repeat;
	margin-left:8px;
	float:left;
	margin-bottom:3px;
	padding:3px;
}

.haut_cadre_bien {
	float:left;
	width:100%;
	
}

.titre_bien {
	float:left;
	margin-top:4px;
	margin-left:6px;
	color:#690000;
}

.a_titre_bien {
	text-decoration:none;
	color:#690000;
} 

.a_titre_bien:hover {
	border-bottom:1px solid #690000;
} 

.ref_bien {
	float:right;
	margin:0px;
	margin-right:10px;
	margin-top:4px;
}

.photo_bien {
	float:left;
	margin-top:-10px;
	margin-left:6px;
}

.content_option_bien {
	float:left;
	margin-left:6px;
	color:#636161;
	font-size:15px;
	width:170px;
}

.loaded_info  {
	color:#690000;
	font-weight: bold;
	font-size:13px;

}

.piece_bien {
	margin:0px;
}

.surface_bien {
	margin:0px;
}

.prix_bien {
	margin:0px;
}

.ville_bien {
	margin:0px;
}

.mini_desc_bien {
	float:left;
	width:308px;
	font-size:13px;
	color:#636161;
	margin-top:-12px;
	margin-left:6px;
	height:162px;
	overflow:hidden;
}

.more_info {
	width:119px;
	height:37px;
	float:left;
	margin-left:39px;
	margin-top:38px;
}

.mini_desc_bien p {
	margin:0px;
	text-indent:15px;
	text-align:justify;
}
/*//////////        FIN BLOC BIEN        ///////////*/

#bottom_content {
	width:709px;
	height:16px;
	background:url(../images/bottom_content.jpg) no-repeat;
	float:left;
}

/*//////////        FICHE BIEN        ///////////*/

.fiche_bien {
	width:674px;
	background:url(../images/backbien.jpg) no-repeat;
	margin-left:8px;
	float:left;
	margin-bottom:5px;
	padding:3px;
	margin-top:6px;
}

.interesting {
	float:left;
	margin-top:10px;
	margin-left:6px;
}

.colonne_image {
	width:345px;
	float:left;
	margin-top:-10px;
}

.photo_bien_fiche {
	float:left;
	margin-top:0px;
	margin-left:6px;
}

.content_option_bien_fiche {
	float:left;
	margin-left:8px;
	color:#636161;
	font-size:15px;
	width:165px;
}

.mini_desc_bien_fiche {
	float:left;
	width:308px;
	font-size:13px;
	color:#636161;
	margin-top:-12px;
	margin-left:6px;
}


/*//////////        LISTE BIEN        ///////////*/


#classement_produit {
	width:650px;
	float:left;
	margin:0px;
	padding:0px;
	margin-left:8px;
	margin-top:5px;
}

.ul_classement_produit {
	float:left;
	margin:0px;
	padding:0px;
	width:650px;
	margin-left:14px;
}

.li_classement_produit {
	float:left;
	background: url('../images/bouton_classement.jpg') no-repeat;
	width:157px;
	height:30px;
	list-style-type: none;
	text-align:center;
	padding-top:7px;
	margin-right:5px;
	font-size:14px;
	font-family:"Trebuchet MS";
	color:#e3e1e1;
	text-decoration:none;
}

.li_classement_produit:hover {
	text-decoration:underline;
}