/*
 * Bouton désactivé affichant l'icone du catalogue.
 */
td.navigation input.icon {
	width:24px;
	height:24px;
	border:0;
	background-color:transparent;
	background-image:url(../images/navigation/icon_catalogue.png);
	background-repeat:no-repeat;
	background-position:0 0;
	cursor:default;
}

/*
 * Fleche.
 */
td.navigation input.arrow {
	font-size:10px;
	font-weight:bold;
	width:16px;
	height:16px;
	border:0;
	background-color:transparent;
	background-image:url(../images/navigation/nav_menu.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	color:#006867;
	cursor:default;
}

/*
 * Bouton de navigation ressemblant à un lien.
 */
td.navigation input.link {
	font-size:10px;
	font-weight:bold;
	border:0;
	background-color:transparent;
	color:#006867;
	cursor:pointer;
}

/*
 * Menu de navigation dépliant.
 */
div.navigation {
	position:absolute;
	margin:0;
	border-top:1px solid #dfdfdf;
	border-left:2px solid #006867;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	padding:10px;
	background-color:#ffffff;
	z-index:13;
	display:none;
}
div.navigation ul,div.menu li {
	margin:0;
	border:0;
	padding:0;
}
div.navigation li {
	list-style:none;
	background-color:transparent;
}
div.navigation a:link, div.navigation a:visited, div.navigation a:hover {
	display:block;
	width:100%;
	padding-top:2px;
	padding-bottom:3px;
	text-decoration:none;
	font-size:10px;
	color:#006867;
}
div.navigation a:hover {
	color:#b54800;
	background-color:#fbf7f4;
}
