/* bleu du drapeau Qc #00349A #003399   #0051BA */


#menu {
  white-space: nowrap;
  float: left;
  z-index:10;
  position:relative;
  width:100%;
  margin: 0 10px 10px 10px;
  font-family: Arial, sans-serif;
}

#menu a {color:#111; text-decoration:none;}

#menu ul {
  width:auto;
  margin: 0;
  padding: 0;
  list-style:none;
}

#menu ul li { 
width:182px;
height:2.1em;
text-align:center; 
display:inline;
position:relative;
float: left;
padding:9px 0 0 0;
margin:0 7px 0 7px;
background:#f5f5f5;
font-weight:bold;
letter-spacing:0.15em;
text-transform:uppercase;}

#menu ul li ul  { /* hide second-level lists */
 position: absolute;
 width: 10em;
 left: -2000px;

}

#menu li:hover ul li ul{ /* hide third-level lists */
 position: absolute;
 width: 10em;
 left: -2000px; }
 
#menu ul li:hover ul  { /* lists nested under hovered list items */
  bottom:31px;
  left:0;/* change is to 10px, 20px, etc for indenting the sub menue */
 position:absolute;
 display:block;
}
 
#menu ul li:hover ul  li {
display:block;
text-align:right;
padding:3px 8px 2px 0;
background:#fff;
margin: 0;
font-weight:bold;
font-size:1em;
height:16px;
width:173px;
opacity:0.7;
filter:alpha(opacity=70);
letter-spacing:0em;
text-transform:lowercase;
}
#menu ul li:hover ul  li a{color:#111;}
#menu ul li:hover {background:#111;}
#menu ul li:hover a{color:#fff;}
#menu ul li ul li:hover {
opacity:0.85;
filter:alpha(opacity=85);
}

#menu li.menu-home {width:30px; float:left; position:relative; display:block; background:none; padding:1px 0 0 0; }

#menu li.on {background:#0C459A; color:#f5f5f5;}
#menu li.on a {color:#f5f5f5;}