/* ********************************************************************** */
/* ********** FEUILLE DE STYLE POUR LE MENU PRINCIPAL DU SITE *********** */
/* *** le 23/03/2011 par Julien POTIER - CARRI Systems Copyright 2011 *** */
/* ********************************************************************** */

#nav, #nav ul
{
  z-index:100;
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:24px;
  font-size:15px;
  font-weight:normal;
  text-align:center;
}


 /*
#nav ul
{
  border-top-style: solid;
  border-top-color: #ffffff;
  border-top-width: 1px;
}*/

 
#nav a:link, #nav a:active, #nav a:visited
{
  display:block;
  padding:5px 0px 5px 0px;
  color:#fff;
  text-decoration:none;
  width:161px;
  height:20px;
}

/* image coin arrondi de gauche */
li.BackLeft
{
  background-image:url(/images/menu/fond-menu-left.gif);
  background-position: left;
}

/* fond menu premier niveau */
li.BackMid
{
  background-image:url(/images/menu/fond-menu.jpg);
}

/* image coin arrondi de droite */
li.BackRight
{
  background-image:url(/images/menu/fond-menu-right.gif);
  background-position: right;
}

li.Border
{
  border-left:0px;
  border-right:0px;
  border-top:0px; 
  border-bottom:3px;
  border-style: solid;
  border-color: #0097e0;
}

li.Border:hover
{
  border-color:#9eca00;
}

#nav a:hover
{
  color: #8eca00;
}

#nav li
{
  float:left;
  position:relative;
}

/* menu 2e niveau */
#nav ul
{
  position:absolute;
  width:161px;
  top:33px;
  display:none;
  background-image:url(/images/menu/fond-menu.jpg);
}

/* ajustement vertical 3e niveau */
#nav li ul a
{
  width:161px;
  float:left;
}

/*
#nav ul ul
{
}*/

/* ajustement horizontal et vertical 3e niveau */
#nav li ul ul
{
  left:151px;
  margin:0px 0 0 10px;
  top:auto;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{
  display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul
{
  display:block;
}

/* *************************************** AUTRE MENU *********************************** */

/* SEPARATION DES ONGLETS DU MENU */
.separate
{
  height:28px;
  color:#777;
  width:3px;
  padding:1px 0px 1px 0px;
  border-left:0px;
  border-right:0px;
  border-top:0px; 
  border-bottom:3px;
  border-style: solid;
  border-color: #0097e0;
  font-size:28px;
}

/********** SOUS MENU DE NAVIGATION *************/
.SsMenuNavON
{
  position:relative;*/
  top:10px;
  font-size: 12px;
  color: #000000;
  font-weight: bold;
  text-align:left;
}

.SsMenuNavOFF
{
  font-size: 11px;
  font-weight: normal;
  text-align:left;
}

A:hover.SsMenuNavOFF
{
  color: #96d004;
}

A.SsMenuNavOFF
{
  color: #aaaaaa;
}

span.Arrow
{
  float:right;
  margin:0 5px 0 0;
  width:10px;
  height:100%;
  background-image:url(/images/menu/menu-arrow.png); 
  background-repeat:no-repeat; 
  background-position:0 8px;
}

span.Arrow:hover
{
  background-image:url(/images/menu/menu-arrow-on.png);
}

/*
@font-face
{
  font-family: 'BankGothic Lt BT';
  src: local('BankGothic Lt BT'), url('/fonts/bankgthl.ttf') format('truetype');
}

@font-face
{
  font-family: 'criovision';
  src: local('criovision'), url('/fonts/criovision.ttf') format('truetype');
}
*/