/*
**   GENERAL   ***********************************************************************
*/

*
{
	margin: 0;
	padding: 0;
}

body, html
{
	width: 100%;
	height: 100%;
	text-align: center;
	/*background:url('imgs/fd.gif') top left repeat;*/
}

body, div, td, th, select, option, textarea, input
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #303030;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
}

#bg {
	width:100%;
	height:100%;
	background:url('imgs/fd2.gif') top left repeat-x transparent;
}

textarea {
	z-index:10;
}

img, a img
{
	border: 0;
}

a
{
	color: #065740;
	outline: none;
	text-decoration: none;
}

a:hover
{
	color: #1B926F;
}

h1
{
	margin: 0 0 10px;
	color: #04825D;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	font:bold italic 18px "Times New Roman", Times, serif;
}

h2
{
	margin-bottom: 4px;
	color: #04825D;
	font-size: 14px;
	font-weight: bold;
}

p
{
	width: 515px;
	text-align: justify;
	margin-bottom: 4px;
}

p.demi
{
	width: 250px;
}

div.spacer
{
	clear: both;
}

/*
**   BLOCS   ***********************************************************************
*/

div#contourH
{
	position: static;
	width: 810px;
	margin: 0 auto;
	text-align: left;
	background: url(imgs/contour-fd.png) repeat-y 0 0  !important;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/contour-fd.png', sizingMethod='scale');
}

div#contourB
{
	position: relative;
	width: 810px;
	height: 20px;
	margin: 0 auto 10px;
	background: url(imgs/contour-b.png) no-repeat 0 0  !important;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgs/contour-b.png', sizingMethod='scale');
}

div#conteneur
{
	position: relative;
	width: 778px;
	margin: 0 auto;
}

div#bandeauH
{
	position: relative;
	width: 778px;
	height: 160px;
	background: url(imgs/bandeau-h.gif) no-repeat 0 0;
}

div#contenu
{
	position: relative;
	float: left;
	width: 544px;
	min-height: 346px;
	height: auto !important;
	height: 346px;
	padding-bottom: 34px;
}

div#contenu ul {
	list-style:inside;
	text-align:left;
	_margin-left:12px;
}

div#contenu li {
	margin-bottom:5px;
}

div#menuG
{
	position: relative;
	float: left;
	width: 234px;
	height: 390px;
	background: url(imgs/menu.gif) no-repeat 22px 0;
}

div#menuB
{
	position: relative;
	line-height: 13px;
	padding: 0 7px 5px;
	text-align: right;
	color: #065740;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.1em;
	font-size: 9px;
	clear:both;
}

/*
**   MENU   ***********************************************************************
*/

div#bandeauH a
{
	position: absolute;
	display: block;
	width: 175px;
	height: 109px;
	top: 24px;
	left: 29px;
}

div#menuG a
{
	position: absolute;
	display: block;
}

div#menuB a.lienExt
{
	position: relative;
	font-weight: bold;
	font-style: italic;
}

/*
**   FORMULAIRES   ***********************************************************************
*/

form#formulaire
{
	position: relative;
	width: 250px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	background: url(imgs/form-b.jpg) no-repeat bottom left;
}

form#formulaire2
{
	position: relative;
	width: 515px;
	padding-bottom: 30px;
	margin-bottom: 10px;
	background: url(imgs/form2-b.jpg) no-repeat bottom left;
}

form#formulaire div.formulaireH
{
	position: relative;
	width: 250px;
}

form#formulaire2 div.formulaireH
{
	position: relative;
	width: 515px;
}

form#formulaire table
{
	margin: 0 auto;
}

form#formulaire td, form#formulaire2 td
{
	padding-bottom: 5px !important;
	padding-bottom: 4px;
}

form#formulaire td.ligneVide
{
	line-height: 3px !important;
	line-height: 4px;
}

form#formulaire2 td.ligneVide
{
	line-height: 12px !important;
	line-height: 13px;
}

form#formulaire select, form#formulaire2 select
{
	height: 20px;
}

form#formulaire input, form#formulaire2 input
{
	height: 14px;
}

form#formulaire input.valider
{
	position: absolute;
	width: 86px;
	height: 21px;
	bottom: 5px;
	left: 82px;
	background: none;
	border: none;
	cursor: pointer;
}

form#formulaire2 input.valider
{
	position: absolute;
	width: 86px;
	height: 21px;
	bottom: 6px;
	right: 83px;
	background: none;
	border: none;
	cursor: pointer;
}

form#formulaire2 div.note
{
	position: absolute;
	left: 7px;
	line-height: 13px;
	color: #04825D;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -0.1em;
	font-size: 9px;
}

/*
**   PRESENTATION-AGENCE   ***********************************************************************
*/

div#googleMap
{
	position: relative;
	width: 200px;
	height: 220px;
	margin-bottom: 20px;
	border: #04825D 1px solid;
	overflow:hidden;
	float:left;
}

/*
**   RESULTAT   ***********************************************************************
*/

div#resultrech
{
	width: 515px;
}

div#resultrech select
{
	vertical-align: middle;
}

/* Nb résultats */

div.resultrech-nb-resultat
{
	font-size: 14px;
	font-weight: bold;
	color: #04825D;
	margin-bottom: 20px;
}

/* Pagination */

div.resultrech-pagination
{
	padding: 6px 0;
	margin-bottom: 10px;
	text-align: center;
	color: #116049;
}

div.resultrech-pagination img
{
	vertical-align: middle;
}

a.num_page:hover
{
	font-style: italic;
}

span.siti_page_courante
{
	color: #04825D;
	font-weight: bold;
}

/* Barre d'outils */

div.resultrech-barre
{
	padding: 6px 10px;
	margin-bottom: 10px;
	background: #116049;
}

div.resultrech-barre-top
{
	float: left;
	margin-top: 5px;
}

div.resultrech-barre-top img
{
	vertical-align: middle;
}

div.resultrech-barre-tri
{
	float: left;
	margin: 3px 0 0 30px;
	color: #FFFFFF;
}

div.resultrech-barre-outils
{
	float: right;
	margin: 5px 0 0 0;
}

div.resultrech-barre a
{
	color: #FFFFFF;
}

div.resultrech-barre a:hover
{
	color: #63B199;
}

/* Bloc 2 - Filtres */

div#resultrech-bloc2
{
	margin-bottom: 10px;
	padding: 6px 0;
	background: #04825D;
	color: #FFFFFF;
}

div#resultrech-filtre-alentour
{
	margin-bottom: 3px;
	color: #FFFFFF;
	text-align:center;
}

div#resultrech-filtres
{
	text-align: center;
}

div#resultrech-bloc2 a
{
	color: #FFFFFF;
}

div#resultrech-bloc2 a:hover
{
	color: #0A4C39;
}

/* Annonces */

div.resultrech-annonce
{
	padding: 8px 0;
	margin-bottom: 10px;
}

div.resultrech-annonce-entete
{
	margin-bottom: 8px;
}

div.resultrech-annonce-titre, div.resultrech-annonce-ville, div.resultrech-annonce-date
{
	color: #116049;
	font-weight: bold;
	font-size: 14px;
}
div.resultrech-annonce-titre
{
	float: left;
	width: 240px;
}

div.resultrech-annonce-ville
{
	float:left;
}

div.resultrech-annonce-date
{
	float: right;
}

div.resultrech-annonce-corps 
{
	border-top: #04825D 1px dashed;
	clear:both;
	padding-top:10px;
}

		
div.resultrech-annonce-corps img
{
	margin-left: 5px;
	margin-bottom: 5px;
	border: #04825D 1px solid;
}

div.resultrech-annonce-pied
{
	clear: both;
}

div.resultrech-annonce-infos
{
	font-weight: bold;
	font-style: italic;
}
	
div.resultrech-annonce-bloc-liens
{
	float: right;
	width: 120px;
}

/*
**   DETAIL ANNONCE   ***********************************************************************
*/

div#detail-annonce
{
	width:515px;
}
	
div#annonce-sous-titre
{
	padding: 10px 0;
	margin-bottom: 6px;
}

div#annonce-prix, div#annonce-ville
{
	float: left;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

div#annonce-surface, div#annonce-pieces
{
	margin-left: 345px;
}

span.annonce-surface-valeur, span.annonce-pieces-valeur
{
	font-weight: bold;
}
	
div#annonce-bloc-descriptif
{
	margin-bottom: 10px;
}

div#annonce-bloc-descriptif h2
{
	margin-bottom: 6px;
	font-size: 12px;
}

div#annonce-description
{
	float: left;
	width: 320px;
}

div#annonce-description p
{
	width: 320px;
	margin-bottom: 12px;
}

div#annonce-photos
{
	float: left;
	width: 132px;
	margin-left: 30px;
}

div#annonce-photo-1 img
{
	width: 130px;
	border: #04825D 1px solid;
	margin-bottom: 7px;
}

div#annonce-photo-2 img, div#annonce-photo-4 img
{
	float: left;
	width: 60px;
	border: #04825D 1px solid;
	margin-bottom: 7px;
}

div#annonce-photo-3 img, div#annonce-photo-5 img
{
	float: right;
	width: 60px;
	border: #04825D 1px solid;
	margin-bottom: 7px;
}

div#annonce-bloc-liens
{
	clear: both;
}

div.annonce-lien, div.annonce-lien-contact
{
	float: left;
	width: 66px;
	text-align: center;
}

div.annonce-reference
{
	float: left;
	width: 350px;
	font-weight: bold;
}

span.annonce-reference-valeur
{
	font-weight: normal;
}
	
div#annonce-bloc-contact
{
	margin-bottom: 10px;
	padding: 6px 10px;
	color: #FFFFFF;
	background: #116049;
	float:left;
	clear:both;
	width:500px;
}

div#annonce-infos-agence 
{
	float: left;
	width: 340px;
	color: #FFFFFF;
}

div#annonce-bloc-liens-contact a
{
	color: #FFFFFF;
}

div#annonce-bloc-liens-contact a:hover
{
	color: #63B199;
}

div#retour-resultat
{
	clear: both;
	margin-bottom: 10px;
}

/*
**   DETAIL PHOTO   ***********************************************************************
*/

div#detail-photo
{
	width: 515px;
}

div#photo-diaporama
{
	padding: 10px 0;
}

div#photo-diaporama img
{
	border: #04825D 1px solid;
}

div#photo-barre-bas
{ 
	margin-bottom: 10px;
	padding: 6px 10px;
	color: #FFFFFF;
	background: #116049;
	float:left;
	clear:both;
	width:485px;
}

div#photo-infos
{
	float: left;
	width: 210px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.photo-diaporama-titre
{
	color: #116049;
	font-weight: bold;
	font-style: italic;
}

div#photo-diaporama-controles
{
	float: left;
	width: 100px;
	height: 38px;
	padding-top: 3px;
	background: #FFFFFF;
	text-align: center;
}
	
div#photo-bloc-liens
{
	float: right;
}

div.photo-lien
{
	width: 66px;
	float: left;
	text-align:center;
}

div.photo-lien a
{
	color: #FFFFFF;
}

div.photo-lien a:hover
{
	color: #63B199;
}

/*
**   DETAIL CARTE   ***********************************************************************
*/

div#detail-carte
{
	width: 515px;
}

div#carte-map
{
	padding: 10px 0;
}

div#carte-map img
{
	border: #04825D 1px solid;
}

div#carte-barre-bas
{ 
	margin-bottom: 10px;
	padding: 6px 10px;
	color: #FFFFFF;
	background: #116049;
	float:left;
	clear:both;
	width:485px;
}

div#carte-infos
{
	float: left;
	width: 340px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

div.carte-lien
{
	float: left;
	width: 66px;
	text-align: center;
}

div.carte-lien a
{
	color: #FFFFFF;
}

div.carte-lien a:hover
{
	color: #63B199;
}

#maparea {
	width:500px;
	height:350px;
}

html:not([lang*=""]) #choix-alentours input {
	margin-right:8px;
}

#div_siti_travelling_contenant {
	height:120px;
	/*padding: 10px 0 10px 0;*/
	width:778px;
	overflow:hidden;
	/*padding-left:160px;*/
	margin:10px auto;
	border-bottom:solid 3px #065740;
	background-color:#065740;
}

#div_siti_travelling {
	height:120px;
}

#div_siti_travelling a {
	margin-right:5px;
	display:block;
}

#div_siti_travelling img {
	height:120px;
	border:solid 1px #FFFFFF;
	position:absolute;
	margin-right:5px;
	border-top:solid 3px #065740;
}

#div_siti_travelling_info_bulle {
	width:200px;
	background-color:#FFFFFF;
	padding:20px 10px 10px 10px;
	text-align:justify;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-top:-20px;
	background:url("imgs/bg-bulle.gif") top left no-repeat;
	z-index:99;
}

#div_siti_travelling_info_bulle .bulle-titre {
	font:bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0
}


#infos-dpe {
	clear:both;
	width:100%;
	color:#000000;
	margin:15px 0;
	float:left;
}

#etiquette-dpe {
	clear:both;
	width:400px;
	margin:0 auto;
}

#etiquette-dpe #dpe, #etiquette-dpe #ges {
	float:left;
}

#etiquette-dpe #dpe {
	margin-right:10px;
}
