#conteneur_menu
{
	width:100%;
	height:98px;
	background:url(../img/commun/interface/fond_menu.jpg) left top no-repeat;
}

#menu
{
	height:52px;
	width:100%;
	list-style:none;
}

#menu li
{
	font-size:12px;
	display:block;
	height:52px;
	float:left;
	text-align:center;
	line-height:52px;
	vertical-align:middle;
}

#menu li a
{
	display:block;
	height:16px;
	line-height:16px;
	margin:15px auto 0px auto;
}

#accueil a			{width:63px;}
#moules a			{width:82px;}
#toiles a			{width:69px;}
#contact a			{width:63px;}
#galerie a			{width:56px;}


#accueil		{width:118px;}
#moules			{width:98px;}
#toiles			{width:99px;}
#contact		{width:98px;}
#galerie		{width:127px;}

#accueil .inactif		{background:url(../img/fr/interface/menu/accueil.gif)		left top no-repeat;}
#moules .inactif			{background:url(../img/fr/interface/menu/les-moules.gif) 	left top no-repeat;}
#toiles .inactif			{background:url(../img/fr/interface/menu/les-toiles.gif) 	left top no-repeat;}
#contact .inactif		{background:url(../img/fr/interface/menu/contact.gif) 		left top no-repeat;}
#galerie .inactif		{background:url(../img/fr/interface/menu/galerie.gif) left top no-repeat;}

#accueil .actif			{background:url(../img/fr/interface/menu/accueil.gif)		left bottom no-repeat;}
#moules .actif			{background:url(../img/fr/interface/menu/les-moules.gif) 	left bottom no-repeat;}
#toiles .actif			{background:url(../img/fr/interface/menu/les-toiles.gif) 	left bottom no-repeat;}
#contact .actif			{background:url(../img/fr/interface/menu/contact.gif) 		left bottom no-repeat;}
#galerie .actif			{background:url(../img/fr/interface/menu/galerie.gif) left bottom no-repeat;}

#accueil a:hover,
#moules a:hover,
#toiles a:hover,
#contact a:hover,
#galerie a:hover
{
	background-position:0% bottom;
}