/* CSS Document */

body {
	background:#006DB2 url(http://www.o-b-s.com/assets/images/bg.gif) no-repeat top center;
	margin:0;
	padding:0;
}
#wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	}
	
#menu {
	position: absolute;
	top: 210px;
	left: 30px;
	}
	
#menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}  
	
#menu li {
	float: left;
	margin:0 10px;
}
	
#menu li a {
    display: block;
	color: #8B7560;
	background: url(http://www.o-b-s.com/assets/templates/images/roue.gif) left center no-repeat;
	padding-left: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	line-height: 2em;
	border-bottom: #006db2 solid 1px;
	}

#menu li a:hover {
	color: #000;
	text-decoration: underline;
	background: url(http://www.o-b-s.com/assets/templates/images/roue.gif) left center no-repeat;
	padding-left: 20px;
	}
	
#actualite {
	position: absolute;
	z-index: 1;
	width: 185px;
	top: 250px;
	left: 570px;
	}
	
#actualite h2 a {
	font: bold 0.7em Arial, Helvetica, sans-serif;
	margin-left: 10px;
  background: url(http://www.o-b-s.com/assets/images/puce_logo_bleue.png) left  no-repeat;
	padding-left: 25px;
	color: #006DB2;
	text-decoration:none;
}

#actualite h2 a:hover {	
	text-decoration:underline;
	}

.itemactu h4 a {
	font: normal 0.8em Arial, Helvetica, sans-serif; color:#000;	text-decoration:none; margin:0;
	}
.itemactu h4 a:hover {
text-decoration:underline;
	}
	
.itemactu p a {float:right; color: #000; text-decoration:none ; font:italic 0.7em Arial, Helvetica, sans-serif; margin-top:-18px}
.itemactu p a:hover {text-decoration:underline}

.itemactu {
margin: 15px 0 0 10px
}
	
.coloneintro {
	float: left;
	width: 250px;
	margin-top:30px;
	}

.intro {
	margin: 20px 20px 0 40px;
	font: 0.8em Arial, Helvetica, sans-serif;
	width: 230px;
	}
	
.intro h2 a {
	font: bold 0.8em Arial, Helvetica, sans-serif;
	$font-size:0.6em;
	margin: 0;
    background: url(http://www.o-b-s.com/assets/templates/images/roue.gif) left top no-repeat;
	padding-left: 23px;
	text-decoration:none;
	color:#000000;
	}
.intro h2 a:hover { text-decoration:underline;}
	
.intro p {
	margin:-10px 0 0 23px;
}


#graph_logo {
position:absolute; top:473px; left:340px; z-index:1;
}
#graph_bloc_abeille  {
position:absolute; top:264px; left:490px; z-index:0
}
#legumes {
position: absolute; top: 185px; left: 710px;
	}