@charset "UTF-8";
/* CSS Document */

#menu                         /*-----pour le menu horizontal-------*/
{
	width:880px;            /*-----donner une largeur au menu, prendre en compte les marges-------*/
	height: auto;           /*-----important pour IE7, mettre une hauteur auto sinon pas de menu deroulant------*/
	list-style-type: none;         /*-----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  #menuigateurs-----*/
	border: 0;
	margin: 0 auto;
	
}
 #menu > li            /*------uniquement pour la liste de premier niveau-------*/
{
float: left;        /*------permet de mettre les items <li> horizontalement------*/
width: 210px;          /*------je donne une largeur à mes cellules-------*/
margin: 5px;           /*------j'espace mes cellules de 5px-------*/
padding: 0;
border: 0;
}
 #menu li a                   /*------pour les liens de premier niveau-------*/
{
	display: block;        /*------pour mettre mes liens en block------*/
	color: #666666;         /*------donne une couleur à la police------*/
	background-color: rgb(102, 0, 0);   /*------je donne un fond solide par sécurité pour les  #menuigateurs qui ne reconnaissent pas la transparence-----*/
	background-color: rgba(102, 0, 0, 0.5);     /*------fond transparent reconnus par les bons éléves-----*/
	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(153, 51, 0);
	background-color: rgba(153,51,0,0.5);
}
nav #en-cours a {
	background-color: rgba(153,51,0,0.5)
}

/*---------------fin du menu de premier niveau-------------*/
  #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;
position:absolute;   /*------pour ne pas pousser un éventuel texte dessous-----*/
}
  #menu .menuderoulant li         /*-------pour ma liste de deuxième niveau-------*/
{
margin: 0;
padding: 0;
border: 0;
width: 210px;                /*----------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(102, 0, 0);
	background-color:rgba(102,0,0,0.3);
}
  #menu .menuderoulant li a:hover       /*------pour le survol du sous menu-------*/
{
background-color: rgb(255, 102, 0);
background-color: rgba(255, 102, 0, 0.8);

}
#menu li .menuderoulant .en-cours a {
	background-color: rgba(255, 102, 0, 0.8);
}
/*
  #menu .menuderoulant li a:visited {         /*---------pour permmetre au visiteur de savoir sur les liens qu'il a déjà visité--------*/
/*background-color:rgb(227, 22, 30);
background-color:rgba(227, 22, 30, 0.5);
}
*/
  #menu li:hover > .menuderoulant { display: block; }    /*------pour faire apparaitre notre sous menu au survol du menu de premier niveau------*/