@font-face {
    font-family: 'Roboto';
    src: url('/Style/Roboto-Medium-webfont.woff');
    font-weight: normal;
    font-style: normal;
}

#sidebar.sidebar-webtv {
    width:48px;
}

#sidebar #nav {
    max-height: 100%;
    left: 0px;
    top: 0px;
    position:fixed;
	overflow: hidden;
    overflow-y: scroll;
    z-index: 10000;
    width: 229px;
}

#sidebar.sidebar-webtv #nav {
    width: 48px;
}

#sidebar.sidebar-webtv #nav .nav-primary {
    width: 48px;
}

#sidebar.sidebar-webtv #nav .nav-primary  li.level0 > a > p.title{
    display:none;
}

#sidebar{
    left:0px;
    top:0px;
    box-sizing: border-box;
    border-bottom:1px solid #000;
    border-left:1px solid #000;
    border-right:1px solid #000;
    list-style: none;
    height: 100%;
	width:0px !important;
	position:absolute;
    background-color:rgba(35,38,39,1);
     z-index: 10001;
    -ms-overflow-style:none;
}

nav ul {
    padding:0;
    margin:0;
}
#sidebar .nav-primary  li > ul {
    display:none;
}
#sidebar > #nav > .nav-primary {
    padding:0 0;
}
#sidebar  #nav  .nav-primary  li.level0{
    display:block;
    min-height: 48px;
    width:100%;
    box-sizing: border-box;
    border:1px solid #4e5051;
    border-bottom:1px solid #000;
    border-left:1px solid #4e5051;
    border-right:1px solid #4e5051;
    border-top:1px solid #4e5051;
}

#sidebar  #nav  .nav-primary  li.level0:active{
    display:block;
    min-height: 48px;
    width:100%;
    box-sizing: border-box;
    border:1px solid #4e5051;
    border-bottom:1px solid white;
    border-left:1px solid #4e5051;
    border-right:1px solid #4e5051;
    border-top:1px solid #1f2122;
}
#sidebar  #nav  .nav-primary  li.level0:hover:after{

    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    /*border-bottom: 1px solid #4e5051;*/
    z-index: 102;
    /* top: 1px; */
    margin-top: -1px;
}

#sidebar  #nav  .nav-primary  li.level0spec:hover:before{

    content: '';
    position: absolute;
    width: 100%;
    height: 0px;
    border-top: 1px solid #4e5051;
    z-index: 102;
    margin-top: 0px;
}

#sidebar  #nav  .nav-primary  li.level0:hover + li{
   border-top:1px solid black;
}

#sidebar  #nav  .nav-primary  li.level0:hover {
   /* position:relative;*/
   border-bottom:1px solid #4e5051;
}

#sidebar  #nav  .nav-primary  li.level0:active {
   /* position:relative;*/
   border-bottom:1px solid black;
}

#sidebar  #nav  .nav-primary  li.level0:active + li{
   /* position:relative;*/
   border-top:1px solid #4e5051;
}

#sidebar  #nav  .nav-primary  li.level0.hiddenGame
{
    display: none;
}
#sidebar  #nav  .nav-primary  li.level0 > a{
    position:relative;
    display:block;
    text-decoration: none;
    color:#FFF;
    font-family: 'Roboto';
    font-size: 13px;
    padding-left:5px;
    height: 48px;
}

#sidebar  #nav  .nav-primary  li.level0 > ul > li > a{
    position:relative;
    display:block;
    text-decoration: none;
    color:#C6CFD3;
    font-family: 'Roboto';
    font-size: 13px;
	padding: 10px 5px;
    margin-left: 15px;
}

#sidebar  #nav  .nav-primary  li.level0 > ul > li:hover{
    background-color: rgba(82,87,90,1);
}
#sidebar  #nav  .nav-primary  li.level0  a  p.title{
    position:relative;
    display:block;
    padding-top:5px;
    padding-left:40px;
    text-decoration: none;
    color:#FFF;
    font-family: 'Roboto';
    font-size: 13px;
    height: 48px;
    top:-21px;
}
#sidebar  #nav  .nav-primary  .nav-category  a  p.title{
    padding-top:0px;
    top:-15px;
}
#sidebar .after-sidebar{
    height: 100%;
    border:1px solid #4e5051;
}
#sidebar  #nav  .nav-primary  li.level0  .clic-arrow-games-ico
{
    width: 5px;
    /* display: none; */
    height: 9px;
    float: right;
    position: relative;
    top: -27px;
    right: 5px;
    cursor: pointer;
}

#sidebar  #nav  .nav-primary  li.level0  .clic-arrow-games-ico:before {
    background: none;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    pointer-events: none;
}

.submenu .table {
    border-bottom: 1px solid rgb(124,133,140);
    border-height: 100px;
    padding-top: 15px;
    padding-bottom: 12px;
    width: 100%;
}
nav .img-sidebar{
    position:relative;
    top:9px;
    margin-right:8px;
}
nav .img-more{
    position:relative;
    top:-1px;
    left:5px;
}
nav .img-less{
    position:relative;
    top:-1px;
}

a#bandeauWorlds {
    position: relative;
    display: block;
    width: 993px;
    height: 44px;
    top: 12px;
    margin-top: -21px;
    margin-bottom: 6px;
    text-indent: -1000px;
    line-height: 200px;
    background-image: url('/images/menu-v7/bandeau-worlds.png');
    overflow: hidden;
}
#sidebar > #nav > .nav-primary  li.arrow_disabled{
    display:none;
}
#sidebar > #nav > .nav-primary  li.level0 > ul > li > a > img.img-deroule
{
    /*position:relative;
    float:right;
    top:-57px;*/
}
#sidebar  #nav  .nav-primary  li.level0 > ul {
    position: fixed;
    z-index: -2;
    left: -5px;
    width: 230px;
    border-top:1px solid #000;
    background-color:rgba(69,73,75,0.97);
    border-bottom:1px solid #000;
    top: 0px;
    margin-left: 5px;
    height:100%;
    padding-top: 9px;
    border-left: 1px solid black;
}
.fleche-sub-menu{
    position :relative;
    top:4px;
}

#menucombat{
	right:5px !important;
	left: auto !important;
}

#sidebar #nav::-webkit-scrollbar {
    width: 3px;
	background-color: #fff;
	cursor:pointer;
}

#sidebar #nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #fff;
}
/*
#sidebar #nav ::-webkit-scrollbar-thumb {
    width: 4px;
	background-color: #fff;
}
*/

@media screen and (max-width:1599px)
{
   #sidebar > #nav > .nav-primary  li > a > p.title{
        display: none;
    }

    .nav-primary {
        width: 46px;
    }

    #sidebar #nav {
        width: 46px;
    }
    #sidebar  #nav  .nav-primary  li.level0  a  p.title{
        display:none;
    }

    .contenerMilleniumLogoSideBar{
        padding-right:8px;
    }

    nav .img-more{
        left:0;
    }

}