h1
{
  background-color:rgb(255,255,255); 
  border:2px red none;
}


p
{
  font-size:0.5em;
}


footer ul
{
  background-color:green;
  border:2px red none;
  height:100px;
  text-align:center;
}

nav ul
{
  
  border:2px red none;
  height:25px;
  text-align:center;
  text-shadow: 2px 2px 4px Black;
  text-decoration:none;
  background-color:rgb(113,36,0); 
}

nav li
{
  display:inline-block;
  margin-right:15px;
  text-decoration:none;
}

nav a, nav h2
{
  font-size:1em;
  color: white;
  text-decoration:none;
}


a:hover
{
color :white;
background-color : rgb(113,36,0);
text-decoration:none;
}

a:active
{
color :yellow;
text-decoration:none;
}


.logo
{
  display:inline-block;
  vertical-align:top;
}



.Credo
{
  display:inline-block;
  background-color:rgb(209,250,165);
  border:2px green none;
  vertical-align:bottom;
  text-align:left;
  width:100%;
  box-shadow: 6px 6px 0px Black;
  text-shadow: 2px 2px 4px Black;
  text-decoration:blink;
  font-style : italic;
  color:rgb(113,36,0);
}

.Logiciel 
{
  display:inline-block;

  
}



#divmnubl
{
  visibility:hidden;
  position:absolute;
  top:14.5em;
  left:20.9em;
  
   z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
    
  
 
  
}

#divmnuproduit
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:17em;
  
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  
 
}


#divmnurayon
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:13.4em;
  
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

#divmnufournisseur
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:7.8em;
    
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
 
}

#divmnuipm
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:30.6em;
    
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
 
}

#divmnuclient
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:33.5em;
   
     z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  
 
}

#divmnuvente
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:36.9em;
    
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
 
}
#divmnustock
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:40.3em;
    
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
 
}
#divmnucaisse
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:43.8em;
    
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
 
}
#divmnustatistiques
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:47.4em;
    
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
 
}
#divmnuutilisateur
{
  visibility:hidden;
  position:absolute;
  top:14.5em;																
  left:52.9em;
  
    z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color:rgb(113,36,0);
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
   -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

#divmnubl  li, #divmnuproduit li, #divmnurayon li, #divmnufournisseur li, #divmnuipm li, #divmnuclient li, #divmnuvente li , #divmnustock li , #divmnucaisse li , #divmnustatistiques li , #divmnuutilisateur li 
{
  text-decoration:none;
}

#divmnubl  a, #divmnuproduit a, #divmnurayon a, #divmnufournisseur a, #divmnuipm a, #divmnuclient a, #divmnuvente a , #divmnustock a , #divmnucaisse a , #divmnustatistiques a , #divmnuutilisateur a
{
  font-size:1em;
  color: white;
  text-decoration:none;
  
}

#divmnuproduit a:hover, #divmnubl a:hover, #divmnurayon a:hover, #divmnufournisseur a:hover, #divmnuipm a:hover, #divmnuclient a:hover, #divmnuvente a:hover, #divmnustock a:hover, #divmnucaisse a:hover, #divmnustatistiques a:hover, #divmnuutilisateur a:hover
{
color :white;
text-decoration:none;
padding: 5px 0;
margin: 2px 0 0;
background-color:blue;   
}

#entete
{
background-color:blue; 
}