/***********************************************************************************************************************************/
/************************                           /!\ AVANT D'EDITER /!\                                  ************************/
/************************                                   VOIR                                            ************************/
/************************                           www.dev.equideow.com/doc                                ************************/
/************************                                     ET                                            ************************/
/************************           dev.owlient.eu/wiki/index.php/Guide_Int%C3%A9gration_Equideow           ************************/
/***********************************************************************************************************************************/

/***********************************************************************************************************************************/
/* COMMON **************************************************************************************************************************/
/***********************************************************************************************************************************/

.menu a.disabled{
   pointer-events: none;
   -ms-pointer-events: none;
   cursor: default;
}


/***********************************************************************************************************************************/
/* MENU-STYLE-1 ********************************************************************************************************************/
/***********************************************************************************************************************************/

.menu-style-1{
    background:rgba(52, 99, 156, 0.7);
    position:relative;
    border-radius:4px;
}

/** li.level-1 *********************************************************************************************************************/
.menu-style-1 li.level-1{
    position:relative;
    padding: 8px 0 7px 28px;
    cursor:pointer;
    text-align:center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.menu-style-1 li.level-1:first-child{
    padding-left: 20px;
}
.menu-style-1 li.level-1.disabled{
    pointer-events: none;
    -ms-pointer-events: none;
    cursor: default;
}

/** li.level-1 disabled *************************************************************************************************************/

.menu-style-1 li.level-1.disabled{
    pointer-events: none;
    -ms-pointer-events: none;
    cursor: default;
}
.menu-style-1 li.level-1.disabled::after{
    content:"";
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    left: 12px;
    top: -2px;
    transform: scale(.85);
    background:url(/media/equideo/image/interface/header/sprite-header.png) right bottom;
}
.menu-style-1 li.level-1.disabled:first-child::after{
    left: 4spx;
}
.menu-style-1 li.level-1.disabled strong.level-1{
    opacity: .5;
}

/** strong.level-1 *****************************************************************************************************************/
.menu-style-1 li.level-1 strong.level-1{
    display:inline-block;
    font-size:18px;
    font-weight:normal;
    text-decoration:none;
    color:#fff;   
}
.menu-style-1 li.level-1 strong.level-1.disabled{
    color:#99B0CF;
}

/** li.level-1 hover ***************************************************************************************************************/

.menu-style-1 li.level-1:hover strong.level-1{
    color:#7DD2FE;
}
.menu-style-1 li.level-1:hover .header-icon.level-1{
    transform: scale(.95);
}

/** a.level-1 **********************************************************************************************************************/
.menu-style-1 a.level-1{
    display:block;
    width:38px;
    height:38px;
}

/** a.level-alone ******************************************************************************************************************/
a.level-1.level-alone{
    position: relative;
    box-sizing:border-box;
    padding:7px;
}
a.level-1.level-alone .content-icon{
    position: relative;
    z-index: 1;
}

/***********************************************************************************************************************************/
/* MENU-STYLE-1 - COLORS ***********************************************************************************************************/
/***********************************************************************************************************************************/

#header-menu .menu:first-child{
    width: 940px;
}
#header-menu .submenu-style-1:after{
    left: 25px;
}
#header-menu:not(.classic) .menu-style-1::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;    
    width:100%;
    height:3px;
    border-radius:4px 4px 0 0;
}

/** pegase *************************************************************************************************************************/
#header-menu.pegase .menu-style-1::before{
    background: -ms-linear-gradient(left,  #908f8e 0%, #dedede 94px, #908f8e 188px, #dedede 282px, #908f8e 376px, #dedede 470px, #908f8e 564px, #dedede 658px, #908f8e 752px, #dedede 846px, #908f8e 940px);
    background: -moz-linear-gradient(left,  #908f8e 0%, #dedede 94px, #908f8e 188px, #dedede 282px, #908f8e 376px, #dedede 470px, #908f8e 564px, #dedede 658px, #908f8e 752px, #dedede 846px, #908f8e 940px);
    background: -webkit-linear-gradient(left,  #908f8e 0%, #dedede 94px, #908f8e 188px, #dedede 282px, #908f8e 376px, #dedede 470px, #908f8e 564px, #dedede 658px, #908f8e 752px, #dedede 846px, #908f8e 940px);
    background: linear-gradient(left,  #908f8e 0%, #dedede 94px, #908f8e 188px, #dedede 282px, #908f8e 376px, #dedede 470px, #908f8e 564px, #dedede 658px, #908f8e 752px, #dedede 846px, #908f8e 940px);
}

/** vip ****************************************************************************************************************************/
#header-menu.vip .menu-style-1::before{
    background: -ms-linear-gradient(left,  #f5d250 0%, #F5F5F5 94px, #f5d250 188px, #F5F5F5 282px, #f5d250 376px, #F5F5F5 470px, #f5d250 564px, #F5F5F5 658px, #f5d250 752px, #F5F5F5 846px, #f5d250 940px);
    background: -moz-linear-gradient(left,  #f5d250 0%, #F5F5F5 94px, #f5d250 188px, #F5F5F5 282px, #f5d250 376px, #F5F5F5 470px, #f5d250 564px, #F5F5F5 658px, #f5d250 752px, #F5F5F5 846px, #f5d250 940px);
    background: -webkit-linear-gradient(left,  #f5d250 0%, #F5F5F5 94px, #f5d250 188px, #F5F5F5 282px, #f5d250 376px, #F5F5F5 470px, #f5d250 564px, #F5F5F5 658px, #f5d250 752px, #F5F5F5 846px, #f5d250 940px);
    background: linear-gradient(left,  #f5d250 0%, #F5F5F5 94px, #f5d250 188px, #F5F5F5 282px, #f5d250 376px, #F5F5F5 470px, #f5d250 564px, #F5F5F5 658px, #f5d250 752px, #F5F5F5 846px, #f5d250 940px);
}

/** comanagement *******************************************************************************************************************/
#header-menu.comanagement .menu-style-1::before{
    background:#f83030;
}


/***********************************************************************************************************************************/
/* SUBMENU-STYLE-1 *****************************************************************************************************************/
/***********************************************************************************************************************************/

.submenu-style-1{
    background: rgba(255,255,255,0.95); /* OLD browser and android devices */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10px, rgba(255,255,255,0.95) 20px, rgba(255,255,255,0.95) 100%); /* FF3.6-15 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10px, rgba(255,255,255,0.95) 20px, rgba(255,255,255,0.95) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10px, rgba(255,255,255,0.95) 20px,rgba(255,255,255,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10px, rgba(255,255,255,0.95) 20px,rgba(255,255,255,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    display:none;
    position:absolute;
    top:37px;
    min-width:188px;
    padding:10px;
    border-radius:3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    z-index:1;
}
.submenu-style-1:after{
    content: '';
    display: block;
    position: absolute;
    z-index:-1;
    background:#fff;
    width: 10px;
    height: 10px;
    left: calc(50% - 5px);
    top: -4px;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
a.facebook-login{
    text-decoration:none;
}


/** submenu animation **************************************************************************************************************/
.menu-style-1 li.level-1 .submenu-style-1{
    left: 10px;
}
.menu-style-1 li.level-1:first-child .submenu-style-1{
    left: 0;
}
.submenu-style-1.visible,
.menu-style-1 li.level-1:hover .submenu-style-1{
    display: block;
}

/** submenu common links ***********************************************************************************************************/
.submenu-style-1 a.level-2,
.submenu-style-1 a.level-3{
    font-weight:bold;
    font-size:14px;
    color:#35649c;
}
/** mantis 66175 ******************************************************************************************************************/
html[lang="de"] a.level-2.lower .label{
    font-size: 12px;
    line-height: 1;
    white-space: normal;
}

/** submenu notification ***********************************************************************************************************/
.submenu-style-1 .menu-notification{
    top: 5px;
}
.body--ltr .submenu-style-1 .menu-notification{
    right: 5px;
}
.body--rtl .submenu-style-1 .menu-notification{
    left: 5px;
}

/***********************************************************************************************************************************/
/* SUBMENU-STYLE-1 : LEVEL-2 *******************************************************************************************************/
/***********************************************************************************************************************************/

/** li.level-2 *********************************************************************************************************************/
.submenu-style-1 li.level-2{
    position:relative;
    min-width:170px;
    cursor: default;
}
.submenu-style-1 li.level-2:first-child a.level-2{
    border-color:transparent;
}

/** a.level-2 *********************************************************************************************************************/
.submenu-style-1 a.level-2{
    position:relative;
    height:35px;
    border-width:1px 0 0;
    border-style:solid;
    border-color:#D0D0D0;
}

/** a.level-2 (disabled) ***********************************************************************************************************/
.submenu-style-1 a.level-2.disabled{
    color:#af9c8c;
    cursor: default;
}
.submenu-style-1 li.level-2:hover a.level-2.disabled::after{
    content:"";
    background:#D0D0D0;
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:1px;
}
.submenu-style-1 a.level-2.disabled .label::after{
    background:url(/media/equideo/image/fonctionnels/16/locked.png) no-repeat center center;
    content:"";
    display:inline-block;
    position:relative;
    top:2px;
    width:16px;
    height:16px;
    margin:0 5px;
}

/** a.level-2 (hover) **************************************************************************************************************/
.submenu-style-1 li.level-2:hover a.level-2:not(.disabled),
.submenu-style-1 li.level-2:hover a.level-3{
    background:#79d1ff;
    border-radius:3px;
    color:#fff;
}
.submenu-style-1 li.level-2:hover a.level-2.special{
    background:#af9c8c;
}
.submenu-style-1 a.level-2:not(.disabled):hover,
.submenu-style-1 li.level-2:hover + li.level-2 a.level-2,
.submenu-style-1 li.level-2.versions:hover ~ li.level-2 a.level-2
.submenu-style-1 a.level-2:active,
.submenu-style-1 li.level-2:active + li.level-2 a.level-2,
.submenu-style-1 li.level-2.versions:active ~ li.level-2 a.level-2{
    border-color:transparent;
}

/** a.level-2 (focus) **************************************************************************************************************/
.submenu-style-1 li.level-2:active a.level-2:not(.disabled),
.submenu-style-1 li.level-2:active a.level-3{
    background: rgba(121, 209, 255, 0.5);
}

.submenu-style-1 li.level-2:active a.level-2:not(.disabled) .header-icon.level-2{
    transform: scale(.7);
}

/** .level-2.label *****************************************************************************************************************/
.submenu-style-1 .level-2.label{
    text-align:left;
    white-space:nowrap;
}
.submenu-style-1 .level-2 em{
    display: block;
    font-size:11px;
    font-weight:normal;
}

/** .level-2.icon ******************************************************************************************************************/
.submenu-style-1 a.level-2 .grid-cell:first-child{
    width: 52px;
}
.level-1:not(.hud-profile) .submenu-style-1 a.level-2 .grid-cell:last-child{
    padding-right:35px;
}


/** a.level-extended ***************************************************************************************************************/
.submenu-style-1 a.level-extended{
    height:inherit;
    display:block;
    text-align: center;
    padding:0 0 10px;
}


/***********************************************************************************************************************************/
/* SUBMENU-STYLE-1 : LEVEL-3 *******************************************************************************************************/
/***********************************************************************************************************************************/

.submenu-style-1 a.level-3 .grid-cell:first-child{
    width: 52px;
    padding-left:30px;
}
.submenu-style-1 a.level-3 .grid-cell:last-child{
    text-indent:-10px;
    padding-right:20px;
}


/***********************************************************************************************************************************/
/* HEADER-ICON *********************************************************************************************************************/
/***********************************************************************************************************************************/

.header-icon{
    display:block;
    width:24px;
    height:24px;
}
.header-icon.level-1{
    fill: #fff;
}
li:not(.disabled):hover .header-icon.level-1{
    fill: #7DD2FE;
}
li.disabled .header-icon.level-1{
    fill: rgba(255, 255, 255, .5);
}

/** level-1 : icon type ************************************************************************************************************/
.header-icon.level-1:not(.header-icon-alone){
    display: block;
    position: relative;
    top: -1px;
}
.body--ltr .header-icon.level-1:not(.header-icon-alone){
    float: left;
}
.body--rtl .header-icon.level-1:not(.header-icon-alone){
    float: right;
}

/** level-2 ************************************************************************************************************************/
.level-2 .header-icon {
    padding: 6px 14px;
    fill: #35649c;
}
a.level-2:hover .header-icon{
    fill: #fff;
    transform: scale(.95);
}
.header-icon.disabled{
    fill: #b09c8b;
}

/** level-3 ************************************************************************************************************************/
.level-3 .header-icon {
    padding: 11px 18px 11px 20px;
    height: 14px;
    width: 14px;
}

/***********************************************************************************************************************************/
/* OPTION MENU *********************************************************************************************************************/
/***********************************************************************************************************************************/

.options{
     display:block;
     position:relative;
     z-index:105;
}
.options-button{
     display:block;
     position:absolute;
     left:0;
     top:0;
     width:32px;
     height:32px;
     z-index:106;
     cursor:pointer;
     border-radius:5px 5px 0 0;
}
.options-button button{
     position:relative;
     left:8px;
     top:4px;
}
.options .options-menu,
.options.selected .options-button{
     border-style:solid;
     border-color:rgba(212, 211, 121, 0.4);
}
.options .options-menu{
     display:none;
     background:#fff;
     position:absolute;
     z-index:105;
     top:32px;
     min-width:130px;
     padding:5px 10px;
     border-width:2px;
     border-radius:0 0 5px 5px;
     box-shadow:-2px 2px 5px rgba(0, 0, 0, 0.41);
}
.bloc-status-top .options-menu{
     left:-118px;
}
.bottom-actions .options-button button{
    left:3px;
    position:relative;
    top:4px;
}
.options .options-menu li a{
     display:block;
}
.options.top .options-menu{
     top:auto;
     bottom:-2px;
}

/* options selected *******************************************************************************************************************/
.options.selected{
     z-index:106;
}
.options.selected .options-button{
     border-style:solid;
     border-width:2px 2px 0;
     background:#fff;
     border-style:solid;
     border-color:rgba(212, 211, 121, 0.4);
}
.options.selected .options-button .button-style-14{
     height:18px;
     width:18px;
     border-radius:15px;
     background:#eae99f;
     border:1px solid #e4e3b6;
     position:relative;
     display:block;
     left:7px;
}
.options.selected .options-button .button-inner-14{
     width:8px;
     height:2px;
     position:absolute;
     background:#92913c;
     border-top:1px solid white;
     top:6px;
     left:4px;
}
.options.selected .options-button .button-text-14{
     width:2px;
     height:7px;
     position:absolute;
     background:#92913c;
     border-top:1px solid white;
     top:-3px;
     left:3px;
}
.options.selected .options-button .button-align-14{
     border:1px solid white;
     height:14px;
}
.options.selected .options-button button{
     display:none;
}
.options.selected .options-menu{
     display:block;
}
.options.selected.top .options-button{
     background-position:right bottom;
}
.options.selected.top .options-button{
     background-position:center center;
     border-width:0 2px 2px 2px;
     border-radius:0 0 5px 5px;
}

/* options-menu *********************************************************************************************************************/
.options.top .options-menu{
     border-radius:5px 5px 0 0;
}
.options-menu li{
     display:block;
     border-bottom:1px solid #dbdaa6;
     white-space:nowrap;
     text-align:left;
     padding:5px 0;
}
.options-menu li.last{
     border-bottom:none;
}
.options-menu a{
     cursor:pointer;
}
.options-menu a:hover,
.options-menu button:hover{
     text-decoration:underline;
}
.options-menu a,
.options-menu button{
     font-size:11px;
     font-weight:bold;
}