@charset "utf-8";
/* CSS Document */
<!--
body {
	background-color: #000;
}
h6 {
	font-size: 9px;
	color: #000000;
}
h4 {
	font-size: 16px;
	color: #FFF;
}
a:hover {
	color: #FFFFFF;
}
a:link {
	color: #CC0033;
}
.Style1 {color: #FF0000}
.Style7 {font-size: 12px}
.Style3 {color: #FFFFFF}
h5 {
	font-size: xx-small;
}
.Style8 {color: #000000}
h3 {
	font-size: 16px;
	color: #FFF;
}
h2 {
	font-size: 14px;
	color: #FFF;
}
-->
.navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      background: #000;
      color: #fff;
      width: 200px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   .navigation a, .navigation span {
      display: block;
      padding: 4px 10px;
      color: #fff;
      text-decoration: none;
      background: #000 url(doc/index/menu-item.png) left bottom no-repeat;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
      background-image: url(doc/index/menu-item-deroule.png);
      }
   .navigation .open a, .navigation .open span {
      background-image: url(doc/index/menu-item-enroule.png);
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu {
      font-size: .8em;
      background: #ccc url(subMenu.png) 0 0 repeat-x;
      font-size: .9em;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 20px;
      }