html, body{
height: 100%;
}

body{
	background: #575757;
	/* Text properties*/
	color: #DDD;
	font-family: “Lucida Sans”, “Lucida Grande”, “Lucida Sans Unicode”, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}

#settings{
	float: left;
	background: #000;
	padding: 1px 4px;
}

#menu{
	float: right;
	text-align: right;
	width: 150px;
}

#menu ul li{
	
	background: #000;
}

#menu ul li a{
	padding: 1px 4px;
}

.webgen-menu-level1{
	padding: 1px 4px;
	margin-bottom: 4px;
}

.webgen-menu-level2, .webgen-menu-item-selected{
	font-size: 80%;
	text-align: right;
	padding: 0px 4px;
}

#wrapper{
	min-height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	padding: 10px;
	background: #000;
}

#title{
	background: #000 url(../images/titre.png) no-repeat center;
	height: 170px;
	text-align: center;
}

#footer{border-top: 2px dotted #575757; margin-top: 25px}

#content p{
	margin-bottom: 0.5em;
}

#content h1, #content h2, #content h3{
	margin-top: 0.5em;
	margin-bottom: 0.2em;
}

#content h1{
	background: #0000AB;
	padding: 2px 0;
}

#content h2{
	background: #575757;
}

#content ul{
	list-style: url(../images/bullet.png) inside;
}

a:link, a:visited{
	text-decoration: none;
	color: #DDD;
	font-weight: bold;
}

a:hover{
	text-decoration: none;
	background: #AB0000;
	color: #FFF;
}

.center{
	text-align: center;
}