/*=============================================
 ELEMENTS PRINCIPAUX
=================================================*/
body{
	font-size:100%;
	margin,padding:0;
	background:#0B3D91;
}

p { text-align: justify; }

#conteneur{
	position:relative;
	width:895px;
	margin :10px auto;
	font-family:"Trebuchet sans MS", Verdana, arial;
}

#header{
	height:200px;
	width:895px;
	padding-bottom: 15px;
	background: url(images/fond-menu.gif) repeat-y top left;
}

.logo{
	margin:0 20px 0 0;
	float:left;
}

#colonne_gauche{
	width:157px;
	float:left;
	margin:0 0 0 9px!important;
	margin:0;
}
.encart{
	width:158px;
}
.encart img{
	float:left;
}
.fond-blanc{
	float:left;
	width:127px;
	background:#fff;
	padding:15px;
}

.fond-blanc p{
	font-size:0.55em;
}
#centre{
	margin-left:0px!important;
	margin-left:9px;
}
#contenu{
	width:710px;
	float:right;
	font-size:0.8em;
}
.fond-blanc-principal{
	width:675px;
	background:#fff;
	padding:15px 15px 15px 15px;
	margin:0 0 30px 0;
	position:relative;
	overflow:auto;
}
#footer{
	height:77px;
	font-size:0.7em;
	text-align:center;
	color:#fff;
}
#footer a{
	color:#fff;
}
#mise-en-avant{
	background:#D8D8D8;
	width:705px!important;
	width:600px;
}

#mise-en-avant ul{
	list-style-image: url(images/puce-rouge.jpg);
	color:#f00;
	font-size:10px;
	padding:0 0 10px 50px;
}

#mise-en-avant ul a{
	color:#f00;
}

.mise-en-avant-droite{
	margin-left: 100px;
	float:left;
	width: 200px;
}

ul.gauche {
	width: 200px !important;
}

p.langues{
	padding:0;
	margin:0;
	background-color:#fff;
	text-align:center;
}

.clr{clear:both;}

/*===================================
 BLOCS de PRESENTATION
=====================================*/
.coup-coeur{
	background:url(images/bandeau-coup-coeur.jpg) top no-repeat;
	padding:28px 28px 16px 28px;
	color:#fff;
	margin:0;
	width:655px;
}

.nouveautes{
	background:url(images/bandeau-nouveautes.jpg) top no-repeat;
	padding:10px 28px 16px 28px;
	color:#fff;
	margin:0;
	width:654px;
}

.description-bien{
	background:#fff;
	width:650px;
	padding:30px;
	margin:0 0 10px 0;
	position:relative;
}
.description-bien p{
	width:500px;
	float:right;
	padding,margin:0;
}
.description-bien img{
	float:left;
}
.prix-rouge{
	position:absolute;
	background:url(images/fond-prix-rouge.jpg) top no-repeat;
	bottom:10px;
	right:20px;
	text-align:center;
	width:134px;
	height:28px;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 0;
	font-size:0.9em;
}
.prix-bleu{
	position:absolute;
	background:url(images/fond-prix-bleu.jpg) top no-repeat;
	bottom:10px;
	right:20px;
	text-align:center;
	width:134px;
	height:28px;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 0;
	font-size:0.9em;
}

*:first-child+html #pub{position:absolute;top:417px;left:677px;width:183px;height:157px; }
#pub {position:absolute;top:434px;left:677px;width:183px;height:157px;z-index:0; }
.pub{text-align:center;border:2px solid;border-color:red;background-color:white;}
/*===================================
 FORMATAGE DU TEXTE
=====================================*/
h1{
	color:#0B3D91;
	background:url(images/puce-bleue.gif) left no-repeat;
	padding-left:30px
}
h2{
	color:#0B3D91;
	background:url(images/puce-bleue-p.gif) left no-repeat;
	padding-left:15px;
}

h3{
	color:#0B3D91;
	text-align:center;
	font-size:1.2em;
	text-decoration:underline;
}


ul.gauche{
	width:190px;
	
}

ul.gauche li{
	padding: 10px 0 10px; 0;
}

img.gauche {
	margin: 0 10px 5px 0;
}

.gauche{float:left;}
.droite{float:right;}
.rouge{color:#f00;}
.bleu{color:#00f;}
.souligne{text-decoration:underline;}
.gras{font-weight:bold;}
ul.no_pad li{padding:0;}
.fond-blanc-principal img { border: #000 1px solid !important; }
.nobordure { border: none; }
img.nobordure {border: none !important; }
.center { text-align: center !important; }

/*===================================
 FORMATAGE DES LIENS 
=====================================*/
#colonne_gauche ul{
	padding:30px 0 50px 5px;
	margin:0;
	list-style-type:none;
	background:#fff;
	font-size:0.85em;
	font-weight:bold;
}

#colonne_gauche ul a{
	text-decoration:none;
	color:#000;
}
#colonne_gauche  a:hover{
	text-decoration:underline;
}
#colonne_gauche li{
	padding:10px;
	font-family: times;
}
#colonne_gauche .mini-li{
	font-size:0.65em;
	padding:0px 10px 4px 15px;
}
/*===================================
 IMAGES
=====================================*/
img{border:0;margin:0;}

.margin{
	margin:20px;
}

.margin10{
	margin:10px;
}
/*===================================
 FORMULAIRE
=====================================*/
#field_contact label{
	width:150px;
	display:block;
	float:left;
}



/* ====================================
    LISTE BIENS
=======================================*/
.float-right {float: right;}
.float-left {float: left;}

.productList {
	margin: 0;
	padding: 0;
    width: 100%;    
	border-collapse: collapse;
}

.productList th, .productList td {
 
}

.productList th {
    background: #0B3D91;
    color: #FFF; 
}

.productList td {
    padding: 6px;
}

.productList img {
    width: 100px;
    height: 75px;
}

.navigation {
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
}

.nav-page-nb {
	color: black;
}

.nav-pages {
	color: #D40026;
}

.nav-next, .nav-prev {
	color: #000;	
}

.infoBienListe {
	width: 136px;
	float: right;
	text-align: center;
	color: #FFF;
}

.infoBienListe span {
	display: block;
}

.infoDateListe {
	font-size: 10px;
	color: #444;
}

.infoPrixListe {
	padding-top: 3px;
	height: 27px;
	font-size: 14px;
	font-weight: bold;
	background: url(images/fond-bouton.gif) no-repeat;
	
}

div.offres_0, div.offres_1 {
	padding: 8px;
	margin-bottom: 10px;
	border: 1px solid #000;
	background: #DDD ;	
	overflow: hidden;
}

div.offres_0 h2, div.offres_1 h2 {
	margin: 0 0 10px 0;
	padding: 5px;
	color: #FFF;
	background: #0B3D91;
	font-size: 14px;
	font-weight: bold;
}

div.offres_0 img.visuelListe, div.offres_1 img.visuelListe {
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 10px;
}



/* ==========================================
	Contener
============================================= */

.contener ul, .contener li, .contener p, .contener dt, .contener dl, .contener dd, .contener h1, .contener h2 { margin: 0; padding: 0; border: 0; background: none; }
.contener {
	padding: 5px;
	margin-left: 10px;
	width: 150px;
	background: #D40026;
	color: #FFF;
	font-size: 11px;
	border: #000 1px solid;
}

.contener ul {
	margin-left: 20px;
	list-style: square;
}


.contener li a {
	color: #fff;
}

.contener h2 {
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}

.contener .allLink {
	margin: 10px 0 10px 0;
	text-align: center !important;
	font-size: 10px;
}

.allLink a {
	color: #FFF;
}


/* ==========================================
	DIVERS
============================================= */

.iframegoogle {
	border: #000 1px solid;
}

address {
	margin-left: 260px;
	padding: 5px;
	background: #D40026;
	color: #FFF;
	font-style: normal;
}

address a {
	color: #FFF;
}

/* ================================
	VUE SINGLE
=================================== */

/*===================================
 FICHE PRODUIT
=====================================*/
.galerie{
	text-align: center;
}

#fiche {
margin: 0;
padding: 0;

}

.caracteristiques{
	list-style-type:none;
}

.list-desc-bien{
	margin:10px 0 30px 150px;
}

#dynloadarea{
	margin-bottom:5px;
}


#headerFiche img{

}



#bien_0, #bien_1, #bien_2, #bien_3, #bien_4 {
	padding: 5px 5px 5px 10px;
	background: #EFA4B3;
	color: #000;
	font-style: normal;
	border: 1px solid #000;
}

#bien_0 {
	margin-left: 0;
	background: #0B3D91;
	color: #FFF;
}

#bien_1 {
	margin: 0;
	width: 360px;
	/*height: 160px;*/
	float: right;
}

#bien_0 dt, #bien_1 dt, #bien_2 dt, #bien_3 dt, #bien_4 dt {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}

#bien_0 dt {
	float: none;
}

#bien_0 dd, #bien_1 dd, #bien_2 dd, #bien_3 dd, #bien_4 dd {
	margin-bottom: 5px;
}

#bien_0 dd {
	margin: 0;
}


#bien_3 {
	padding: 0;
	border-bottom: none;
}

#bien_3 dt {
	margin-top: 3px;
	width: 220px;
	padding-left: 5px;
	border-right: 1px solid #000;		
}
#bien_3 dd {
	margin: 0;
	padding: 3px;
	border-bottom: 1px solid #000;
}

.emptyContenerFiche {
	padding: 5px 5px 5px 10px;
	width: 220px;
	height: 160px;
	border: solid 1px #000;
	float: right;
	margin-left: 10px;
	display: none;
}

h4.bandeau {
	padding: 5px;
	 background: #D40026;
	 border: 1px black solid;
	 color: white;
	 font-size: 14px;
}

#miniatures {

}

#miniatures img {
	width: 150px;
	height: 112px;
	margin-right: 5px;
	margin-bottom: 5px;
}


/* *************************
recherhce 
*****************************/

#recherche {
	 background: #D40026;
	 padding: 5px;
	 color: white;
	 border: 1px solid #000;
	 margin-bottom: 10px;
}

#recherche h2 {
	color: #fff;
	padding:0;
	margin: 0 0 10px 0;
	background: none;
	font-size: 16px;
}

/* --------------------------
annonces home
----------------------------- */
.description-bien {
	color: #000;
}

.description-bien img {
	width: 145px;
	height: 109px;
}

/* ---------------------------
xiti
------------------------------*/
#xiti-logo {
	margin: 50px auto 0 auto;
	width: 39px;
}

/* ---------------------------
tableau programme immobilier
------------------------------*/
table.plans{}
table.plans td, table.plans th {padding:5px 5px 5px 5px; vertical-align:top; text-align: center;}
table.plans th { background: #D40026; color: #fff; }
table.plans tr.impair td { background-color:#DDDDDD; }
table.plans tr.pair td { background-color:#EFEFEF; }
table.plans .pair th { background: #EFEFEF; color: #000; }
table.plans .impair th { background: #DDDDDD; color: #000; }

table.plans td td { border: none !important; }

table.plans a { font-weight: bold; }
table.plans a:link{ color:#000;}
table.plans a:hover{ color:#000;}
table.plans a:visited{ color:#000; }