@charset "utf-8";
/* CSS Document */


html { height:100%;}

body {height:100%; margin: 0px; background-image:url(../img/fd.jpg); background-repeat:repeat-x; background-color:#b4cce2; font-family:Arial, Helvetica, sans-serif; font-size:11px}

img {border:0px;}

form {margin:0px; padding:0px;}	
#centrer{ width:913px; margin:0px auto;}

#container{float:left; background-image: url(../img/fd_centre.gif); background-repeat:repeat-y; width:913px; border-right: solid 8px #FFFFFF;  border-left: solid 8px #FFFFFF; display:inline;}

#visuelBas{float:left;  background-image:url(../img/visuel_bas.jpg); background-position:bottom right; background-repeat:no-repeat; min-height:883px;}

#head {height:97px; width:913px; background-image:url(../img/logo.gif); background-repeat:no-repeat; background-color:#3a7bb2;}
#head h1 {height:97px; width:400px; background-color:#996666; visibility:hidden; margin:0px; padding:0px;}

#zoneClic {float:left; height:97px; width:178px;}
#news { float:right; height:97px; width:201px; color:#fff;}
#news #titreNews {float:left; width:201px; height:36px; background-image: url(../img/titre_new.gif);} 
.decal {margin-left:10px;}
#zoneAnimFlash{height:258px; width:913px; float:left;}

#menuGauche {background-image:url(../img/fd_menu_gauche.gif); background-repeat:repeat-y; float:left; width:181px;}
#contenu { background-image:url(../img/fd_contenu.gif); background-repeat:repeat-x;float:left; width:468px; border-left:3px solid #fff; min-height:600px; margin-bottom:20px; display:inline;}
#bandeauDroite{  float:left; width:261px;}

#titreSociete {background-image:url(../img/titre_societe.gif); height:35px;}
#titreMetier {background-image:url(../img/titre_metier.gif); height:27px;}
#titreEngag {background-image:url(../img/titre_engag.gif); height:27px;}

.boiteMenu { border-bottom:dotted #FFFFFF 1px; padding:3px 0 3px 10px; font-size:12px; }

.boiteMenu a {color:#FFFFFF; text-decoration:none}
.boiteMenu a:hover {color:#FFFFFF; text-decoration:underline}

.input { font-size:10px; color: #999999 ; margin-bottom:3px; background-image: url(../img/fond_input.gif); background-repeat:repeat-x; background-position:bottom; vertical-align:middle; width:120px; margin-top:0px; padding:0;}

#engagement {background-image:url(../img/fd_engag.gif); background-repeat:repeat-y; float:left; width:181px; font-size:12px; color:#FFFFFF}
#engagement ul {}
#engagement li {/*height:22px;*/margin:5px; }


#gTitreMetier { background:url(../img/gtitre_metier.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreActualite { background:url(../img/gtitre_actu.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreEngag{ background:url(../img/titre_engagement.gif) no-repeat; width:454px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreQui{ background:url(../img/titre_qui.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreEquipe{ background:url(../img/titre_equipe.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreRecrut{ background:url(../img/titre_recrut.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreHistoire{ background:url(../img/titre_histoire.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}
#gTitreConseil{ background:url(../img/titre_conseil.gif) no-repeat; width:455px; height:25px; margin-left:10px; margin-top:20px; margin-bottom:20px;}

.Actualite { float:left; margin:5px 0 0 10px; width:450px;}
.Actualite .visuelActu{float:left; border: solid 1px #006699; padding:2px; margin:0 10px 20px 0; background-color:#FFFFFF; /*width:135px;*/}
.Actualite .texteActu {float:left; /* padding-left:10px;*/ text-align:justify; width:280px;}
.Actualite .texteActu p{margin:0px; padding:0px;}
.Actualite p b{ color:#006699; font-size:16px; font-weight:normal; width:100%; margin:-20px 0 20px 0; float:left;}
.Actualite .plus_details{color:#397AB2; font-size:10px; text-decoration:none;}
.Actualite .plus_details A{color:#397AB2; font-size:10px; text-decoration:none;}
.Actualite .plus_details A:HOVER{text-decoration:underline;}
.Actualite .texteActu a { text-decoration:none; color:#CC0000;}
.Actualite .texteActu a:hover { text-decoration:none; color: #CCCC00;}
.Actualite a { color:#397ab2}
#visuelHaut{ height:175px ; width:261px ; background-image: url(../img/visuel_haut.jpg) }
.Actualite .bouton { background:url(../img/fd_bout.gif); width:122px; line-height:20px;  text-align:center; display:block;}
.Actualite .bouton a { color:#FFFFFF; font-weight:bold}
#recherche {float:left; width:249px; background-image:url(../img/recherche_fond.gif); margin-left:10px; margin-top:10px; color:#FFFFFF; display:inline;} 
#rechercheTitre {float:left;  width:249px ; height:39px ; background-image:url(../img/recherche_titre.gif)} 
#rechercheContenu {float:left;  width:249px ;} 
#rechercheContenuGauche { float:left; width:110px ;} 
#rechercheContenuDroite { float:left; width:130px ; margin-left:5px;} 
#recherchePied{float:left;  width:249px ; height:9px ; background-image:url(../img/recherche_bas.gif)} 

.btNews { height:17px; height:16px; background-image:url(../img/bt_news.gif); border:0px;}

/* Pour fireFox */
html>/**/body .btNews {} 
/* Pour ie7 */
*+html .btNews {padding:7px; } 
/* Pour ie6 */
* html .btNews {padding:7px; } 
h2 { border-bottom: solid 1px #006699; color:#006699; font-size:15px; margin-left:12px; margin-right:5px; font-weight:lighter;}
h1 { border-bottom: solid 1px #006699; color:#006699; font-size:17px; margin-top:20px; margin-left:12px; margin-right:5px; font-weight: bolder;}

.visuelEquipe{float:left; border: solid 1px #666666; margin-right:10px; padding:2px; background-color:#FFFFFF; /*width:135px;*/}
.zoneEquipe {float:left; margin-left:10px; color:#006699; width:135px;}
.information a   {color:#b7c652; text-decoration:none;}
.information a:hover  {color:#b7c652; text-decoration:underline;}

#foot{height:48px; width:913px; float: left; background-image: url(../img/fd_contenu_foot.gif); background-repeat:repeat-x;}
#foot ul { margin-left:-0px; margin-top:2px; list-style:none; font-size:12px; text-align:right;}

li a{ text-decoration:none; color:#fff;}
li a:hover{ text-decoration:underline;  color:#fff} 

#foot li a{ text-decoration:none; color:#fff;}
#foot li a:hover{ text-decoration:underline;  color:#fff} 
.separation { border-right: solid 1px #fff } 
#foot li{ margin:0 40px 0 -40px; display: inline;  padding:0px 10px 0 5px }


/* --------------------------------liste details ------------------------------------------- (yannick)*/

.annonce {
	width:450px; 
	border-bottom: solid 1px #B7C652; 
	float:left; 
	clear:both;
	margin:5px 0;
}
.annonce .photo { 
	float:left; 
	width:120px; 
	vertical-align:top; 
}
.annonce .photo IMG { 
	border: 3px solid #B7C652; 
	vertical-align:top;
}
.annonce .detail { 
	float:left; 
	width:330px; 
}
.annonce .bien_immo { 
	float:left; 
	font-size: 12px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#397AB2; 
	width:250px;
}
.annonce .bien_immo A{ 
	font-size: 12px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#397AB2; 
	width:250px;
	text-decoration:none;
}
.annonce .bien_immo A:HOVER{ 
	text-decoration:underline;
}
.annonce .prix { 
	float:right; 
	font-size: 12px; 
	font-weight:bold; 
	text-transform:capitalize; 
	color:#fff; 
	width:60px;
	background-color:#B7C652;
	padding:2px 5px;
	text-align:right;
}
.annonce .piece {
	float:left; 
	color:#397AB2; 
	margin:0 10px 0 0;
}
.annonce .superficie { 
	float:left; 
	color:#397AB2;
	margin:0 10px 0 0; 
}
.annonce .lieu {
	float:left; 
	color:#397AB2; 
	margin:0 10px 0 0;
}
.annonce .description { 
	float:left; 
	font-size: 11px; 
	color:#4d4d4d; 
	width:330px;
	margin:5px 0 0 0;
}
.annonce .plus_details { 
	float:right; 
	font-size: 10px; 
	color:#B7C652; 
	margin:10px 0 0 0;
}
.annonce .plus_details A{ 
	font-size: 10px; 
	color:#B7C652;
	text-decoration:none;
}
.annonce .plus_details A:HOVER{ 
	text-decoration:underline;
}

/* --------------------------------liste details ------------------------------------------- (yannick)*/

.annonce_detail {
	width:450px; 
	border-bottom: solid 1px #B7C652; 
	float:left; 
	clear:both;
	margin:5px 0;
	padding:0 0 10px 0;
}
.annonce_detail .bien_immo { 
	float:left; 
	font-size: 16px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#397AB2; 
	width:300px;
}
.annonce_detail .prix { 
	float:right; 
	font-size: 16px; 
	font-weight:bold; 
	text-transform:capitalize; 
	color:#fff; 
	width:80px;
	background-color:#B7C652;
	padding:2px 5px;
	text-align:right;
}
.annonce_detail .photo { 
	float:left;
	margin:30px 0 0;
	vertical-align:top;
	width:120px;
}
.annonce_detail .photo IMG { 
	border:3px solid #B7C652;
	float:left;
	margin:0 10px 10px 0;
	vertical-align:top;
}
.annonce_detail .photo .img_dernier {
	margin:0;
}

.annonce_detail .block_detail{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}

.annonce_detail .liste { 
	background-color:#B7C652;
	border:3px solid #B7C652;
	color:#FFFFFF;
	float:right;
	margin:25px 0 10px;
	padding:5px;
	vertical-align:top;
	width:290px;
}
.annonce_detail .liste DIV{
	float:left;
	margin:0 0 0 10px;
	width:100%;
	line-height:18px;
} 
.annonce_detail .description { 
	color:#4D4D4D;
	float:right;
	font-size:11px;
	margin:10px 0 20px 10px;
	width:305px;
}
.annonce_detail .plus_details { 
	color:#B7C652;
	float:right;
	font-size:10px;
	margin:10px 0 0 300px;
	width:100px;
}
.annonce_detail .plus_details A{ 
	font-size: 10px; 
	color:#B7C652;
	text-decoration:none;
}
.annonce_detail .plus_details A:HOVER{ 
	text-decoration:underline;
}




.annonce_detail .detail { 
	float:left; 
	width:330px; 
}

.annonce_detail .bien_immo A{ 
	font-size: 12px; 
	font-weight:bold; 
	text-transform:uppercase; 
	color:#397AB2; 
	width:250px;
	text-decoration:none;
}
.annonce_detail .bien_immo A:HOVER{ 
	text-decoration:underline;
}
.annonce_detail .piece {
	float:left; 
	color:#397AB2; 
	margin:0 10px 0 0;
}
.annonce_detail .superficie { 
	float:left; 
	color:#397AB2;
	margin:0 10px 0 0; 
}
.annonce_detail .lieu {
	float:left; 
	color:#397AB2; 
	margin:0 10px 0 0;
}



/*---------------erreur------------------*/


.erreur {
	color:#397AB2;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	width:100%;
	margin:30px 0 0 0;
	text-align:center;
}