HTML, BODY {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
	height:100%;
}
HTML > BODY {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0;
	padding:0;
	height:100%;
}
/* laisser ici pour eviter les mouvements de contenus liés à la "taille du texte" */
#tabinfos td {
	font-size:16px;
}
.fd_haut_titre{
	position:absolute;
	top:117px;
	left:230px;
	font-size:32px;
	font-weight:bold;
	color:#CF0033;
	z-index:1;
}

a.fd_haut_lien,  a.fd_haut_lien:visited, a.fd_haut_lien:hover, a.fd_haut_lien:active{
	font-size:32px;
	font-weight:bold;
	color:#CF0033;
	text-decoration:none;
}
A.photos { font-size: 11px; font-weight:bold; white-space:nowrap; }
A.photos:link, A.photos:visited { color: #CC0033; text-decoration: none ; }
A.photos:hover, A.photos:active { color: #CC0033; text-decoration: underline overline; }
.contact { font-size: 12px; font-weight:bold; color: #660000; line-height:20px;}
A.contact:link, A.contact:visited { color: #CC0033; text-decoration: underline ; }
A.contact:hover, A.contact:active { color: #CC0033; text-decoration: none; }

.titre { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0033; text-transform: uppercase; font-weight: bold}
.prix1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0033; text-transform: uppercase; font-weight: bolder}
.prix2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FF0033; text-transform: uppercase; font-weight: bold}
/* conteneur qui permet de centrer 1 block offre*/
	/* contient 1 offre entiere */
DIV.blockoffre {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	margin-bottom: 10px;
}
	.offreentete {
		font-size:12px;
		font-weight:bold;
		text-align:left;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:4px;
		color:#EEEEEE;
		background-color:#CC0033;
		width:auto;
		display:block;
	}
	DIV.blockoffrebord {
		padding:4px 0;
		width: 50%;
		width: 430px;
		border:1px solid #CC0033;
	}
	div.blockoffrebordhoriz {
		padding:4px 0;
		width: 430px;
		border:0;
		display:inline;
		vertical-align:top;
	}
	/* contient les infos photos verticales */
	div.blockphotos {
		width: 424px;
		text-align:center;
		line-height:110%;
	}
		div.blockphotos div.visite360 {
			text-transform:uppercase;
 		}

	div.blockphotoshoriz {
		width: 200px; 
		text-align:center;
		line-height:110%;
		padding-bottom:2px;
		display:inline;
		border:0px solid #FFF;
		float:left;
	}
		div.blockphotoshoriz div.visite360 {
			text-transform:uppercase;
 		}

	.aucune {
		font-size: 12px;
		line-height:30px;
		font-weight: bold;
		border:1px solid #CC3300;
		color: #FFFFFF;
		background-color:#AAAAAA;
		width:420px;
		text-align:center;
		font-style:italic;
	}
	.aucunehoriz {
		font-size: 12px;
		line-height:30px;
		font-weight: bold;
		border:0px solid #CC3300;
		color: #AAAAAA;
		background-color:#FFF;
		text-align:center;
		width:150px;
		height: 100%;
		margin-bottom:45%;	
		font-style:italic;
	}
	/* contient details d'1 offre */
	DIV.blockinfos {
		width:auto;
	}
	/* liste des details */
	DIV.blockdetails {
		display: block; 
		float:right;
		margin: 2px 5px; 
		width: 200px; 
		text-align: left;
	}
		LI.listedetails {
			font-size: 11px;
			line-height: 14px;
		}
	DIV.description {
		display: block; 
		text-align: justify;
		font-size: 12px;
	}
	DIV.blockprix {
		line-height: 24px;
		text-align: center;
	}
	DIV.blockprix span.prix_str {
		font-size: 12px;
		color:#000000;
		font-weight:bold;
	}
	DIV.blockprix span.prixeu {
		font-size: 12px;
		color:#000000;
		font-weight:bold;
	}
	DIV.blockprix span.prixfr {
		font-size: 11px;
		font-style:italic;
		color:#333333;
	}
	DIV.blockbouton {
		display: block; 
		width: 100%; 
		line-height:28px;
		text-align: center;
		text-transform:uppercase;
	}
	DIV.piedoffre {
		width: auto; 
		display:block;
		clear:both;
		text-align: center; 
		line-height:18px; 
		margin:4px 4px 0 4px; 
		background-color:#CC0033;
		font-size: 10px ; 
		font-weight: bold; 
		color: #FFFFFF;
	}
	DIV.piedoffrehoriz {
		width: 653px; 
		display: block; 
		text-align: center; 
		line-height:18px; 
		font-size: 10px ; 
		font-weight: bold; 
		background-color:#BEBEBE;
		color: #FFFFFF;
		clear:both;
	}
/*divers*/
.titformfdrouge {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:2px 4px;
	color:#EEEEEE;
	background-color:#CC0033;
	width:auto;
	display:block;
}
.titfdgris {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding:2px 4px;
	color:#CC0033;
	background-color:#EEEEEE;
}
.petit {
	font-size: 11px; 
	font-style:italic;
}
.normal {
	font-size: 12px;
}
.gras {
	font-size: 12px;
	font-weight:bold;
}
.tips {
	font-style:italic;
}
.blockretour {
	font-size:12px;
	line-height:40px;
	text-align:center;
}
/* communs */
.texte_n1 {
	font-size:13px;
	font-weight:bold;
	color:#000000;
	line-height:20px;
}
.texte_n2 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:14px;
}
.texte_r1 {
	font-size:17px;
	font-weight:bold;
	color:#CC0033;
}
.texte_r2 {
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	color:#CC0033;
}

/* forms */
.formulaires { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000;
}
.blockmenu {
	background-color: #CC0033;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	width: 188px;
	padding-top:245px;
	padding-left:12px;
	height: 100%;
	vertical-align:top;
}
.inpvil {
	font-size:12px;
}
/**/
.nbresult {
	font-size:12px;
	font-weight:bold;
	text-align:center;
	margin:20px 0;
}
.zeroresult {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:20px 0;
}
/* pour les pages avec du dynamique (catalogue & résultats)*/
.affichfond2page {
	background-attachment: fixed;
	background-image: url(images/affgau.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/*pour les pages statiques*/
.staticfond2page {
	background-attachment: fixed;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*
DPE*/

.dpe { width:430px; margin:0 auto; clear: both; }
/*
dpe infos */
.dpe_info    { position:relative; margin-top:0em;}
.dpe_info table { border-bottom: 1px solid #999; border-top: 1px solid #999;}
.dpe_info th { text-align:center; font-size:12px !important; font-weight:bold; background-color:#E0E0E0 }
.dpe_info td { text-align:center; font-size:10px !important; letter-spacing:-1px !important; }
.dpe_nondispo { font-size:10px !important; font-style:italic; line-height:20px;  }

.dpe_info th.arrow_up   { background:#E0E0E0 url('/images/arrows.png') no-repeat 90% -15px;  }
.dpe_info th.arrow_up:hover { background:#E0E0E0 url('/images/arrows.png') no-repeat 90% -45px;  }
.dpe_info th.arrow_down { background:#E0E0E0 url('/images/arrows.png') no-repeat 90% 0px; }
.dpe_info th.arrow_down:hover { background:#E0E0E0 url('/images/arrows.png') no-repeat 90% -30px; }


/*
dpe graph */
.dpe_graph {position:relative;}
.dpe_graph th { font-size:11px; font-weight:normal; text-align:left; color:#999; font-style:italic; height:15px; overflow:hidden}
.dpe_graph td.nrj {height:154px; width:215px; background: #ffffff url(/images/modele_nrj.png) no-repeat left 11px ;}
.dpe_graph td.ges {height:154px; width:215px; background: #ffffff url(/images/modele_ges.png) no-repeat left 11px;}

/* 
dpe etiquettes */
.etiq_nrj, .etiq_ges {
	position:absolute; top:0; height:20px; line-height:20px; width:210px; 
	background: transparent url(/images/modele_etiq.png) no-repeat top left;
	overflow:hidden; padding-right:2px; text-align:right; font-size:10px; color:#FFF;
	margin:15px auto;
}
.etiq_nrj {left:1px;}
.etiq_ges {right:1px;}

/*
dpe communs*/
.dpe .right {float: right; padding:0 2px; color:#555; font-style:normal;}
.border-right {border-right:1px solid #ccc;}
.dpe { background-color:#F3F3F3; clear:both;}
/* 
graph masqué au loading, affiché en JS */
.dpe_nondispo , .dpe_graph {display:none}


/*
ajoute un fd quand layout offre horiz */
.jqhoriz .dpe_bghoriz{background-color:#E0E0E0;}
.jqhoriz .dpe{border-left:1px solid #bebebe; border-right:1px solid #bebebe;}