#menuwrapper{
font-size:12px;font-family:Arial, Helvetica, sans-serif;
}

ul#menu2 {
margin:auto;
margin-top:10px;
padding:0;
    background: #43065F;
    height: 30px;
    width: 100%;
	text-align:center;
}

ul#menu2 > li {
    /*float: left; */
	display: inline-block;
    position: relative;
	margin: 0 15px;
	z-index:10;
}

ul#menu2 ul {
	margin:0;
    background: #B061BA;
    display: none;
    position: absolute;
    left: 0; top: 100%;
	width:15em;
}

ul#menu2 a {
    cursor: pointer;
    display: block;
    color: white;
    line-height: 30px;
    padding: 0 10px;
	text-decoration:none;
}

ul#menu2 li { list-style: none;padding-right:30px; }
ul#menu2 li.has-sub > a{background:url('arrow_state_grey_expanded.png') center right no-repeat;padding-right:30px;}
/*ul.egmenu li#responsive-tab{ display:none;}/*Cache le titre menu ajouté dans le js*/

ul#menu2 li:hover { background: #B061BA;  }
ul#menu2 li:hover ul { display: block; text-align:left; }
ul#menu2 ul li{background:#f1dfef;}
ul#menu2 ul li:hover { background: #B061BA;  }
ul#menu2 ul li a{color:#611486;}
ul#menu2 ul li a:hover{color:#FFFFFF;}
ul#menu2 ul li a::before{content:'>';}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	color: #fff;
	background: #43065F;
    height: 30px;
	text-align:left;
	padding: 10px;
	display: none;
	width:40%;
	margin-left:10px;
	margin-top:10px;
}

/*Hide checkbox*/
input[type=checkbox]#show-menu{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu2{
    display: block;
}

@media all and (max-width: 960px) {
   /* ul#menu2 {  height: auto;margin-left:10px;text-align:left;width: 50%; }
    ul#menu2 > li {   width: 80%; }
	ul#menu2 li.has-sub > a{background:url('arrow_state_grey_expanded.png') center left no-repeat;padding-left:15px;}
    ul#menu2 a { line-height: 40px; }
    ul#menu2 ul { position: relative; }
	ul#menu2 ul li{background:#f1dfef;font-size:80%;width:100%;}*/
	/*Make dropdown links appear inline*/
	ul#menu2 {
		height: auto;margin-left:10px;text-align:left;width: 50%;
		position: static;
		display: none;
	}
	ul#menu2 > li {   width: 80%; }
	ul#menu2 li.has-sub > a{background:url('arrow_state_grey_expanded.png') center left no-repeat;padding-left:15px;}
    ul#menu2 a { line-height: 40px; }
    ul#menu2 ul { position: relative; }
	ul#menu2 ul li{background:#f1dfef;font-size:80%;width:100%;}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}

/*@media all and (min-width: 961px) {
    ul#menu2 li:hover { background: #B061BA;  }
    ul#menu2 li:hover ul { display: block;  }
}

/*@media all and (min-width: 1024px) {
ul.egmenu li.tap { background: #B061BA;  }
ul.egmenu li.tap ul { display: block;  }
}*/

/* duplicate menu2 into menu2static which is non foldable */

ul#menu2static {
	margin:auto;
	margin-top:10px;
	padding:0;
	background: #43065F;
	height: 30px;
	width: 100%;
	text-align:center;
}

ul#menu2static > li {
	/*float: left; */
	display: inline-block;
	position: relative;
	margin: 0 15px;
}

ul#menu2static ul {
	margin:0;
	background: #B061BA;
	display: none;
	position: absolute;
	left: 0; top: 100%;
	width:15em;
}

ul#menu2static a {
	cursor: pointer;
	display: block;
	color: white;
	line-height: 30px;
	padding: 0 10px;
	text-decoration:none;
}