.navigation {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #000;
  color: #808080;
  width: 200px;
  font: 1.2em "Trebuchet MS", sans-serif;
}
.navigation a, .navigation span {
  display: block;
  padding: 4px 10px;
  color: #808080;
  text-decoration: none;
  background: #000 url(menu-item.png) left bottom no-repeat;
}
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background-image: url(menu-item-deroule.png);
}
.navigation .open a, .navigation .open span {
  background-image: url(menu-item-enroule.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
      color: rgb(134, 192,250);
}
.navigation .subMenu {
 
  background: #fff 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;
}
.subMenu
{
	 font-size: 15px;
    font-family: "Futura Md BT Bold";
}

.toggleSubMenu
{
    font-family: 'LearningCurveProRegular', Arial, serif;
}


@font-face {

  url('futura_medium_bt-webfont.ttf') format('truetype') ; 
 
}


@font-face { /* Définition d'une nouvelle police nommée LearningCurveProRegular */
    font-family: "Futura Md BT Bold";
    
    src: url('futura_medium_bt-webfont.ttf') format('truetype') ; 
}

.subMenu /* Utilisation de la police qu'on vient de définir sur les titres */
{
    font-family: "Futura Md BT Bold";
}

.toggleSubMenu
{
	 font-size: 15px;
    font-family: "Futura Md BT Bold";
}