a {
	outline:none;
}


#menu {
	margin: 0;
	padding: 0;
	z-index: 6;
	top: 32em;
	left: -18em;
	position: absolute;
}

/*----------------------------- LIEN 1 ------------------------------*/
#menu_1 {
	top: 0em;
	left: -42em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_1.png) no-repeat;
}

#menu_1 :hover {
	background: url(../images/menu_11.png) no-repeat;
}

#menu_1 div#active {

	background: url(../images/menu_111.png) no-repeat;
}

#menu_1 div#active :hover {
	background: url(../images/menu_111.png) no-repeat;
}

/*----------------------------- LIEN 2 ------------------------------*/
#menu_2 {
	top: 4em;
	left: -40em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_2.png) no-repeat;
}

#menu_2 :hover {
	background: url(../images/menu_22.png) no-repeat;
}

#menu_2 div#active {

	background: url(../images/menu_222.png) no-repeat;
}

#menu_2 div#active :hover {
	background: url(../images/menu_222.png) no-repeat;
}

/*----------------------------- LIEN 3 ------------------------------*/
#menu_3 {
	top: 8em;
	left: -38em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_3.png) no-repeat;
}

#menu_3 :hover {
	background: url(../images/menu_33.png) no-repeat;
}

#menu_3 div#active {

	background: url(../images/menu_333.png) no-repeat;
}

#menu_3 div#active :hover {
	background: url(../images/menu_333.png) no-repeat;
}

/*----------------------------- LIEN 4 ------------------------------*/
#menu_4 {
	top: 12em;
	left: -36em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_4.png) no-repeat;
}

#menu_4 :hover {
	background: url(../images/menu_44.png) no-repeat;
}

#menu_4 div#active {

	background: url(../images/menu_444.png) no-repeat;
}

#menu_4 div#active :hover {
	background: url(../images/menu_444.png) no-repeat;
}

/*----------------------------- LIEN 5 ------------------------------*/
#menu_5 {
	top: 16em;
	left: -34em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_5.png) no-repeat;
}

#menu_5 :hover {
	background: url(../images/menu_55.png) no-repeat;
}

#menu_5 div#active {

	background: url(../images/menu_555.png) no-repeat;
}

#menu_5 div#active :hover {
	background: url(../images/menu_555.png) no-repeat;
}

/*----------------------------- LIEN 6 ------------------------------*/
#menu_6 {
	top: 20em;
	left: -32em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_6.png) no-repeat;
}

#menu_6 :hover {
	background: url(../images/menu_66.png) no-repeat;
}

#menu_6 div#active {

	background: url(../images/menu_666.png) no-repeat;
}

#menu_6 div#active :hover {
	background: url(../images/menu_666.png) no-repeat;
}

/*----------------------------- LIEN 7 ------------------------------*/
#menu_7 {
	top: 24em;
	left: -30em;
	height: 30px;
	width: 830px;
	position: absolute;
	background: url(../images/menu_7.png) no-repeat;
}

#menu_7 :hover {
	background: url(../images/menu_77.png) no-repeat;
}

#menu_7 div#active {

	background: url(../images/menu_777.png) no-repeat;
}

#menu_7 div#active :hover {
	background: url(../images/menu_777.png) no-repeat;
}

/*-------------------------------------------------------------------*/

#facebook {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 64px;
	height: 64px;
	background-image: url('../images/facebook.png');
}


#twitter {
	position: absolute;
	top: 20px;
	left: 80px;
	width: 64px;
	height: 64px;
	background-image: url('../images/twitter.png');
}


#blog {
	position: absolute;
	top: 20px;
	left: 150px;
	width: 64px;
	height: 64px;
	background-image: url('../images/blog.png');
}