/* Green */
div.mega-container { 
  background-color: #2E9D2E;
  border-color: #2E9D2E;
  width: 100%;
  text-align: left;
}

span.mega { border-color: green; }
span.mega.mega-active { background-color: #639427; }
  
span.mega .mega-content { 
  background: url(img/nav-bg.png) #2E9D2E; 
  border-color: #2E9D2E; 
  box-shadow: 2px 2px 5px #000;
  position: relative;
}

li.mega a.mega-tab { 
  border-radius: 5px 5px;
  border: 1px solid #4CAA4C;
}

div.mega-menubar {
  width: 100%;
  height: 30px;
}
    
div.mega-container {
  background: #199125 url(img/nav-bg.png) repeat-x 0 0;
  padding: 5px 0;	
  border: 1px solid green;	
  border-radius: 4px;
  width: 103%;
  margin: 0px 0 0 -13px;
}

span.text {
  float: left;
  list-style-type : none;
  font-size: 18px;
  line-height: 30px;
  padding-left: 16px;
  text-shadow: 1px 1px 2px #000000;
  letter-spacing: 1px;
}
span.mega {	
  background: url(img/nav-bg.png) repeat-x 0 0;		
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0 8px;

  border: 2px solid green;
  border-radius: 4px;
  
  position: relative;
  font-size: 16px;
}

span.mega.mega-active,
span.mega:hover { background: url(img/50p.png) left bottom; }		

span.mega.mega-active { background-color: #9D784F; }

.mega:hover { z-index: 10000 !important; }
*:first-child+html .mega:hover { zoom: 1 !important;  }


/* Basic menu item styles */	
span.mega a.mega-tab {
  color: #FFF;
  background: url(img/80p.png);
  text-decoration: none;
  font-weight: bold;	
  display: inline-block;
  padding: 5px 10px 5px 10px;		
  outline: none;

  position: relative;
  text-shadow: 1px 1px 2px #000;
}



.mega-menu li {
  display: inline;
}



/* Drop Menu Styling */

#menu_communaute {
  float: right;
  margin-right: 20px;
}

.mega-menu {
  padding: 0;
  margin: 8px 0 0 10px;
  display: none;
}

.mega-menu ul { 
  list-style-type: none; 
  margin: 0;
  padding: 10px 0 0 0;
  line-height: 28px;
}
    
.mega-menu li a {
  background: url(img/50p.png);
  border: 1px solid green;
  padding: 3px 7px;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  text-shadow: 1px 0 0 #ccc;
  border-radius: 4px;
  font-size: 14px;
  white-space: nowrap;
  color: #eee;
}

.mega-menu li a.mega-sub { 
  background-color: #F9F9F9; 
  background-image: url(images/menu-arrow.png); 
  background-repeat: no-repeat; 
  background-position: 100% 50% ;
}

.mega-menu li a:hover { 
  background: #000;
  color: #fff;
}

.mega-menu li { position: relative; }


  

  
/* Clearfix 'hack' for mega-container */
.mega-container:after,
.mega-grid:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.mega-container,
.mega-grid {
  display: inline-block;
}
 
html[xmlns] .mega-container,
html[xmlns] .mega-grid {
  display: block;
}
 
* html .mega-container,
* html .mega-grid {
  height: 1%;
}