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

body{
	background:url(../images/fond.png) repeat-x #BDE4F5;
	margin:0;
	font-family: "Trebuchet MS", Arial;
}
#conteneur{
	width:950px;
	margin:auto;
	position:relative;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
}
a:hover{
	text-decoration:none;}
#conteneur h1{
	width:930px;
	height:55px;
	background:url(../images/barreTitleHomepage.png) no-repeat;
	margin:auto;
	position:absolute;
	top:288px;
	z-index:4;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height:80px;
	padding-left:20px;
}
#header{
	width:950px;
	height:135px;
	background:url(../images/header.png) no-repeat;
	margin:0;
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}


#menutop{
	position:absolute;
	right:0;
	top:0;
	height:33px;
	white-space:nowrap;
}
#menutop ul{
	margin:0;
	padding:0;
}
#menutop li{
	float:left;
	font-size: 11px;
	font-weight: normal;
	border-left:1px solid #638DB5;
	list-style-type:none;
	padding:10px 15px 0 5px;
}
#menutop li a{
	color:#FFFFFF;
	text-decoration:none;
}
#menutop li a:hover{
	color:#A2ECFF;
}

.agenceFR{
	position:absolute;
	left:280px;
	width:114px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.transactionFR{
	position:absolute;
	left:396px;
	width:121px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.locationsFR{
	position:absolute;
	left:518px;
	width:110px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.programmeFR{
	position:absolute;
	left:630px;
	width:160px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}
.proposerFR{
	position:absolute;
	left:793px;
	width:157px;
	text-align:center;
	top:100px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
}



.agenceFR a, .transactionFR a , .locationsFR a , .programmeFR a , .proposerFR a{
	color:#FFFFFF;
	text-decoration:none;
} 

.agenceFR a:hover, .transactionFR a:hover, .locationsFR a:hover, .programmeFR a:hover, .proposerFR a:hover{
	color: #FFCC00;
	text-decoration:none;} 


#logo{
	width:264px;
	height:156px;
	position:absolute;
	top:0;
	left:17px;
	z-index:3;
}	
	
#langue{
	position:absolute;
	right:0;
	top:0;
}
#animation{
	width:950px;
	height:220px;
	position:absolute;
	z-index:1;
	top:114px;
	left:0;
}
#ChampRecherche{
	position:absolute;
	top:342px;
	background:url(../images/fond_recherche.jpg) repeat-x; 
	width:950px;
	height:127px;
	border-bottom:7px solid #346598;
	border-top:1px dashed #608DB4;
	z-index:5;
}
#ChampRecherche form{
	padding:10px;
}
#ChampRecherche td{
	font-size: 13px;
	padding: 0 5px;
}

#ChampRecherche input{
	background:url(../images/fond_input_search.png) no-repeat;
	padding:6px;
	width:180px;
	border:none;
}

#lancerRecherche{
	background:url(../images/fond_lancer_recherche.png);
	width:312px;
	height:112px;
	line-height:80px;
	text-indent:100px;
	font-size: 14px;
	font-weight: bold;
	color: #00427F;
	position:absolute;
	left: 659px;
	top: 20px;
}
#lancerRecherche a{
	color: #00427F;
	text-decoration:none;
}
#lancerRecherche a:hover{
	color: #000;
	text-decoration:none;
}
#BlocInfo{
	top:477px;
	width:950px;
	position:absolute;
	background:url(../images/BGblochome.png) repeat-x #fff;
	min-height:300px;
	
}
#presentation{
	float:left;
	width:560px;
	position:relative;
}
#presentation h2{
	margin:5px 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}
#presentation img{
	border:4px solid #E0E0E0;
	margin:5px 0 5px 0;
	float:left;
	
}
#presentation p{
	float:left;
	margin:5px 0 0 0;
	font-size: 12px;
	background:url(../images/fond_p_homepage.jpg) no-repeat;
	width:290px;
	padding:10px 0 0 10px;
}
#newsletter{
	clear:both;
	width:220px;
	height:70px;
	margin:10px 0 0 5px;	
	font-size: 13px;}
#newsletter img{
	border:none !important;
	padding-top:3px !important;
}

#newsletter input.newslettermail{
	background:url(../images/fond_input_search.png) no-repeat;
	padding:6px;
	width:180px;
	border:none;
	margin-top:5px;

}

.coupdecoeur{
	width:160px;
	float:left;
	margin:0;
	margin-left:20px;
}

.coupdecoeur h3{
	background:#003F7D;
	width:162px;
	height:38px;
	line-height:38px;
	text-align:center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	
}
.coupdecoeur p{
	background:url(../images/bg-coupCoeur.png) no-repeat top;
	padding:10px;
	font-size: 11px;
}

.coupdecoeur p a{
	color:#000000;
	text-decoration:none;
}
.coupdecoeur p a:hover{
	color:#000000;
	text-decoration:underline;
}	

.coupdecoeur img{
	max-width:162px;
	clear:both;
	border:5px solid #ccc;
	max-height:124px;
}

.VousVoulezVendre{
	background:url(../images/fond-VousVoulezVendre.png) no-repeat;
	font-size: 19px;
	font-weight: normal;
	width:273px;
	height:43px;
	line-height:43px;
	padding-left:48px;
	position:absolute;
	left: 237px;
	top: 181px;
	
}
.VousVoulezVendre a{
	color:#000000;
	text-decoration:none;
	
}
.VousVoulezVendre a:hover{
	color:#000000;
	text-decoration:underline !important;
	
}
.sep1{
	position:absolute;
	left: 229px;
	top: 159px;
	width:329px;
	clear:both;
	background:url(../images/sep.png) no-repeat;
	height:16px;
}

#footer{
	width:auto;
	border-top:1px dashed #fff;
	background:#E0E0E0;
	clear:both;
	font-size: 12px;
	margin:0;
	padding:7px;
	position:relative;
	color:#666666;
}
#footer .logo{
	position:absolute;
	right:5px;
	top:5px;
}

#footer a{
	color:#666666;
}

#footer ul{
	float:left;
	margin:0;
	padding:10px 10px 0 10px;
	border-right:1px solid #CCCCCC;
}
#footer li{
	list-style-type:none;
	clear:both;
}