/* colors to use
	#fff
	#ccc
	#999
	#626262
	#333
*/

/* general definitions */
body {
	background:#626262 url(../art/fond-center.gif) 50% 0 repeat-y;
	font:11px/1.2em Verdana, Helvetica, Arial, sans-serif normal normal;
	color: #ccc;
}

body, html {
	margin:0;
	padding:0;
}

h1 {
	font-size:18px;
	margin:22px 215px 10px 14px;
}
h2 {
	font-size:14px;
	font-weight:normal;
	margin:10px 215px 22px 14px;
}

a, a:link, a:visited, a:active, a:hover {
	color:#999;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin:8px 215px 8px 14px;
}

#background {
	background:transparent url(../art/fond-sunrise.jpg) 0 0 repeat-x;
}

#logo {
	float:right;
	margin:20px 215px 0 0;
	display:inline;
}

#content {
	width:790px;
	position:relative;
	left:50%;
	margin-left:-395.5px;
	background:transparent url(../art/fond-right.jpg) 595px 0 no-repeat;
	border-left:1px solid #666;
	padding:30px 0 40px 0;
}

/* matches IE < 7 */
* html #content {
	width:790px;
	background:transparent url(../art/fond-right.jpg) 595px 0 no-repeat;
}

/* navigation elements */

#nebennav {
	margin:0 0 0 14px;
	padding:0;
	color:#999;
	list-style:none;
	height:110px;
}

#nebennav li {
	line-height:18px;
	height:18px;
	margin:0;
	padding:0;
}

#nebennav a:visited, #nebennav a:link {
	color:#999;
	text-decoration:none;
}

#nebennav a:hover, #nebennav a:active {
	color:#fff;
	text-decoration:underline;
}

#nav {
	padding-left:7px;
	margin:0 195px 23px 0;
	padding:0;
	height:23px;
	line-height:23px;
	background:transparent url(../art/fond-navi.gif) 0 0 repeat-x;
	color:#fff;
	list-style:none;
}

#nav li {
	float:left;
	height:23px;
	line-height:23px;
	padding:0;
	margin:0;
}

#nav a {
	padding:7px;
	height:23px;
	line-height:23px;
	width:auto;
}

#nav a:visited, #nav a:link {
	color:#ccc;
}

#nav a:hover {
	color:#fff;
	text-decoration:underline;
	background-color:#333;
}

#nav a:active {
	color:#fff;
	text-decoration:underline;
}