/**************générale***************/
body{
	background-image:url(fond_degrade.png);
	background-repeat:repeat-x;
	background-color:#272727;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	padding:0;
	margin:0;
}

strong {color:#F0CC16}

#globale{
	width:920px;
	margin-left:auto;
	margin-right:auto
}

/*************GAUCHE-DROITE*********/
#gauche{
	float:left;
	width:230px;
}
#gauche-bas{
	background-image:url(pied.png);
	height:55px;
	width:230px;
	color:white;
}
#gauche-bas-content{
	width:220px;
	padding-top:20px;
	padding-left:10px;
}
#gauche-bas a{
	color:white;
	display:block;
	float:left;
	width:110px;
	text-align:center;
}
#droite{
	overflow:hidden;
	width:280px;
	margin-top:30px

}
/********ARIANNE**********/
#chemin{
	text-align:right;
	font-size:11px;
	color:#555555;
}
#chemin a{
	color:#555555;
}
/*******CONTENU*******/
#content{
	width:606px;
	float:left;
	padding-right:34px;
	position:relative
}
h2{
	font-size:20px; 
	font-style:normal; 
	color:#FFD400; 
	font-weight:bold;
}
/*********GAUCHE*********/
#logo, #logo a{
	display:block;
	height:84px;
	width:510px;
	margin:0
}
#gauche ul{
	padding:0;
	margin:0;
	list-style-type:none;
	background-image:url(corp-menu.png);
	width:230px;
}
#gauche ul li{
	padding:0;
	margin:0;	
	width:197px;
	min-height:27px;
	margin-left:24px;
	clear:both;
}
#gauche ul li a{
	display:block;
	height:27px;
	background-image:url(fond-btn.jpg);
	font-size:16px;
	text-align:center;
	color:black;
	width:197px;
}
#gauche ul li a:hover{	
	text-decoration:none;
}
#gauche ul li a span{
	display:block;
	font-size:16px;
	color:black;
	padding-top:5px;
	font-weight:bold;
}
/*SOUS-MENU*/
#gauche ul ul{
	padding:0;
	margin:0;
	/*list-style-type:square;*/
	height:auto!important;
	background:none;
	width:195px;
	/*border:solid 1px;*/
}
#gauche ul ul li{
	padding:0;
	margin:0;	
	width:150px;
	min-height:27px;
	margin-left:44px;
	/*border:solid 1px;*/
}
#gauche ul ul li a{
	display:block;
	height:27px;
	background:none;
	font-size:12px;
	text-align:left;
	color:black;
	width:150px;
}
#gauche ul ul li a:hover{	
	text-decoration:none;
}
#gauche ul ul li a span{
	display:block;
	font-size:12px;
	color:black;
	padding-top:5px;
	font-weight:bold;
}
/*SOUS-SOUS-MENU*/
#gauche ul ul ul{
	padding:0;
	margin:0;
	list-style-type:none;
	background:none;
	width:110px;
	height:auto!important;
	margin-bottom:5px;
	/*border:solid 1px;*/
}
#gauche ul ul ul li{
	padding:0;
	margin:0;	
	width:110px;
	height:auto;
	margin-left:24px;
	/*border:solid 1px;*/
	padding-left:5px;
}
#gauche ul ul ul li a{
	width:110px;
	display:block;
	height:27px;
	background:none;
	font-size:12px;
	text-align:left;
	color:black;
}
#gauche ul ul ul li a span{
	font-weight:normal;
	display:block;
	font-size:12px;
	color:black;
	padding-top:5px;
}




/*****************UN BIEN EN ACCUEIL**********/
.unbien{
	width:517px;
	position:relative;
}
.unbien-haut{
	background-image:url(fond-ala-une-haut.png);
	background-repeat:no-repeat;
	width:517px;
	height:20px;
	position:relative;
	z-index:2;
}
.unbien-milieu{
	background-image:url(fond-ala-une-corp.png);
	width:517px;
}
.unbien-bas{
	background-image:url(fond-ala-une-pied.png);
	background-repeat:no-repeat;
	width:517px;
	height:20px;
	clear:both;
}
.unbien-photo{
	background-image:url(fond-photo.png);
	background-repeat:no-repeat;
	width:195px;
	height:159px;
	position:absolute;
	top:11px;
	left:18px;
}
.unbien-photo a{
left:2px;
position:relative;
top:10px;
}
.unbien-prix{
	color:white;
	font-size:12px;
	display:block; 
	margin:5px 0 0 0
}
.unbien-savoirplus{
	position:relative;
	top:14px;
	text-align:center;
	color:white;
	font-weight:bold;
}
.unbien-savoirplus a{
	color:white;
	font-weight:bold;
}
.unbien-descriptif{
	width:275px;
	/*border:solid 1px;*/
	float:right;
	margin-right:22px;
	background:none;
}
.unbien-descriptif a{
	color:black;
	font-weight:bold;
	display:block;
	margin-top:3px;
}
.unbien-date{
	text-align:right;
	padding-right:20px;
	font-weight:bold;
	font-size:11px;
}
/*****************UN BIEN EN PAS ACCUEIL**************/
#bien-gauche{
	float:left;
	width:50%;
	margin:0 10px 10px 0
}
#bien-droite{
	/*float:left;
	width:50%;*/
}
#bien-gauche img,#bien-droite img{
	border:solid 6px #fff;
}
.uneImageJointeBien {
	float:left;
	margin-left:7px;
}

.uneImageJointeBien img{
	border:solid 2px #fff!important;
}

li.recherche{
	height:auto!important;
}

a{
	text-decoration:underline;
	color:#F0CC16;
}
a:hover{
	text-decoration:underline;
}
a.backgroundhoverchange{
	background-position:top;
}
a.backgroundhoverchange:hover{
	background-position:bottom;
}
a.backgroundhoverchange span{
	display:none;
}
img{
	border:0;
}

.uneImageJointe{
	float:left;
	margin-left:18px;
}
.unDocJoint{
	 width:85%!important;
}
.unDocJoint img{
	 display:inline!important;
	 float:left!important;
	 border:none!important;
	 margin-right:4px;
	 margin-bottom:4px;
	 position:relative;
	 top:15px;
}
.unDocJoint span{
	 float:left!important;
	 position:relative;
	 top:6px;
}
ul.spip{
	margin-top:1px;
	margin-bottom:1px;
}

/**********FORMU*******/
fieldset{
	border:0;
}
legend{
font-weight:bold;
}
.erreur{
	color:red;
}
input,textarea{
	/*width:90%;*/
	color:#555555;
	/*border:none;*/
	background-color:white;
}
textarea{
	height:100px;
}
input[type="checkbox"] {width:auto;}

#formu_recherche {
	width:388px; 
	height:90px;
	position:absolute; 
	right:0;
	top:24px
}

#formu_recherche input,#formu_recherche select{
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	color:#666;
}

#formu_recherche #type {
	position:absolute;
	top:15px;
	left:115px;
	width:116px;
	width:150px;
	height:25px;
	line-height:25px
}

#formu_recherche #pieces {
	position:absolute;
	top:50px;
	left:115px;
	width:70px;
	height:25px;
	line-height:25px
}
#formu_recherche #prix {
	position:absolute;
	top:50px;
	left:195px;
	width:70px;
	height:25px;
	line-height:25px;
	border:0;
	padding:0
}

#formu_recherche #valider {
	cursor:pointer;
	background:url(btn_rechercher.png);
	width:95px;
	height:60px;
	right:16px;
	top:16px;
	position:absolute;
	display:block;
	font-size:0;
	border:0
}

#formu_recherche #valider:hover {
	background-position:0 60px
}
.paginafion{
	margin:20px 0;
	padding:0 0 0 100px;
	color:#fff;
	font-size:16px;
	clear:both;
	text-align:center;
	font-size:0;
	line-height:30px
}

.paginafion * {font-size:16px; padding:0 8px; color:#fff; font-weight:bold; display:block; float:left; line-height:30px}
.paginafion span.on {color:#F0CC16!important}

/***************UTILITAIRE**********/
.left{float:left;}
.right{float:right;}
.invisible{display:none;}
.spacer{clear:both;}

#content .spip_logos{
	padding-left:8px;
}

#globale {overflow:hidden}

#haut {position:absolute; left:-4000px}

#header {background:url(haut.png) top no-repeat; position:relative}

#menu_haut {margin:0; padding:0; list-style-type:none}
#menu_haut h2 {margin:0}
#menu_haut li {float:left}
#menu_haut li a {float:left; display:block; height:30px; margin-right:5px}
#menu_haut li.menu_haut_accueil a {width:80px; background:url(btn_accueil.png); font-size:0}
#menu_haut li.menu_haut_1 a {width:80px; background:url(btn_contact.png); font-size:0}
#menu_haut li.menu_haut_2 a {width:105px; background:url(btn_acces.png); font-size:0}
#menu_haut li a:hover {background-position:0 30px}


#bandeau {clear:both; margin:0; padding:25px 0 0 0; list-style-type:none}

div.visuel {border:6px solid #fff; float:left; margin:0 30px 10px 0}
div.visuel img, #visu_principal img {padding:0!important}
div.visuel.mini {border:2px solid #fff; float:left; margin:0 10px 10px 0}

#footer {clear:both; padding-top:60px; background:url(page_bas.png) top no-repeat; overflow:hidden; min-height:60px}
#footer ul {margin:0; padding:0; list-style-type:none}
#footer ul li {float:left}
#footer ul li a {display:block; float:left; margin:0 10px 0 0; color:#808080}
#footer ul li a:hover {text-decoration:none; color:#FFD400}

#proprio {background:#414141; height:120px; overflow:hidden; margin:0 0 25px 0}
#proprio span {display:block; width:280px; height:60px; background:url(droite_proprio.png); font-size:0}
#proprio ul {margin:14px 0 14px 14px; padding:0; list-style-type:none}

#proprio ul li {float:left}
#proprio ul a {display:block; height:30px; float:left; margin-right:4px; font-size:0}

#proprio_1 a {background:url(btn_vendre.png); width:80px}
#proprio_2 a {background:url(btn_locagestion.png); width:155px}

#proprio ul a:hover {background-position:0 30px}

#carrousel_ccoeur {background:#414141}

#coup_coeur {position:relative}
#coup_coeur h2 {width:210px; height:30px; background:url(droite_coeur1.png); font-size:0}
#coup_coeur h3 {margin-top:0}

#coup_coeur ul {margin:0; padding:0; list-style-type:none}


#slide {clear:both; padding-top:25px}

.fnaim {background:url(droite_fnaim.png) no-repeat; height:30px; line-height:30px; padding-left:35px; color:#808080}
.fnaim a {color:#fff}

.highslide .spip_logos {padding:0!important}
.addthis_button {position:absolute; top:25px; right:34px}

div.radio {clear:both; padding:14px 0 0 10px}
div.radio label {float:left; clear:both; padding:0 5px 0 0; display:block; width:65px}
div.radio input {display:inline!important}

div.un_bien {overflow:hidden; float:left; width:280px; padding:0 20px 0 0; margin:0 0 20px 0}
div.un_bien.gauche {clear:both}

div.un_bien h3 {margin:0 0 8px 0}
div.un_bien .un_bien_description {overflow:hidden}



/************DPE**************/
#bloc-dpe{
	position:relative;
	background-image:url(echelle.png);
	background-color:white;
	background-repeat:no-repeat;
	width:286px;
	height:220px;
}
.dpe-value{
	position:absolute;
	right:0;
	color:black;
}
.dpe-value img{
	position:relative;
	z-index:1;
}
.dpe-value span{
	position:absolute;
	z-index:2;
	top:11px;
	left:20px;
	font-weight:bold;
	width:100%;
}

.tooltip {color:#000}
.gmnoprint {color:#000!important}