/* CSS Document */

#top{
width:100%;  
height:244px; height: 300px;
background-color:#000;
padding:40px 0  0 0;
} 
 

h1{margin-top: 0;
clear: both;} 
 
 /*  Barre de Navigation */

#barre_nav ul {  
 text-align: center;
 margin-top: 40px;
}

/* Police et Couleur des Liens */

#barre_nav li  { 
  color:#000; 
  border:1px solid #555; 
  padding: 10px 10px 10px 10px;  
  display: inline-block;
  text-align: center;
  margin-right: 20px;
}
 
/* Police et Couleur des Liens quand Survolés par la Souris */
 
#barre_nav li a:hover {
color:#ff0000;
}

#barre_nav li a:visited { 
  color:#ff0000;
}
  
#barre_nav li ul {
display: none;
height: auto;
padding: 0px; 
margin: 0px;
border: 0px;
position: absolute;
width: 290px; /* Largeur de la barre des sous-catégories */
padding-top: 25px; /* Distance entre barre des sous-catégories et barre de navigation */
z-index:9999;
}

#barre_nav li:hover ul {
display: block;
margin-top: 0px;
margin-left: -15px; /* Alignement avec le lien de la barre de navigation */
}

#barre_nav li li {
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 290px; /* Largeur de la barre des sous-catégories */
}

#barre_nav li:hover li a {
font-size:17px;
background-color: #C49DB8; /* Couleur du fond du lien */
background-color: #63704b;
}

#barre_nav li ul a {
display: block;
height: auto;
margin: 0px;
padding-top: 5px; /* Distance au dessus des liens */
padding-bottom: 5px; /* Distance en dessous des liens */
padding-left: 10px; /* Distance à gauche des liens */
text-align: left;
}

#barre_nav ul ul a {
color: #ffffff; /* Couleur des liens */
}

#barre_nav li ul a:hover, #barre_nav li ul li:hover > a {
color: #ffffff; /* Couleur des liens quand survolés par la souris */
background-color: #B061A2; /* Couleur du fond du lien quand survolés par la souris */
text-decoration: none;
}
 
 #barre_nav li ul a:visited{color:#ff0000;}


/* -------------  FIN MENU DÉROULANT -----------  */