/*--------début du menu de premier niveau--------*/

#menu                         /*-----pour le menu horizontal-------*/
{
	width:800px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: 90px;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;  /*-----pas de puce-----*/
	margin: 0 auto;         /*-----marge auto pour centrer mon menu dans l'élément-------*/
	padding: 0;             /*-----marge interne à 0 et bordure à 0 pour ne pas avoir de soucis avec les différents navigateurs-----*/
	border: 0;      
	
	}
#menu > li                   /*------uniquement pour la liste de premier niveau-------*/
{
	float: left;           /*------permet de mettre les items <li> horizontalement------*/
	width: 114px;          /*------je donne une largeur à mes cellules-------*/
	margin: 0;           /*------j'espace mes cellules de 1px-------*/
	padding: 0;
	border: 0;
}
#menu li a                   /*------pour les liens de premier niveau-------*/
{
	display: block;        /*------pour mettre mes liens en block------*/
	color: #FFFFFF;         /*------donne une couleur à la police------*/
      background-color: rgb(23, 23, 23);           /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
	margin: 0;                                /*------mettre tout le monde d'accord--------*/
	padding: 4px 8px;                         /*-----marge interne----*/
	border:1px solid #FFFFFF;                 /*-----une bordure extérieur-------*/
	text-decoration: none;                    /*-----pas de décoration pour mes liens-----*/

}


#menu li a:hover {                         /*-------une couleur de fond au survol sur mes liens-------*/
      background-color: rgb(109, 112, 159);
}

/*---------------fin du menu de premier niveau-------------*/

/*---------------début du menu déroulant-------------------*/


#menu .menuderoulant       /*----pour mon menu déroulant-------*/
{
	display: none;          /*------pour le faire disparaitre------*/
	list-style-type: none;  /*-------pas de puce-------*/
	margin: 0;              /*------pas de marge interne et externe ni bordure pour mettre tout le monde d'accord--------*/
	padding: 0;
	border: 0;
}
#menu .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
	margin: 0;
	padding: 0;
	border: 0;
	width: 140px;                /*----------je donne une largeur à mes cellules de sous menu----------*/
      border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
	border-right: 1px solid transparent;
}
#menu .menuderoulant li a         /*---------pour mes liens du menu deroulant---------*/
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;       
      background-color:rgb(153, 153, 153);

}
#menu .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
	background-color: rgb(0, 0, 0);

}




#menu li:hover > .menuderoulant { display: block; }    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/ 

/*----------fin du menu déroulant----------------*/