.sm {
    z-index: 99;
}
.sm-silverpeas a, .sm-silverpeas a:hover, .sm-silverpeas a:focus, .sm-silverpeas a:active {
  text-decoration: none;
}
.sm-silverpeas a.current {
  color: #000000;
}
.sm-silverpeas a.disabled {
  color: #bbbbbb;
}
.sm-silverpeas a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 0;
  height: 0;
  overflow: hidden;
  text-align: center;
}
.sm-silverpeas a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}

.sm-silverpeas.displayMenuAppIcons-true .app img {
  position:absolute;
  top:30%;
  left:20px;
  z-index:100
}

.sm-silverpeas.displayMenuAppIcons-true ul .app a, .sm-silverpeas.displayMenuAppIcons-true ul .app a:hover, .sm-silverpeas.displayMenuAppIcons-true ul .app a:focus, .sm-silverpeas.displayMenuAppIcons-true ul .app a:active, .sm-silverpeas.displayMenuAppIcons-true ul .app a.highlighted {
  padding-left:46px;
}

/* MENU SIMPLE */
.sm-silverpeas ul {
position: absolute;
width: 12em;
}

.sm-silverpeas li {
float: left;
}

.sm-silverpeas ul li {
float: none;
}

/*
.sm-silverpeas a,
.sm-silverpeas ul a,
.sm-silverpeas .sm-nowrap > li > a, .sm-silverpeas .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
} */

.sm-silverpeas a:hover, .sm-silverpeas a:focus, .sm-silverpeas a:active, .sm-silverpeas a.highlighted ,
.sm-silverpeas a.current{
color: #000000;
} 

.sm-silverpeas a.has-submenu {
padding-right: 24px;
}
.sm-silverpeas a.highlighted span.sub-arrow:before {
display: none;
}
.sm-silverpeas li {
border-top: 0;
}
.sm-silverpeas > li > ul:before,
.sm-silverpeas > li > ul:after {
content: '';
position: absolute;
top: -18px;
left: 30px;
width: 0;
height: 0;
overflow: hidden;
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #bbbbbb transparent;
}
.sm-silverpeas > li > ul:after {
top: -16px;
left: 31px;
border-width: 8px;
border-color: transparent transparent #FFF transparent;
}
.sm-silverpeas ul {
border: 1px solid #bbbbbb;
padding: 5px 0;
background: #FFF;
border-radius: 5px;
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}
.sm-silverpeas ul a, .sm-silverpeas ul a:hover, .sm-silverpeas ul a:focus, .sm-silverpeas ul a:active, .sm-silverpeas ul a.highlighted {
border: 0 ;
padding: 10px 20px;
color: #555555;
}
.sm-silverpeas ul a.current {
color: #000000;
}
.sm-silverpeas ul a.disabled {
background: #FFF;
color: #cccccc;
}
.sm-silverpeas ul a.has-submenu {
padding-right: 32px;
}
.sm-silverpeas span.scroll-up,
.sm-silverpeas span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: #FFF;
height: 20px;
}
.sm-silverpeas span.scroll-up:hover,
.sm-silverpeas span.scroll-down:hover {
background: #fbf7aa;
}
.sm-silverpeas span.scroll-up:hover span.scroll-up-arrow, .sm-silverpeas span.scroll-up:hover span.scroll-down-arrow {
border-color: transparent transparent #000000 transparent;
}
.sm-silverpeas span.scroll-down:hover span.scroll-down-arrow {
border-color: #000000 transparent transparent transparent;
}
.sm-silverpeas span.scroll-up-arrow, .sm-silverpeas span.scroll-down-arrow {
position: absolute;
top: 0;
left: 50%;
margin-left: -6px;
width: 0;
height: 0;
overflow: hidden;
border-width: 6px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555555 transparent;
}
.sm-silverpeas span.scroll-down-arrow {
top: 8px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
}


/*********************** MEGA MENU **************************/
.sm-silverpeas {
	position:relative;
}
.sm-silverpeas > li.has-mega-menu {
  position: static;
}

.sm-silverpeas .mega-menu[aria-expanded="true"]{	
/*    display: flex !important; */
}

.sm-silverpeas .mega-menu{
	left:3em !important;
	right:3em !important;
	width:inherit !important;
	max-width:inherit !important;
	margin-left:0 !important;
    position: absolute !important;
   font-size:1em !important;
   /* flex-wrap: wrap;*/
    padding: 2em 2em 0 2em;
    text-align: left;
    z-index: 1;
}

.sm-silverpeas > li.has-mega-menu:hover > a {
	position:relative;
}

.sm-silverpeas > li.has-mega-menu:hover > a:after {
	content:" ";
	position:absolute;
	bottom:0;
	left:50%;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #bbbbbb transparent;
}

.sm-silverpeas .mega-menu ul {
    position:inherit;
	width: 100%;
}

.sm-silverpeas .mega-menu .megaMenu-appDescription{
	margin:0.5em 0 0 0;
}

.sm-silverpeas > li > .mega-menu > li {
    width: 24%;
	padding-right:1%;
    margin-bottom: 40px;
    color: #333;
	float:left;
}

.sm-silverpeas > li > .mega-menu ul{
	display:block;
	border:0;
	box-shadow:none;
}
.sm-silverpeas > li > .mega-menu ul > li a{
	font-size:1em !important;
	padding:5px 5px 5px 0;
}
.sm-silverpeas.displayMenuAppIcons-true > li > .mega-menu ul > li a{
	padding:5px 5px 5px 2em;
}

.sm-silverpeas > li > .mega-menu > li > a{
    color: #000;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	white-space: inherit;
}

.sm-silverpeas > li > .mega-menu > li.app{
	margin-bottom:15px;
}

.sm-silverpeas > li > .mega-menu > li.clear{
	width:100%;
	height:1px;
	padding:0;
	margin:0;
}

.sm-silverpeas > li > .mega-menu > li.app > a{
	text-transform:inherit;
	font-weight:normal;
}

.sm-silverpeas.sm-silverpeas.displayMenuAppIcons-true .mega-menu  .app img {
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 100;
}

.sm-silverpeas.sm-silverpeas.displayMenuAppIcons-true .mega-menu  .app > a {
  padding-left:2em;
}

.sm-silverpeas > li.has-mega-menu > ul:before,
.sm-silverpeas > li.has-mega-menu >  ul:after {
	display:none;
}

.sm-silverpeas > li > .mega-menu > li.num1 {
	clear:left;
}

/* sous sous espace */

.sm-silverpeas .mega-menu > li > ul > li.space > a{
	text-transform:uppercase;
	font-weight:bold;
	position:relative;
	padding:5px 5px 0 0;
	display:block;
	color:#333;
}
.sm-silverpeas .mega-menu > li > ul > li.space .megaMenu-spaceDescription,
.sm-silverpeas .mega-menu > li > ul > li.space > ul {
	padding:5px 5px 5px 1em;
	margin:0;
	color:#333;
}
.sm-silverpeas .mega-menu > li > ul > li.space .megaMenu-spaceDescription {
	padding:0 5px 5px 0;
	font-style:italic;
}

.sm-silverpeas.sm-silverpeas.displayMenuAppIcons-true .mega-menu > li > ul > li.space > ul li.app{
	padding:0 0 1em 0;
}
.sm-.sm-silverpeas.displayMenuAppIcons-true .mega-menu > li > ul > li.space > ul li.app > a{
	padding:0 0 0 2em;
}
.sm-silverpeas.sm-silverpeas.displayMenuAppIcons-true .mega-menu > li > ul > li.space > ul li.app > p{
	padding:0 0 0 2em;
	margin:0;
}
/***************** END MEGA MENU ********************/
