#menu       /*-----pour le menu horizontal-------*/
{
width:990px;            /*-----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;  /*-----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;
z-index:60;
}

#menu > li  /*------uniquement pour la liste de premier niveau-------*/
{
float: left;           /*------permet de mettre les items <li> horizontalement------*/
width: 160px;          /*------je donne une largeur à mes cellules (130 px par défaut) -------*/
/*height:30px;	       /*------je donne une hauteur à mes cellules-------*/
margin: 0px;           /*------j'espace mes cellules de 0px-------*/
padding: 0;
border: 0;
}

#menu li a  /*------pour les liens de premier niveau-------*/
{
display: block;                           /*------pour mettre mes liens en block------*/
font-family:Calibri;
color: white;                             /*------donne une couleur à la police------*/
font-weight:normal;
/*background-color: rgb(0, 0, 0);         /*------je donne un fond solide par sécurité pour les navigateurs qui ne reconnaissent pas la transparence-----*/
/*background-color: rgba(0, 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----*/
text-decoration: none;                    /*-----pas de décoration pour mes liens-----*/
border-right: 1px solid white;
border-radius: 5px 10px 0 5px;
}

#menu li#actif
{
display:block;
font-family:Calibri;
/*color:yellow;*/
color:white;
/*Background-color:black;*/
Background-color:#C8AC88;
/*width:160px;*/
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-----*/
border-right: 1px solid white;
border-radius: 5px 10px 0 5px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);

}

#menu li:hover a /*-------une couleur de fond au survol sur mes liens-------*/
{     
border-radius: 5px 10px 0 5px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.5);
}

/**********************************************************************************************************************************************************/

#menu .menugaleries /*----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-----*/
z-index:60;
}

#menu .menugaleries li  /*----pour ma liste de deuxième niveau----*/
{
display:block;
float:none;
text-decoration: none;   
border: 0;
margin: 1px 0 0 0;
padding: 4px 0 4px 8px;
width: 160px;                            /*----------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 white;
/*border-right: 1px solid white;*/
}

#menu .menugaleries li a /*---------pour mes liens du menu deroulant---------*/
{
/*display:block;
color: #FFF;*/
padding: 0;
margin: 0;
/*width: 150px; */
border: 0;
/*margin: 1px 0 0 0;*/
margin: 0;
padding: 4px 8px 4px 8px;
text-decoration: none;
list-style-type: none;   
border-radius: 0 0 0 0;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);
}

#menu .menugaleries li#ssinactif /*---------pour mes liens du menu deroulant---------*/
{
display: block;
padding: 0;
margin: 0;
width: 159px; 
text-decoration: none;
border-radius: 0 0 0 0;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);
border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
/*border-right: 1px solid white;*/
}

#menu .menugaleries li#ssinactif0 /*---------pour mes liens du menu deroulant---------*/
{
display: block;
width: 168px;  
padding: 0;
margin: 0px 0 0 0;
text-decoration: none;
border-radius: 0 0 0 0;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0.5);
border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
/*border-right: 1px solid white;*/
}

#menu .menugaleries li#ssinactif1 /*---------pour mes liens du menu deroulant---------*/
{
display: block;
width: 168px; 
padding: 0;
margin: 4px 0 0 0;
text-decoration: none;
border-radius: 0 0 0 0;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);
border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
/*border-right: 1px solid white;*/
}


#menu .menugaleries li a:hover /*------pour le survol du sous menu-------*/
{
color:maroon; /*:Red;*/
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 1);
order-top: 1px solid transparent;
/*background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);*/

}


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

#menu .menugaleries li#ssactif 
{
display: block;
font-family: Calibri;
color: yellow;
width:160px;
margin: 4px 0 0 0;
border: 0;
padding: 4px 0px 4px 8px;
border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
border-right: 1px solid white;
border-radius: 0 0 0 0;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);
}

#menu .menugaleries li#ssactif1
{
display: block;
font-family: Calibri;
color: yellow;
width:160px;
margin: 0;
border: 0;
padding: 4px 0px 8px 8px;
border-top: 1px solid transparent;       /*-----des bordures transparentes pour espacer mes cellules-----*/
border-right: 1px solid white;
border-radius: 0 0 0 0;
background-color:rgb(0, 0, 0);
background-color:rgba(0,0,0,0.5);
}