/* -------------------------------------STYLE */

#menu_top {
	text-align:right;
	width:765px;
	height:46px;
	margin:0;
	padding:0;
	float:left;
}
#menu_top p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666666;
	margin:5px 20px 0 0;
	padding:0;
}
#menu_top p a{
	color:#666666;
	margin:0;
	padding:0;
	text-decoration:none;
}
#menu_top p a:hover{
	color:#669900;
	margin:0;
	padding:0;
	text-decoration:underline;
}
#menu {
	background-image:url(../images/back_menu_portfolio.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:202px;
	height:213px;
	margin:115px 0 0 90px;
	padding:0;
}
#menu ul{
	margin: 0;
	padding: 0;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display: inline;
}
#menu a.arts{
	background-image: url(../images/menu_portfolio/arts_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 29px;
	margin: 45px 0 0 0;
	padding: 0;
	position:relative;
	float:left
}

#menu a.arts:hover{
	background-image: url(../images/menu_portfolio/arts_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 29px;
	margin: 45px 0 0 0;
	padding: 0;
	position: relative;
	float:left;
}
#menu a.commerces{
	background-image: url(../images/menu_portfolio/commerces_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 30px;
	margin: 0;
	padding: 0;
	position:relative;
	float:left
}

#menu a.commerces:hover{
	background-image: url(../images/menu_portfolio/commerces_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 30px;
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
}
#menu a.tourisme{
	background-image: url(../images/menu_portfolio/tourisme_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 32px;
	margin: 0;
	padding: 0;
	position:relative;
	float:left
}

#menu a.tourisme:hover{
	background-image: url(../images/menu_portfolio/tourisme_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 32px;
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
}
#menu a.logos{
	background-image: url(../images/menu_portfolio/logos_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 27px;
	margin: 0;
	padding: 0;
	position:relative;
	float:left
}

#menu a.logos:hover{
	background-image: url(../images/menu_portfolio/logos_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 202px;
	height: 27px;
	margin: 0;
	padding: 0;
	position: relative;
	float:left;
}