﻿#menu
{
	margin: 0;
	padding: 0px;
	height: 217px;
	background: #fff;
	list-style: none;
	overflow: hidden;
	width:990px;
}
div.imageMenuContainer
{
	
}
#menu li
{
	float: left;
	height: 217px;
	width:89px;
	cursor:pointer;
}
#menu li .menuOptionHover
{
	display: block;
	height: 217px;
	width:631px;
	text-indent: -8000px;
}
#menu-1.menuOption
{
	background-image: url(../../../../Design/images/Zone/phot_menu_rando_off.gif);
	background-repeat: no-repeat;
}
#menu-2.menuOption
{
	background-image: url(../../../../Design/images/Zone/phot_menu_raidtrail_off.gif);
	background-repeat: no-repeat;
}
#menu-3.menuOption
{
	background-image: url(../../../../Design/images/Zone/phot_menu_nordique_off.gif);
	background-repeat: no-repeat;
}
#menu-4.menuOption
{
	background-image: url(../../../../Design/images/Zone/phot_menu_escalade_off.gif);
	background-repeat: no-repeat;
}
#menu-5.menuOption
{
	background-image: url(../../../../Design/images/Zone/phot_menu_alpinisme_off.gif);
	background-repeat: no-repeat;
}
#menu-1.menuOptionHover
{
	background-image: url(../../../../Design/images/Zone/phot_menu_rando_on.gif);
	background-repeat: no-repeat;
}
#menu-2.menuOptionHover
{
	background-image: url(../../../../Design/images/Zone/phot_menu_raidtrail_on.gif);
	background-repeat: no-repeat;
}
#menu-3.menuOptionHover
{
	background-image: url(../../../../Design/images/Zone/phot_menu_nordique_on.gif);
}
#menu-4.menuOptionHover
{
	background-image: url(../../../../Design/images/Zone/phot_menu_escalade_off.gif);
}
#menu-5.menuOptionHover
{
	background-image: url(../../../../Design/images/Zone/phot_menu_alpinisme_off.gif);
}
