/**
* PLACE HERE THE CSS STYLE USED FOR PUBLIC INTERFACE
********************************************************/


.menu-wrap {width:100%;background-color: #456F7F;}

#menu ul {
	margin:0;padding:0;
}

#menu li {
	margin:0px;list-style:none;
}
#menu a {
	transition:all linear 0.15s;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
#menu li:hover>a,#menu .actif>a{text-decoration:none;color:#eee;}
#menu>ul>li{float:left;display:inline-block;position:relative;font-size:14px;}
#menu>ul>li>a{padding:20px 14px;display:inline-block;}

#menu>ul>li:hover>a,#menu>ul>.actif>a{background:#2e2728;}

#menu .arrow {font-size:11px;line-height:0%;}

/** submenu */
#menu li:hover .sub-menu{z-index:1;opacity:1;}

.sub-menu{width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:#2e2728;}
	
.sub-menu li{display:block;font-size:14px;}

.sub-menu li a{padding:10px 15px;display:block;}

.sub-menu li a:hover,.sub-menu .actif a{background:#3e3436;}