/* CSS Document */
/* STYLES DU MODULE IMMO_BIENS */

/* ########################################################### */
/* Style du listing des biens */
/* ########################################################### */

#bloc_listing_biens
{
color:#FFFFFF;
padding-top:30px;
}

#titre_page
{
color:#FFFFFF;
}

#pagination_haute
{
font-size:12px;
font-weight:normal;
font-style:normal;
}

.listing_immo_biens
{
margin-top:10px;
width:170px;
height:230px;
text-align:center;
float:left;
}

.listing_immo_biens .prix
{
font-size:1.2em;
font-weight:bold;

}
/* ########################################################### */
/* FIN Style du listing des biens */
/* ########################################################### */

/* ########################################################### */
/* Style de la sélection de biens */
/* ########################################################### */

#bloc_selection
{
position:absolute;
top:5px;
right:30px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
font-style:italic;
text-align:center;
margin-bottom:5px;
}

#titre_selection
{
margin-bottom:5px;
}

#selection_immo_biens
{
/*height:370px;
/*overflow:auto;*/
}

#selection_immo_biens a
{
border:0;
}


.selection_photos
{
text-align:center;
margin-right:0px;
padding-top:10px;
}

.selection_photos img
{
border: 2px solid #FFFFFF;
}

.visuel_bien_selection a
{
padding:10px;
margin:10px;
}

.fleche
{
position:relative;
bottom:10px;
right:10px;
background-image:url(fleche_selection.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

.libelle
{
color:#FFFFFF;
margin-top:10px;
}

#cache_coin_selection_vente, #cache_coin_selection_location
{
background-image:url(cache_coin_selection.png);
position:absolute;
top:387px;
right:162px;
border:0px solid red;
z-index:10000;
width:58px;
height:41px;
}

/* ########################################################### */
/* FIN Style de la sélection de biens */
/* ########################################################### */




/* ########################################################### */
/* Photo principale sur une fiche de biens */
/* ########################################################### */
.encart_photo_principale
{
	display:block;
	position:relative;
	float:right;
	border:0px solid red;
	
	margin: 0px 0px 0px 0px;
}

.encart_photo_principale .photo_flash
{
	display:block;
	position:relative;
	border:0px solid green;
}

.encart_photo_principale .legende
{
	display:block;
	position:relative;
	border:0px solid green;
	text-align:center;
	
	color:#FFffff;
	font-weight:bold;
	
	margin:-20px 0px 20px 100px;
	
}


.encart_photo_principale .lien
{
	display:block;
	position:absolute;
	border:0px solid blue;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}

/* un png pour cacher l'arc de cercle du template sous l'image */
#cache_coin_photo
{
position:absolute;
display:block;
top:319px;
right:0;
width:40px;
height:40px;
background-image:url(cache_coin.png);
background-repeat:no-repeat;
background-position:top left;
}

@media print
{
	#cache_coin_photo
	{
	position:absolute;
	display:none;
	}

}


/* ########################################################### */
/* Vignettes sur une fiche de biens */
/* ########################################################### */
.encart_vignette
{
	display:block;
	position:relative;
	float:left;
	border:0px solid red;
	padding: 5px 0 5px 0;
	margin: 10px 10px 10px 10px;
}

.encart_vignette .vignette
{
	display:block;
	position:relative;
	border:0px solid green;
}

.encart_vignette .legende
{
	display:block;
	position:relative;
	border:0px solid green;
	text-align:center;
	color:#FFFFFF;
}


.encart_vignette .lien
{
	display:block;
	position:absolute;
	border:0px solid blue;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}

.encart_vignette .lien a
{
font-weight:normal;
text-decoration:none;
}

.encart_vignette .lien a:hover
{
text-decoration:none;
}

/* ########################################################### */
/* FIN Vignettes sur une fiche de biens */
/* ########################################################### */

/* ########################################################### */
/* Vignettes sur sur listing et ventes croisees */
/* ########################################################### */
.encart_listing
{
	display:block;
	position:relative;
	float:left;
	border:0px solid red;
	padding: 5px 0 5px 0;
	margin: 10px 10px 10px 10px;
}

.encart_listing .vignette
{
	display:block;
	position:relative;
	border:0px solid green;
}

.encart_listing .legende
{
	display:block;
	position:relative;
	border:0px solid green;
	text-align:center;
	color:#FFFFFF;
}


.encart_listing .lien
{
	display:block;
	position:absolute;
	border:0px solid blue;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
}

.encart_listing .lien a
{
font-weight:normal;
text-decoration:none;
}

.encart_listing .lien a:hover
{
text-decoration:none;
}

.encart_listing .legende a
{
font-weight:normal;
text-decoration:none;
}

.encart_listing .legende a:hover
{
text-decoration:none;
}
/* ########################################################### */
/* FIN Vignettes sur listing et ventes croisees */
/* ########################################################### */



/* ########################################################### */
/* Styles de la fiche produit */
/* ########################################################### */

#fiche_produit
{
width:400px;
color:#FFFFFF;
border:#00FF33 0px solid;
font-size:12px;
}

#fiche_produit #titre_bien h2
{
font-style:italic;
font-size:22px;
font-weight:bold;
padding: 0 0 0 50px;
}

#description_bien
{
width:180px;
text-align:left;
padding:10px;
float:left;
border-right:0px solid #FFFFFF;
}

#reference
{
float:right;
}

#details
{
float:left;
border-left:#FFFFFF 1px solid;
}

#haut_bloc_detail
{
margin-left:10px;
width:167px;
height:12px;
background-image:url(haut_bloc_detail.png);
background-position:top left;
background-repeat:no-repeat;
}

#bloc_details
{
font-size:12px;
text-align:left;
width:145px;
background-color:#007294;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
padding-left:10px;
padding-right:10px;
margin-left:10px;
float:left;
}

#bas_bloc_detail
{
position:relative;
margin-left:10px;
width:167px;
height:12px;
background-image:url(bas_bloc_detail.png);
background-position:top left;
background-repeat:no-repeat;
}

#bloc_details ul
{
margin:0;
padding: 0 0 0 10px;
}

#libelle_prix
{
	display:block;
	position:relative;
	border:0px solid green;
	text-align:left;
	color:#FFFFFF;
	font-size:18px;
}

#zone_prix
{
display:inline;
width:140px;
}

#boule
{
float:left;
margin:5px 5px 0 5px;
text-align:center;
}

#prix
{
float:left;
}

#montant_prix
{
font-size:23px;
font-weight:bold;
}

.fai, .par_mois
{
font-size:0.7em;
font-weight:normal;
}

#lien_retour
{
padding:20;
}

#mentions_charges
{
font-size:0.8em;
position:absolute;
bottom:0px;
color:#FFFFFF;
}

#mention_investissement_locatif, #mention_exclusivite_optimum, #mention_programme_neuf
{
	font-weight:bold;
	font-size:1.4em;
	border:0px solid red;
	padding-bottom:5px;
}

/*#hr_ventes_croisees
{
padding:0;
width:98%;
height:1px;
background-color:#FFFFFF;
}*/

#ventes_croisees
{
width:100%;
color:#FFFFFF;
padding:0 0 20px 0;
text-align:left;
font-size:1.2em;
font-weight:bold;
}

/* ########################################################### */
/* FIN du style de la fiche produit */
/* ########################################################### */


/* ########################################################### */
/* Style de la pagination de la page de listing */
/* ########################################################### */

.pagination
{
position:relative;
right:70px;
bottom:4px;
padding:10px;
/* si en relatif :
position:relative;
right:70px;
top:14px;

*/
}

.page a
{
border: #FFFFFF 1px solid;
padding:2px 5px 2px 5px;
}
.page a:hover
{
border: #FFFFFF 1px solid;
color:#0066FF;
background-color:#FFFFFF;
text-decoration:none;
}

.page_active
{
color:#0066FF;
background-color:#FFFFFF;
padding:3px 6px 3px 6px;
}

.navig
{
color:#65b7d5;
}
/* ########################################################### */
/* Fin Style de la pagination de la page de listing */
/* ########################################################### */



/* ########################################################### */
/* Style du moteur de recherche de biens */
/* ########################################################### */

#moteur_de_recherche_biens
{
position:absolute;
padding:20px 5px 5px 5px;
top:130px;
right:0px;
border:#CCCCCC 1px solid;
z-index:100;
color:#999999;
width:auto;
}

#moteur_de_recherche_biens form
{
position:relative;
display:inline;
padding:5px;
position:relative;
border:0px solid red;
}

#moteur_de_recherche_biens select
{
color:#999999;
font-size:0.9em;
}
/* ########################################################### */
/* FIN Style du moteur de recherche de biens */
/* ########################################################### */



#fond_pages_accueil_type_transaction
{
background-image:url(fond_pages_accueil_immo_bien.gif);
background-position:top right;
background-repeat:no-repeat;
}



/* ########################################################### */
/* Affichage des cartouches des types de transaction */
/* ########################################################### */

#cartouche_location
{
position:absolute;
right:0;
top:450px;
width:113px;
height:62px;
border:#FF0000 0px solid;
}

#cartouche_vente
{
position:absolute;
right:0;
top:450px;
width:82px;
height:62px;
border:#FF0000 0px solid;
}

/* ########################################################### */
/* FIN Affichage des cartouches des types de transaction */
/* ########################################################### */

#hr_cross_sell
{
border-bottom:#FFFFFF 1px solid;
position:relative;
top:0px;
left:0px;
width:98%;
height:6px;
}


/* ########################################################### */
/* Style des éléments destinés uniquement à l'affichage */
/* ########################################################### */
.print_only
{
	display:none;
}

@media print
{
.print_only
{
	display:block;
}

print_no
{
	display:none;
}
}


#diagimmo{
 width:380px;
float:left;
margin-left:10px;
}

#diagimmo h3{
    color:#ffffff;
    text-align: center;
    margin:0;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
}

#diagimmo img{
  margin-right: 10px;
}