*{margin:0; padding:0;}
body
{
	font-size: 0.8em;
	font-family: verdana, arial;
	background:#fff url('../graphics/OCTO_back.png') repeat-y;
}

#top{
	position:absolute;
	top:0px; left:0px;height:25px; width:950px;
	background-image: url('../graphics/OCTO_top.png');
}

#logo
{
	position: absolute;
	top: 20px;
	left: 66px;
	width: 100px;
	height: 100px;
	background: black url('../graphics/OCTO_logo.png') no-repeat;
}
#logo img{border:0px;}

#infos
{
	position: absolute;
	top: 140px;
	left: 60px;
	width: 110px;
	color:#666;
	font-size: 0.8em;
	text-align:center;
}
#infos h1{
	color:#000;
	font-weight:bold;font-size: 1em;
	margin-bottom:10px;
}
#infos a {
	color: #c47a40;}
#lg {
	position: absolute;
	top:25px;
	left: 5px;
	width: 30px;
	z-index: 10;
	font-weight: bold;
	color:#000;
	text-align:center;
}
#lg a{
color: #fff;
}
#lg a:hover{
color: #333;
text-decoration: underline;
}

#contenu
{
	position: absolute;
	top: 30px;
	left: 245px;
	width: 605px;
	color: #666;
	font-size: 1em;
	font-weight: normal;
	text-align: justify;
	line-height: 2em;
}
#contenu h1 {
	color:#000;
	font-size: 2em;
	text-align:center;
	margin:10px 0px 30px 0px;
}
#contenu h2 {
	color:#000;
	font-size: 1.2em;
	margin:20px 0px 10px 0px;
}

#contenu img {
	float:right;
	margin-left:10px;
}
#contenu a {
	color: #c47a40;
}
#contenu a:hover {
	color:#fff;
}

#notes{
position:relative;
	float:right;
	left: 80px;
	background-color: #c47a40;
	width:200px;
	color:#fff;
	padding:10px;
	text-align:left;
}
#notes a{
 color:#333;
}