/*  MOBILE     */
.nav-mobile-wrapper {
    display: none;
}

/*  NAV > WRAPPER     */
.head-nav-inside {
    display: flex; display: -webkit-flex; 
    flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
    justify-content: flex-start; -webkit-justify-content: flex-start;
    z-index: 150;
    margin: 0;
}
    .head-nav-inside .spacer {
        width: 0px;
        margin: 0;
    }

/*  NAV > ENVELOPPE D'UN LIEN */
.head-nav-inside .link-wrapper {
    position: relative;
    margin: 0 auto;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    display: flex; display: -webkit-flex; 
    flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
    justify-content: flex-start; -webkit-justify-content: flex-start;
    height: 37px;
}
    .head-nav-inside .link-wrapper:hover {
        background: #db0011;
    }
        .head-nav-inside .link-wrapper:hover a {
            color: #FFF;
        }
        .head-nav-inside .link-wrapper.is-active {
        }

    /* LE LIEN TOP */
    .head-nav-inside .link-wrapper .link {
        margin: auto 0;
        display: flex; display: -webkit-flex; 
        text-align: center;
        font-size: 14px;
        color: #FFF;
        padding: 0;
        font-family: 'Trade HvCn';
    }
        .head-nav-inside .link-wrapper .link:hover {
        }
        .head-nav-inside .link-wrapper.is-active {
            background: #c22023;
        }
    .head-nav-inside .link-wrapper .link .inside {
        font-family: 'Trade HvCn';
        display: inline-block;
        font-size: 14px;
        color: #FFF;
        padding: 0px;
        margin: auto 0;
    }
        .head-nav-inside .link-wrapper .link:hover {
        }
    .head-nav-inside .link-wrapper .link .inside .link-a {
        padding: 10px 8px;
        font-size: 14px;
        color: #FFF;
        font-family: 'Trade HvCn';
        text-transform: uppercase;
    }
    .head-nav-inside .link-wrapper .link-a:hover {
        text-decoration: none; 
    }

    .head-nav-inside .spacer {
        margin: 7px 4px;
        display: flex; display: -webkit-flex; 
        text-align: center;
        font-size: 14px;
        color: #FFF;
        padding: 0;
        font-family: 'Trade HvCn';
        background: #FFF;
        width: 1px;
    }

    /* LE SOUS MENU    */
    .head-nav-inside .link-wrapper .sublink-wrapper {
        display: none;
        position:absolute; 
        top: 37px;
        left: 0px; 
        width: 100%;
        min-width: 200px;
        z-index: 300;   
        background: #db0011;             
    }
        .head-nav-inside .link-wrapper .sublink-wrapper .sublink-inside {
            padding: 12px;
            color: #FFF;
        }

        .head-nav-inside .sub-link-container:hover .sub-link1 {
            background: #db0011;
        }

            /*  SUB LEVEL 1 */
            .head-nav-inside .link-wrapper .sublink-inside .sub-link1 {
                display: block;
                color: #FFF;
                padding: 4px 8px;
                font-size: 13px;
                font-family: 'Trade HvCn';
                text-transform: uppercase;
                line-height: 1.1;
            }
                .head-nav-inside .link-wrapper .sublink-inside .sub-link1:hover {
                    color: #ba0311;
                }
                .head-nav-inside .link-wrapper .sublink-inside .sub-link1.is-active {
                }
 
             /*  SUB LEVEL 2 */
            .head-nav-inside .link-wrapper .sublink-inside .sublink-level2 {
            }
               .head-nav-inside .link-wrapper .sublink-inside .sublink-level2 .sub-link2 {
                    background: #ba0311;
                    font-size: 12px;
                    color: #FFF;
                    font-family: 'Trade HvCn';
                    text-transform: uppercase;
                    padding: 4px 8px 4px 20px;
                    display: block;
                    line-height: 1.1;
                }
                    .head-nav-inside .link-wrapper .sublink-inside .sublink-level2 .sub-link2:hover {
                        background: #ba0311;
                    }
                    .head-nav-inside .link-wrapper .sublink-inside .sublink-level2 .sub-link2.is-active {
                    }




