/*************************Définition des styles*************************************/
body
{
  width: 900px;
  margin: 1px auto;
  background: transparent;
}

#menu,#menu ul li				/*menu */    
{
  padding : 1; 							/* marge interieur de 1px pour la barre de menu */
  margin : 0; 							/* pas de marge extérieure */
  list-style : none;
  height: 36px;							/*epaissaeur de la barre de menu*/
  line-height : 36px; 					/* on définit une hauteur pour chaque élément ( n ereagit que si supperieur a 36...*/
  border: 1px solid #333;				/*bord exterieur de la barre de menu*/
  border-top-color: #222222;			/*couleur du bord exterieur haut de la barre de menu*/
  background-color: transparent;			/*???*/
  background: -moz-linear-gradient(bottom , #222222 0pt, #555555 30%, #A0A0A0 90%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: -webkit-linear-gradient(bottom , #222222 0pt, #A0A0A0 50%, #A0A0A0 50%, #222222 100%) repeat scroll 0 0 transparent; /* celui qui m'interesse*/
  background: -ms-linear-gradient(bottom , #222222 0pt, #555555 30%, #A0A0A0 90%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(bottom , #222222 0pt, #555555 30%, #A0A0A0 90%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: linear-gradient(bottom , #222222 0pt, #555555 30%, #A0A0A0 90%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  -webkit-box-shadow: 0 1px 5px #000;
  -moz-box-shadow: 0 1px 5px #000;
  box-shadow: 0 1px 5px #000;			/* celui qui m'interesse*/
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;					/* celui qui m'interesse*/
}

#menu ul li				/*element des listes*/     
{
  height: 20px;							/*epaissaeur du sous menu*/
  line-height : 20px; 					/* on définit une hauteur pour chaque élément */
}
.ssliste
{


}

.st1 {position: relative;}
.st1:after {content: ''; position: absolute; top: 50%; right: 5px; height: 0px; width: 0px; border:5px solid transparent; margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: inherit;}

#menu a /* Contenu des listes */
{
  height: 36px;
  margin:0px;
  padding:0px px;
  width:120px;
  line-height: 36px;
  text-decoration: none;
  color: white;
  text-shadow: -1px -1px  #444;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  display:inline-block;
  text-align:center;
  z-index:10;
}

#menu ul li a /* Contenu des listes */
{
  height: 20px;
  line-height: 20px;
  z-index:12;
}

#menu :first-child a
{
  border-left: 0;
}

#menu :last-child a
{
  border-right: 0;
}

#menu li ul /* Sous-listes */
{ 
  position: absolute; /* Position absolue */
  width: 120px; /* Largeur des sous-listes */
  left: -999em; /* Hop, on envoie loin du champ de vision */
  margin    : 0px 0 0 -41px ; /* On décale les sous-listes pour les aligner sous les listes */ 
}
	
#menu li ul ul, #menu li ul ul ul, #menu li ul ul ul ul, #menu li ul ul ul ul ul, #menu li ul ul ul ul ul ul/* Sous-listes2 à 6 */
{
  position: absolute; /* Position absolue */
  width: 120px; /* Largeur des sous-listes2 */
  left: -999em; /* Hop, on envoie loin du champ de vision */
  margin    : -20px 0 0 82px ; /* On décale les sous-listes(2+n) pour qu'elles ne soient pas au dessus des sous-listes(n) */ 
}

#menu li /* Éléments des listes */
{
  float :left;
}

#menu a:hover /* Lorsque la souris passe sur un des liens */   
{
  background-color: transparent;
  background: -moz-linear-gradient(bottom , #F0F0F0 0pt, #222222 50%, #222222 51%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: -webkit-linear-gradient(bottom , #F0F0F0 0pt, #222222 50%, #222222 51%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: -ms-linear-gradient(bottom , #F0F0F0 0pt, #222222 50%, #222222 51%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: -o-linear-gradient(bottom , #F0F0F0 0pt, #222222 50%, #222222 51%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  background: linear-gradient(bottom , #F0F0F0 0pt, #222222 50%, #222222 51%, #F0F0F0 100%) repeat scroll 0 0 transparent;
  text-shadow: -1px -1px 0 black;
  -webkit-box-shadow: 0 1px 20px white;
  -moz-box-shadow: 0 1px 20px white;
  box-shadow: 0 0px 20px white;			/* celui qui m'interesse*/
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;					/* celui qui m'interesse*/
}

#menu li:hover ul ul ,#menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li:hover ul ul ul ul ul, #menu li:hover ul ul ul ul ul ul/* Sous-listes(2+n) lorsque la souris passe sur un élément de Sous-liste(n) */
{
  left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li,#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li li li li li:hover ul, #menu li li li li li li:hover ul, #menu li li li li li li li:hover ul
{
  left: auto; /* Repositionnement normal */
  min-height: 0; /* Corrige un bug sous IE */
}

/*************************Fin de Définition des styles*************************************/