/* CSS Document */

body {
margin:0;
background:url(images/fond-accueil.gif) repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

#conteneurGeneral {
width:960px;
height:auto;
position:relative;
float:left;}

#bandeauHaut {
width:980px;
height:176px;
position:relative;
float:left;
}

#logo {
width:334px;
height:176px;
position:relative;
float:left;
}

#bandeauVille {
width:646px;
height:176px;
position:relative;
float:left;}

#menu {
width:980px;
height:35px;
float:left;
position:relative;
background:#336699;}

.MenuOn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #346699;
	background-color: #FFFF00;
	margin: 1px;
	padding: 1px;
	border: 2px solid #346699;




}
.MenuOff {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}

.MenuOff a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}

.MenuOff a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;

}

#contenuCadres {
width:980px;
height:128px;
position:relative;
float:left;
margin:30px 0 5px 2px;
}

.cadres {
width:240px;
height:128px;
padding-left:2px;
position:relative;
float:left;
margin-right:3px;
background:url(images/fond-cadres.gif) no-repeat top;
border-bottom: solid 1px #336699;
}
h1 {
color:#FFFF00;
font-weight:bold;
font-size:18px;
padding:0;
margin:10px;}

h2 {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:0;
margin:10px 5px 4px 15px;
}

.cadreActu {
position:relative;
float:left;
width: 240px;
height:87px;
background:url(images/fond-actu.jpg) no-repeat;
}

.cadreAcheter {
position:relative;
float:left;
width: 240px;
height:87px;
background:url(images/fond-acheter.jpg) no-repeat bottom left;
}

.txtActu {
position:relative;
float:left;
width:180px;
left:60px;
height:60px;
top:3px;}

.txtActu a{
text-decoration:none;
color:#336699;
}

.textActu a:hover {
text-decoration:underline;
color:#336699;
}

.txtAcheter {
position:relative;
float:left;
width:140px;
left:100px;
height:60px;
top:3px;
color:#336699;
font-weight:bold;}

.txtAcheter a{
color:#336699;
font-weight:bold;
text-decoration:none;
}

.txtAcheter a:hover{
color:#336699;
font-weight:bold;
text-decoration:underline;
}

.btDetails {
position:relative;
float:left;
width:180px;
top:8px;
left:50px;
height:17px;
text-align:right;
}

.btDetailsAgence {
position:relative;
float:left;
width:180px;
top:68px;
left:50px;
height:17px;
text-align:right;
}

.btDetails a, .btDetailsAgence  a{
color:#336699;
font-weight:bold;
text-decoration:none;
}


.cadreImmo {
position:relative;
float:left;
width: 240px;
height:87px;
background:url(images/fond-immo.jpg) no-repeat left ;
}

.cadreAgence {
position:relative;
float:left;
width: 240px;
height:87px;
background:url(images/fond-agence.jpg) no-repeat left ;
}

#ligne3 {
width:980px;
height:220px;
}

#contenuTexte {
position:relative;
float:left;
width:544px;
height:220px;
color:#FFFFFF;
padding-left:10px;
background:#336699;
}


#animFlash {
width:418px;
height:220px;
position:relative;
float:left;
left:8px;
background:#6699FF;
}

#pied {
width:970px;
height:35px;
position:relative;
float:left;
top:5px;
color:#FFFFFF;
padding:5px;
font-size:11px;
}

#pied a{
color:#FFFFFF;
text-decoration:underline;}

#pied a:hover{
color:#FFFFFF;
text-decoration:none;}

#socaf {
width:72px;
height:102px;
position:absolute;
top:100px;
left:400px;
z-index:10;
}

#pied2 {
width:970px;
height:auto;
padding-left:10px;
position:relative;
float:left;
top:30px;
color:#336699;
font-size:11px;}

#pied2 a {
color:#336699;
text-decoration:none;
}

#pied2 a:hover {
color:#336699;
text-decoration:underline;
}