.menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif; font-size:11px;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu
	{ margin:0; padding:1px 0; list-style:none; width:100%; height:58px; font:normal 6pt verdana, arial, helvetica; font-weight: bold;
}
.menu li
	{ margin:0; padding:0; display:block; float:left; position:relative; width:px; }




.menu li.skis a:link, ul#menu li.skis a:visited{ 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000000; 
	width:149px; 
	height:50px; 
	background-image: url(template/skisalpins_1.png);  
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

.menu li.skis:hover a, ul#menu li.skis a:hover, ul#menu li.skis a:active { 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:149px; 
	height:50px; 
	background-image: url(template/skisalpins_2.png);  
	background-position: center; 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px
}

.menu li.mode a:link, ul#menu li.mode a:visited{ 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000000; 
	width:116px; 
	height:50px; 
	background-image: url(template/mode_1.png); 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

.menu li.mode:hover a, ul#menu li.mode a:hover, ul#menu li.mode a:active { 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:116px; 
	height:50px; 
	background-image: url(template/mode_2.png); 
	background-position: center; 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px
}

.menu li.accessoires a:link, ul#menu li.accessoires a:visited{ 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000000; 
	width:169px; 
	height:50px; 
	background-image: url(template/accessoires_1.png);  
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

.menu li.accessoires:hover a, ul#menu li.accessoires a:hover, ul#menu li.accessoires a:active { 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:169px; 
	height:50px; 
	background-image: url(template/accessoires_2.png);  
	background-position: center; 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px
}

.menu li.services a:link, ul#menu li.services a:visited{ 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000000; 
	width:135px; 
	height:50px; 
	background-image: url(template/services_1.png);  
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

.menu li.services:hover a, ul#menu li.services a:hover, ul#menu li.services a:active { 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:135px; 
	height:50px; 
	background-image: url(template/services_2.png);  
	background-position: center; 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px
}

.menu li.aussi_dispo a:link, ul#menu li.aussi_dispo a:visited{ 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000000; 
	width:197px; 
	height:50px; 
	background-image: url(template/aussidispo_1.png);  
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

.menu li.aussi_dispo:hover a, ul#menu li.aussi_dispo a:hover, ul#menu li.aussi_dispo a:active { 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:197px; 
	height:50px; 
	background-image: url(template/aussidispo_2.png); 
	background-position: center; 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px
}

.menu li.contact a:link, ul#menu li.contact a:visited{ 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#000000; 
	width:191px; 
	height:50px; 
	background-image: url(template/contact_1.png);  
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

.menu li.contact:hover a, ul#menu li.contact a:hover, ul#menu li.contact a:active { 
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#ffffff; 
	width:191px; 
	height:50px; 
	background-image: url(template/contact_2.png);  
	background-position: center; 
	background-repeat: no-repeat; padding-left:0; padding-right:0; padding-top:0px; padding-bottom:0px
}



/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen.*/ 
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:0; top:45px; background: transparent url(template/transparent.gif); padding:3px 0 0 0; white-space:nowrap; width:220px; height:auto;}
.menu :hover ul.sub li {display:block; float:left;}
.menu :hover ul.sub li a {display:block; float:left; height:25px; width:220px; line-height:25px; color:#000; text-decoration:none; padding:0; background: url(template/dropa_0.gif) no-repeat;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; background: url(template/drop_0.gif) right top; height:25px; width:185px; padding:0 10px 0 5px; font-weight:normal; color:#000;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background: url(template/dropb_0.gif) right top; color:#000;}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background: url(template/dropba_1.gif) no-repeat; color:#fff;}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background: url(template/drop_1.gif) right top; color:#fff;}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:url(template/dropb_1.gif) right top; color:#fff;}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:url(template/dropba_1.gif) no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:url(template/dropb_1.gif) right top; color:#fff;}

/* Style the images to the left of each link */
.menu ul.sub b {display:block; float:left; background:transparent url(template/book.gif) no-repeat center center; height:1px; width:1px;}
/*	.menu ul.sub b.key {background:transparent url(template/key.gif) no-repeat center center;}
	.menu ul.sub b.cog {background:transparent url(template/cog.gif) no-repeat center center;}
	.menu ul.sub b.folder {background:transparent url(template/folder.gif) no-repeat center center;}
	.menu ul.sub b.monitor {background:transparent url(template/monitor.gif) no-repeat center center;}
	.menu ul.sub b.paint {background:transparent url(template/paint.gif) no-repeat center center;}
	.menu ul.sub b.house {background:transparent url(template/house.gif) no-repeat center center;}
	.menu ul.sub b.people {background:transparent url(template/people.gif) no-repeat center center;}
	.menu ul.sub b.info {background:transparent url(template/info.gif) no-repeat center center;}
	.menu ul.sub b.shop {background:transparent url(template/shop.gif) no-repeat center center;}
	.menu ul.sub b.email {background:transparent url(template/email.gif) no-repeat center center;}
	.menu ul.sub b.world {background:transparent url(template/world.gif) no-repeat center center;}
	.menu ul.sub b.text {background:transparent url(template/text.gif) no-repeat center center;}
	.menu ul.sub b.qmark {background:transparent url(template/qmark.gif) no-repeat center center;}
	.menu ul.sub b.stop {background:transparent url(template/stop.gif) no-repeat center center;}
	.menu ul.sub b.edit {background:transparent url(template/edit.gif) no-repeat center center;}
*/


/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(template/transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:120px; z-index:200; height:auto;}