body {
	background: #EEE6D6 url(../images/fond-page.jpg) repeat-x fixed top;
}
#content {
	width : 800px;
	height : 520px;
	top : 50px;
	position : absolute;
	left : 50%;
	margin-left : -400px;
}
a, img {
	border : none;
	text-decoration : none;
}
p, div, span {
	display: block;
}
#menu {
	height: 33px;
	white-space: nowrap;
	background-repeat: no-repeat;
	height:63px;
	width:842px;
	padding-left : 1px;
	padding-top : 22px;
}
a.case_menu {
	float : left;
	overflow: hidden;
	display: block;
	height : 33px;
}
#llaresidence .case_menu  {
	margin-left : 1px;
}
a.case_sous_menu {
	width: 96px;
	height: 19px;
	color: White;
	font-size: 9px;
	font-weight: bold;
	padding-top: 3px;
	display: block;
	float: left;
	margin-right : 1px;
	font-family: Arial, Helvetica, sans-serif;
	z-index : 1000;
}
a#laresidence .case_sous_menu{
	margin-left : -1px;
}
a#visiterlaville, a#quartierdelaplaine {
 width : 113px;
}
a#telechargement{
	width : 156px;
}
a#contact {
	width : 123px;
}
#contenu {
	height: 450px;
	position : relative;
}
#innerContent {
	top : -551px;
	position : relative;
	padding-left : 13px;
}
#fondpage {
	padding : 9px;
	padding-left : 13px;
	height: 462px;
	width : 808px;
	top : -80px;
	position : relative;
}
#content_right {
	height : 450px; width : 555px;float :left; display : block;
}
#content_left {
	height : 450px; width : 230px; float :left;
}
.w800 {
	width : 800px;
}
/*
 * couleurs
 */
.laresidence { color : rgb(176, 199,0); }
.clamart { color : rgb(0,148,171);}
.telecharger { color : rgb(91,146,124);}
.contact { color : rgb(218,0,27);}
.header {
	font:17px Helvetica;line-height : 20px;margin-left : 10px;
}
ul, li {
	font-family: Helvetica;
	font-size : 10px;	
	color : #87888A;
}
 li {
 	margin-top : 7px;
 }
 #legende {
	position: absolute;
	top: 378px;
	color: white;
	font-size: 7px;
	margin-left: 15px;
	clear: both;
	font-family: Arial;
}
 #legende a {
	color : white;
	text-decoration : none;
	display : block;
	float : none;
	clear: both;
	width : 100%;
	margin-top : 2px;
	height : 3px;
	line-height : 5px;
 }
.quartiercol {
	width : 170px;
	height : 65px;
	float : left;
}
.col1, .col1 a{
	width : 175px;
}
.col2, .col2 a{
	width : 188px;
}
.col3, .col3 a{
	width : 170px;
}
#legende_centreville, #legende_marchecouvert, #legende_mediatheque, #legende_foret {
	color : #87888A;
}