/***************** BODY *****************/
* {
	/*---on passe toutes les marges à 0---*/
margin:0;
	padding:0;
}
body, html {
	height:100%;/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body {
	background: #000 url(../images/charte/bg-body.jpg) center center no-repeat fixed;
}
/***************** CONTAINER *****************/
#container {
	position:relative;
	width:964px;
	margin:28px auto;
	background:url(../images/charte/bg-container.png) center top repeat-y; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-container.png", sizingMethod="scale");

}
/***************** HEADER *****************/
#header {
	width:964px;
	height:167px;
	background:url(../images/charte/bg-header.png) center top no-repeat; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-header.png", sizingMethod="crop");
}
#headerFlash {
	float:left;
	width:964px;
	height:152px;
	/*obligatoire si il y a un flash (firefox)*/
	display:block;
	outline:0;
}
#contact {	
	position:absolute;
	top:30px;
	right:30px;
	color:#000;
	font:12px/14px Arial, Helvetica, sans-serif;
	text-align:center;
}
#contact .tel{	
	display:block;
	color:#01708b;
	background:#fff;
	padding:3px 10px;
	font:16px Arial, Helvetica, sans-serif;
	margin:10px; 0 0 0;
	border:1px solid #a7c6d8;
}
/***************** MENU LEFT *****************/
#menuLeft {	
	float:left;
	display:inline;
	width:178px;
	list-style:none;
	margin: 14px 28px 0 12px;
}
#menuLeft li a {
	text-decoration:none;
	background:url(../images/charte/bg-rubrique.jpg) center top no-repeat; 
	font:bold 13px/39px Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
	padding:0 0 0 10px;
	margin:8px 0;
}
#menuLeft li a:hover, #menuLeft li a.rubrique_active {
	background-position:bottom;
}
/***************** SOUS MENU */
#menuLeft li ul {
	list-style:none;
	background:#fff;
}
#menuLeft li ul li a {
	background:none;
	border:none;
	text-decoration:none;
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#348fc1;
	display:block;
	padding:4px 5px 4px 13px;
}
#menuLeft li ul li a:hover, #menuLeft li ul li a.rubrique_active {
	text-decoration:underline;
	color:#000;
	background:none;
}
/***************** CONTENU *****************/
#contenu {
	float:left;
	display:inline;
	width:473px;
	margin:22px 30px 20px 0;
}
/***************** COL RIGHT *****************/
#colright {
	float:left;
	display:inline;
	width:231px;
	margin:22px 0 0 0;
}
#rechercheimmo {
	float:left;
	display:inline;
	width:211px;
	padding:10px;
	margin:0 0 30px 0;
	background:url(../images/charte/bg-immo.png) left top repeat-y; 
	_background:url();
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/charte/bg-immo.png", sizingMethod="scale");
	font:12px Arial, Helvetica, sans-serif;
}
#rechercheimmo p{
	margin:3px 0;
}
#rechercheimmo .titre{
	color:#fff;
	font-weight:bold;
}
#coupdecoeur {
	float:left;
	display:inline;
	width:211px;
	padding:10px;
	margin:0 0 20px 0;
	background:#fff;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
}
#coupdecoeur .titre{
	color:#01708b;
	font-weight:bold;
}
#coupdecoeur .description{
	text-align:justify;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer {
	clear:both;
}
#clearFooter {
	height:30px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer {
	position:relative;
	clear:both;
	width:964px;
	height:30px;
	margin:-30px auto 0;
	background: url(../images/charte/bg-footer.jpg) center top no-repeat;
}
#creationweb {
	position:absolute;
	left:15px;
	top:0;
	width:195px;
	height:30px;
}
#footer #creationweb a {
	text-decoration:none;
	display:block;
	font:11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
}
#footer #creationweb a:hover {
	text-decoration:none;
	color:#000;
}