/**
 * Ce fichier permet de faire la mise en page du menu.
 * (c) 2013 A.ROCHETEAU
 * v 1.0.0 - 04-03-13 :
 * Version initiale
 *
*/
/* Importation de style LESS */
@import 'color';

#mainmenu {
    margin:30px auto 0 auto;
    width:85.5%;
    ul.dropdown{
        width:auto;text-align:center;
        margin:0;padding:0;
        background-color:@bg3;
        border-radius:12px;
        z-index: 57;
        &:before, &:after {
            content: " ";
            display: table;
        }
        &:after {
            clear:both;
        }
        & > li:hover > div a {
            color:#000 !important;
        }
        & > li li li li li {
            margin: -1px 0 0 0px;
        }
        & > li {
            display:inline;
            display:inline-block;
            position:relative;
            left:0;
            top:0;
            padding:0;
            margin:0;
            font-size:12px;
            height:70px;
            width:81px !important;
            padding:4px 0 !important;
            & > a, & > span{
                display:block;
                padding:38px 0px 20px;
                background-repeat:no-repeat;
                background-position:center 3px;
                background-color:transparent;
                background-size:35px auto;
                &:hover{
                    color:@policeborder !important;
                }
            }
            & > div a {
                padding:0;
                min-height:32px;
            }
            li {
                padding:0 !important;
                &:hover {
                    background-color:#b2b6ba;
                    color:#fff;
                }
                li {
                    margin-top:0px;
                    margin-left:1px;
                    &.first{
                        margin-top:0px;
                        margin-top:-1px;
                    }
                    &.last{
                        margin-top:0px;
                    }
                    &.first.last{
                        margin-top:-1px;
                    }
                }
            }
            .common {
                display:block;
                width:100%;
                height:100%;
                padding:6% 0 0 0;
                img {
                    width:33px;
                }
            }
            &.bigActive, &.active, &.dir:hover, &.ahref:hover{
                background:url("../../images/menu/menufd2.png") no-repeat center center #fff;
            }
            &.bigActive > a {
                color:@police2;
            }
            &.first {
                border-radius:12px 0 0 12px;
            }
            &.last {
                border-radius:0 12px 12px 0;
            }
        }
        li {
            padding:0;margin:0;left:0;top:0;
            width:auto;text-align:center;
            float:none;
            min-width: 81px;
            line-height: 1.4em;/*comme 1.3 cause problem sur ie8*/
            &.active{
                & > a:hover, div > a:hover {
                    color:#000 !important;
                }
            }
            li.active {
                background-color:#F5F5DC;
                &:hover,&:hover a{
                    color:@policeborder !important;
                }
            }
            /* Deuxième niveau décalé */
            ul li ul {
                margin:0;
                position:absolute;
                left:100%;
            }
            &#itemParam > ul {
                & > li#itemCoSI > ul > li > ul ul {
                    /*left:165px;*/
                    width:95px;
                }
                /* Scheme - 4e niveau */
                li#itemScheme > ul {
                    width:170px !important;
                }
                & > li{
                    width:145px !important;
                }
            }
            &#itemMessage > ul {
              li {
                  width:125px !important;
              }
            }
            &.griser:hover {
                color: #b2b6ba;
                background-color: #DCDCDC !important;
                cursor: default;
            }
            &:hover, &.hover{
                z-index: 59;
            }
        }
        #itemReferentiel > ul > li {
            width:95px;
        }
        ul {
            margin-top:0px;
            width:auto!important;left:0;
            z-index: 58;
            li{
                & > a, & > span{
                    display:block;
                    padding:5px 12px 5px 12px;
                    font-size:12px;
                    text-align:center;
                }
            }
            /* Niveaux avec fleche*/
            *.dir > a, *.dir > span {
                padding:5px 13px 5px 13px;
            }
        }
        #itemMessage3 > ul , #itemMessage2 > ul {
            & > ul{
                width: 140px !important;
            }
        }
        /* Paramètres */
        #itemParam ul{
            /*left:0px;*/
        }
        /*1er niveau*/
        #itemBriqueRubis{
            /*margin-bottom: -1px !important;*/
        }
        /* 2e niveau */
        #itemSecu, #itemCoIB, #itemCoSI, #itemAutres{
            & > ul > li{
                width:100px !important;
                left: 0px !important;
            }
        }
        #itemFlash > ul > li, #itemCanonique > ul > li{
            width:140px;
        }
        #itemEmisImmediate ,#itemEmissionBatch, #itemReception{
            & > ul > li{
                left: 0px !important;
                width: 171px !important;
            }
        }
        #itemMessage a {
            white-space:nowrap;
        }
        #itemMessage #itemContratMobilite a, #itemMessage #itemAigueMarine a {
            padding: 5px 7px;
            white-space: nowrap;
        }
        /* Paramètres SAFE */
        #itemSecu_Par4 > ul > li{
            width:130px !important;
        }
        #itemCoIB_Par4 > ul > li{
            width:140px !important;
        }
        #itemCoSI_Par4 > ul > li{
            width:135px !important;
        }
        #itemSecu_Par4, #itemCoIB_Par4, #itemCoSI_Par4{
            ul{
                /*left :0px;*/
            }
        }
        #itemBriqueRubis > ul > li {
            width:160px !important;
        }
        #itemEditerIrb span {
        }
        #itemEditerSpi span {
        }
        /*3eme niveau*/
        li[id*='itemQxb'], li[id*='itemAlt']{
            width:130px !important;
        }
    }
    /* pour griser un item : */
    li.griser {
        color: #b2b6ba;
    }
}