@charset "iso-8859-1";

h1, h2, h3, h4, h5, h6, p, div, form, body, html, ul, li{
	padding:0;
	margin:0;
	border:0;
}
body {
	margin: 0;
	padding: 0;
	border:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
}

img {
	border:none;
}
/***** class ******/
.floatR {
float:right;
}
.floatL {
float: left;
}

h1 {
	font-size:18px;
	font-weight:normal;
}
h2 {
font-size:16px;
font-weight:normal;
}
a {
color:#333333;
text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.fontL {
font-size:120%;
}
.fontXL {
font-size:150%;
}
.fontXXL {
font-size:180%;
}
.gras {
font-weight:bold;
}
.norm {
font-weight:normal;
}
.justifier {
text-align:justify;
}
.centrer {
text-align:center;
}
.alignR {
text-align: right;
}
.mention {
	font-size:10px;
	font-style:italic;
	padding: 5px 0 10px 0;
}

.mention a{
	color:#6633CC;
}
.color1 {
	color:#009900;
}
.color2 {
color: #6633CC;
}
.color3 {
color: #333333;
}
.bordure {
border: solid 1px #663399;
}
.encadrer {
	border: solid #009900 1px;
	width: 488px;
	padding: 10px;
	background-image: url(images/fd-alpha.gif);
}
.titre {
	color:#009900;
	font-weight: normal;
	border-bottom: 2px solid #663399;
	padding: 0 0 2px 0;
	width: 380px;
	font-size:18px;
	margin:0 0 10px 0;
}
.titre2 {
	color:#009900;
	font-weight: normal;
	padding: 0 0 0 0;
	width: 500px;
	font-size:18px;
	margin:0 0 10px 0;
}

.paragraphe {
	text-align:justify;
	font-size:12px;
	width: 380px;
	font-weight:normal;
	margin: 0 0 10px 0;
}

.lineHeight_L {
	line-height:18px;
}

.lineHeight_XL {
line-height:135%;
}
.include_img {
	margin:3px 0 0px 10px;
}
.tx {
	text-align:justify;
	margin:0 0 7px 0;
}
.souligne {
border-bottom:#663399 2px solid;
}

/*formulaire ---------------------------------------------------------------- */
.champs {
width:99%;
}
input.bouton, a.bouton {
	border:0;
	cursor:pointer;
	background: none;
	color:#009900;
	font-size:16px;
	font-weight: bold;
}

select, textarea, input {
background-color: #FFFFFF;
color: #333333;
border:0;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #CCCCCC;
}
input.radio {
	border:0;
	background:none;
}


.clear {
	clear:both;
	height: 0px;
}
.hr {
	background: #CC0000;
	height:1px;
	margin:15px 0 15px 0;
}

/***** page ******/
#page {
	width:955px;
	margin: 0 auto 0 auto;
	background:url(images/fd-centre.gif) top left repeat-y;
}
/***** top ******/

#top {
	width:955px;
	background:url(images/top.jpg) top left no-repeat;
	padding: 0;
	color: #FFFFFF;
}
#top_foot {
clear:both;
}
#logo {
	height:119px;
	width:215px;
	padding:70px 0 0 0;
	margin:0 730px 0 10px;
}

#top_contact {
	background:url(images/top_tel.gif) top left no-repeat;
	width:234px;
	height:35px;
	float: left;
}

#nav {
	background:url(images/menu.gif) top left repeat-x;
	width:720px;
	height:35px;
	float: left;
}
.separ-nav {
border-right:#003300 solid 1px;
}
#nav ul {
list-style:none;

}
#nav li {
display:inline;
float:left;
}
#nav a {
display:block;
height:22px;
text-align:center;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
padding:12px 0 0 0;
border-bottom: solid 1px #003300;
}
#nav a:hover {
background: url(images/roll-bt.gif) top left repeat-x; 
text-decoration:none;
}
.bt-on {
background: url(images/roll-bt.gif) top left repeat-x;
text-decoration:none;
}
.bt1 {
width:97px;
}
.bt2 {
width:121px;
}
.bt3 {
width:191px;
}
.bt4 {
width:177px;
}
.bt5 {
width:129px;
}


/* gauche */
#gauche {
	width:164px;
	float:left;
	padding: 20px 20px 20px 50px;
	height:auto;
	min-height:300px;
	_height:300px;
	
}
#gauche2 {
	width:184px;
	float:left;
	padding: 20px 20px 20px 30px;
	height:auto;
	min-height:300px;
	_height:300px;
	
}
#gauche2 li{
	background:url(images/puce.gif) 0px 6px no-repeat;
	padding: 0 0 0 12px;
	list-style: none;
	margin: 0 0 5px 0;
}

/*centre */

#centre {
	float:left;
	width: 680px;
	height:auto;
	min-height:310px;
	_height:310px;
	padding: 20px 20px 10px 20px;
}

.fd1 {
background:url(images/fd-photo1.jpg) top right no-repeat;
}

.fd2 {
background:url(images/fd-photo2.jpg) top right no-repeat;
}

.fd3 {
background:url(images/fd-photo3.jpg) bottom right no-repeat;
}
/* footer */
#footer {
	background:url(images/fd-footer.gif) top left no-repeat;
	width:955px;
	height:23px;
	clear:both;
	color:#FFFFFF;
	font-size:10px;
	padding: 8px 0 0 0;
	font-weight: bold;
}
#footer a{
color:#FFFFFF;
}
#footer a:hover{
text-decoration:underline;
}
.footer-credits {
	width:234px;
	text-align: center;
}
.footer-contact {
	width:710px;
	text-align: center;
}
/* coeur */
.coeur {
background:url(images/coeur_titre.gif) 0 20px no-repeat;
}
.coeur-titre {
	background:url(images/onglet.gif) top left no-repeat;
	color:#FFFF99;
	height:18px;
	padding: 4px 5px 0 10px;
	margin: 0 0 20px 0;
	}
.coeur-img {
	text-align:center;
	margin: 0 0 10px 0;
	width: 164px;
	height: 125px;
	overflow: hidden;
}
.coeur-tx {
	text-align:justify;
	width: 164px;
	margin: 0 0 10px 0;
	height:108px;
	overflow:hidden;
}
.coeur-bt {
	background: url(images/puce-plus.gif) 0 3px no-repeat;
	color:#663399;
	height:16px;
	padding: 4px 5px 0 17px;
	margin: 0 0 10px 0;
	font-weight:bold;
}

.coeur-bt a{
	color:#663399;
	text-decoration:none;
}

.coeur-bt a:hover{
	text-decoration: underline;
}
.coeur-tx2 {
	margin:0 0 10px 0;
}

/* rech */
/* rech ***************************************************/
.vente {
background: url(images/cle.gif) 145px 15px no-repeat;
}
#rech {
	width: 380px;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}
.ligne-form {
	width:95%;
	height: 22px;
	padding: 4px 0 0 5%;
	margin: 3px 0 3px 0;
}
.ligne-form2 {
	width:95%;
	height: 66px;
	padding: 0 0 0 5%;
	margin: 3px 0 3px 0;
}
.ligne-form3 {
	width:95%;
	height: 44px;
	padding: 0 0 0 5%;
	margin: 3px 0 3px 0;
}
.ligne-form4 {
	width:100%;
	height: 22px;
	padding: 0;
	margin: 0 0 3px 0;
}
.bt-rech {
background:url(images/bt-rech.gif) top left no-repeat;
}

.tx-form1 {

	width:90px;
	float: left;
}
.tx-form2 {

	width:40px;
	float: left;
	margin-left: 14px;
}
.tx-form3 {
	width:100%;
	float: left;
	margin: 0 0 5px 0;

}
.champs-form {
	width:268px;
	float: left;
}
.champs-form2 {
	width:100px;
	float: left;
}
.champs-form3 {
	width:100px;
	float: left;
}
.sstitre {
	font-size:16px;
	color:#009900;
	height:20px;
	width:100%;
}

#credit {
font-size:10px;
color:#CC0000;
margin:10px auto 0 auto;
text-align:center;
}

#credit a{
color:#CC0000;
text-decoration:none;
}

/* resultrech */
/*resultat recherche ------------------------------------------------------------- */

.champs-filtre {
	width:120px;
}

#barre-centrale {
	background: url(images/fd-jaune.gif);
	padding: 5px;
	margin: 0 0 20px 0;
	border: 1px solid #663399;
	width: 488px;
	color: #663399;
}
#barre-centrale a{
color: #663399;
text-decoration:none;
}


/* filtre */

.CollapsiblePanel {
	margin: 0 0 20px 0;
	padding: 0px;
	z-index: 21;
	width: 500px;
}

.CollapsiblePanelTab {
	background: url(images/fd-jaune.gif);
	border:1px solid #663399;
	height:20px;
	color:#663399;
	padding: 3px 5px 0 10px;
	font-weight: bold;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* états onglet */
.CollapsiblePanelTab a {
	text-decoration: none;
}

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: url(images/fd-jaune.gif);
	border-top:1px solid #663399;
	border-left:1px solid #663399;
	border-right:1px solid #663399;
	color:#663399;
	height:20px;
	padding: 3px 5px 0 10px;
	font-weight: bold;
}

.CollapsiblePanelFocused .CollapsiblePanelTab {
	background: url(images/fd-jaune.gif);
	border-top:1px solid #663399;
	border-left:1px solid #663399;
	border-right:1px solid #663399;
	color:#663399;
	height:20px;
	padding: 3px 5px 0 10px;
	font-weight: bold;
}

/* panneau ouvert */
.CollapsiblePanelContent {
	padding:10px 0 0 5px;
	background: url(images/fd-jaune.gif);
	border-bottom:1px solid #663399;
	border-left:1px solid #663399;
	border-right:1px solid #663399;
}
.CollapsiblePanelContent a {
color:#333333;
text-decoration:none;
}
/* -----------------*/


#annonce {
	width:488px;
	background-image: url(images/fd-alpha.gif);
	border:#009900 solid 1px;
	padding:5px;
}

#annonce-img {
	width:150px;
	height:100px;
	overflow:hidden;
	float:left;
	text-align: center;
}
#annonce-ref {
	width: 488px;
	margin: 0 0 0 0;
	clear: both;
	padding: 10px 0 0 0;
}
#annonce-tx {
	float:left;
	margin: 0 0 0 15px;
	text-align: justify;
	overflow: hidden;
	height: 95px;
	width: 320px;
}
#bt-detail {
	margin:4px 0 0 10px;
	float: left;
	width: 420px;
}
.detail-bt {
	background:url(images/onglet.gif) top left no-repeat;
	color:#FFFFCC;
	height:19px;
	padding: 4px 5px 0 10px;
	width:70px;
	float: right;
}

.detail-bt a{
color:#FFFF99;
text-decoration:none;
}

/* galerie */

#detail-galerie
{
	width: 320px;
	border: 1px solid #009900;
	padding: 10px;
	margin: 0 0 10px 17px;
	text-align: center;
	float: left;

}

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

ul#galerie_mini li
{
display:inline;

}

ul#galerie_mini li a img
{
	margin: 15px 4px 0 4px;
	border: 1px solid #009900;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #009900;
}

/* detail */
#detail-tx {
	width:298px;
	padding:10px;
	margin:0 0 10px 0;
	border: 1px solid #009900;
	float: left;
	height:auto;
	_height:300px;
	min-height:300px;
}
#detail-titre {
	width:96%;
	font-weight: bold;
	color: #CC0000;
	font-size: 18px;
}

#barre-outils {
	background: url(images/fd-jaune.gif);
	padding: 5px;
	margin: 0 0 10px 0;
	border: 1px solid #663399;
	width: 668px;
	color: #663399;
	clear: both;
}
#barre-outils a{
color: #663399;
text-decoration:none;
}

/* alerte */

.connexion {
	background:url(images/titre-connexion.gif) top left no-repeat;
	height:24px;
	width:100%;
	margin: 0 0 5px 0;
}
.compte {
	background:url(images/titre-compte.gif) top left no-repeat;
	height:24px;
	width:100%;
	margin: 0 0 5px 0;
}

.supp {
	background:url(images/titre-suppcompte.gif) top left no-repeat;
	height:24px;
	width:100%;
	margin: 0 0 5px 0;
}
.passe {
	background:url(images/titre-passe.gif) top left no-repeat;
	height:24px;
	width:100%;
	margin: 0 0 5px 0;
}
.perso {
	background:url(images/titre-perso.gif) top left no-repeat;
	height:24px;
	width:100%;
	margin: 0 0 5px 0;
}
.projet {
	background:url(images/titre-projet.gif) top left no-repeat;
	height:24px;
	width:100%;
	margin: 0 0 5px 0;
}
#cadre-alerte {
	padding: 5px 0 5px 0;
	width: 380px;
}
.marge-alerte {
margin: 0 0 0 20px;
}
.tx-form4 {
	width:78px;
	float: left;
	margin: 0 0 3px 0;
	
}
.tx-form5 {
	width:70px;
	float: left;
	margin: 0 0 3px 8px;
	
}
.champs-form4 {
	width:74px;
	float: left;
	margin: 0 4px 0 0;
}
.champs-form5 {
	width:230px;
	float: left;
}

/* contact*/
.horaires {
background: url(images/horloge.gif) 170px 15px no-repeat;
}
#form-contact {
width:380px;
float:left;
}
.champs-contact {
	width:245px;
	margin: 0 0 0 100px;
}
.tx-form6 {
	width:100px;
	float: left;
	margin: 0 8px 0 0;
	
}

.pagination img {
	margin-top:-10px;
}

#map {
	width:320px;
	height:300px;
}

#map-agence {
	width:500px;
	height:500px;
}

.erreur {
	height:200px;
	padding-top:50px;
	text-align:center;
	width:500px;
	font-weight:bold;
}

#div_profil_erreur {
	color:#CC0000;
}

.profil h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#009900;
	margin-top:15px;
	margin-bottom:10px;
}

.profil a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#009900;
	text-decoration:underline;
}

.profil a:hover {
	text-decoration:none;
}


#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;
}

.tags {
	clear:both;
	padding-bottom:10px;
	padding-right:5px;
	text-align:left;
	color:#009900;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin:0 0 20px 0;
}

.tags a {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#009900;
}

.tags a:hover {
	text-decoration:underline;
}

#liens-page {
	margin-top:5px;
	text-align:center;
	width:100%;
	background-color:#FFFFFF;
}

#liens-page a {
	color:#009900;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#plan {
	margin-left:30px;
}

#plan ul {
	margin-left:30px;
}

#plan li {
	margin-top:5px;
}

#plan a {
	text-decoration:underline;
}

#plan a:hover {
	text-decoration:none;
}