*,
*:after,
*:before {
    position           : relative;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
}

.navbar-inverse {
    background-color : transparent !important;
    border-radius    : 0px !important;
    border-color     : transparent !important;
    color            : white;
}

.menu_horizontal_lg {
    font-size       : 13px;
    color           : white;
    padding         : 0;
    list-style      : none;
    display         : flex;
    flex-direction  : row;
    flex-wrap       : wrap;
    justify-content : space-around;
    cursor          : pointer;
}

.menu_horizontal_lg .menu_h_submenu {
    position         : absolute;
    background-color : white;
    display          : none;
    z-index          : 900;
    padding          : 10px;
    border-radius    : 7px;
    list-style       : none;
}

.menu_horizontal_lg .li_submenu {
    display     : flex;
    flex-grow   : 1;
    flex-shrink : 1;
    flex-basis  : auto;
}

.menu_horizontal_lg .li_submenu ul {
    padding    : 0px;
    list-style : none;
}

.menu_horizontal_lg .menu_h_submenu .scat2 {
    width       : 230px;
    line-height : 25px;
}

.menu_horizontal_lg .menu_h_submenu .scat2 a {
    color           : black;
    text-decoration : none;
    padding         : 3px;
}

/*********************DIV-COLLAPSE********************************/

#navbar-collapse-menu {
    background : #333 none repeat scroll 0 0;
    z-index    : 10000;
    position   : absolute;
    left       : 0;
    right      : 0;

}

#navbar-collapse-menu .ul {
    padding  : 0;
    margin   : 0;
    position : relative;
    padding  : 0px 2px 10px 2px;
}

#navbar-collapse-menu .ul li {
    border-bottom : 4px solid silver;
    position      : relative;
    line-height   : 22px;
    margin        : 5px 10px;
    list-style    : none;
}

#navbar-collapse-menu .ul li a {
    text-decoration : none;
    position        : relative;
    z-index         : 200;
    color           : white;
    display         : block;
    text-decoration : none;
    padding         : 5px;
}

#navbar-collapse-menu .ul li a:hover {
    color            : white;
    background-color : transparent !important;
}

#navbar-collapse-menu .close {
    padding : 10px 12px 0px 0px;
    opacity : 0.9 !important;
}

#navbar-collapse-menu .menu_elem1 {
    top : 21px;
}

/*************************SCREEN-XS********************************/
/******************************************************************/

@media only screen and (min-width : 320px) {

    /*********************DIV-COLLAPSE********************************/
    #navbar-collapse-menu {
        background-color : #434247;
    }

    #navbar-collapse-menu hr {
        width : 200px !important;
        top   : 5px;
    }

    /*********************DEUXIEME MENU HORIZONTAL********************************/
    .menu-list-xs .menu {
        list-style : none;
        display    : none;
        overflow   : auto;
        position   : relative;
        top        : -5px;
    }

    #menu_horizontal {
        margin         : auto;
        padding        : 0;
        padding-bottom : 0px;
        list-style     : none;
        position       : relative;
        padding-bottom : 10px;
    }

    #menu_horizontal .menu-list-xs {
        display       : inline-block;
        position      : relative;
        line-height   : 22px;
        border-bottom : 0px solid #FFFFFF;
        list-style    : none;
        padding       : 5px 25px;
    }

    #menu_horizontal .menu-list-xs .lien_a {
        position        : relative;
        z-index         : 200;
        color           : white;
        display         : block;
        font-size       : 12px;
        text-decoration : none;
        padding         : 5px;
        margin-bottom   : 10px;
    }

    .scat a {
        display         : block;
        color           : white;
        padding-top     : 5px;
        text-decoration : none;
        text-align      : left;
        font-size       : 12px;
    }

    .scat:hover {
        text-decoration : none;
        color           : white;
    }

    .menu-list-xs .lien_a:hover {
        text-decoration : none;
        color           : white;
    }

    #menu1 .inline-form input {
        display : inline-block;
        height  : 40px;
    }

}

@media only screen and (min-width : 430px) {

    /*************************DIV-COLLAPSE*********************************/
    #navbar-collapse-menu {
        top : 220px !important;
    }

    #menu_horizontal .menu-list-xs {
        padding : 5px 55px !important;
    }
}

/*************************SCREEN-SM********************************/
/******************************************************************/

@media only screen and (min-width : 768px) {

    /*************************DIV-COLLAPSE*********************************/
    #navbar-collapse-menu {
        top : 172px !important;
    }

    #navbar-collapse-menu hr {
        width : 400px !important;
        top   : 5px;
    }

    #menu_horizontal .menu-list-xs {
        padding : 5px 150px !important;
    }

}

/*************************SCREEN-MD********************************/
/******************************************************************/

@media only screen and (min-width : 992px) {

    /*********************DEUXIEME MENU HORIZONTAL********************************/
    #container_h_menu {
        min-height       : 105px;
        background-color : rgba(0, 0, 0, 0.5);
    }

    .menu {
        list-style : none;
        display    : none;
    }

    #h_menu {
        position   : relative;
        z-index    : 20;
        margin-top : 19px;
    }

    #menu_horizontal {
        margin         : auto;
        padding        : 0;
        padding-bottom : 0px;
        list-style     : none;
        position       : relative;
        width          : 100%;
        max-width      : 1200px;
        font-size      : 17px;
        padding-bottom : 10px;
        cursor         : pointer;
        text-align     : center;
    }

    #menu_horizontal .menu-list-lg .menu_elem {
        position        : relative;
        z-index         : 200;
        font-size       : 12px;
        display         : block;
        color           : white !important;
        text-decoration : none;
        padding         : 4px;
        height          : 30px;
    }

    #menu_horizontal .menu-list-lg a:hover {
        color           : white;
        text-decoration : none;
    }

    #menu_horizontal .menu-list-lg {
        display        : inline-block !important;
        position       : relative;
        height         : 35px;
        line-height    : 22px;
        margin         : 5px 4px 0px 0px;
        vertical-align : middle;
        white-space    : nowrap;
        border-bottom  : 0px solid #FFFFFF;
        padding        : 0px 3px;
        list-style     : none;
    }

    .h_submenu {
        border           : solid 5px currentColor;
        position         : absolute;
        background-color : white;
        z-index          : 250;
        padding          : 0.5em 0.5em 0.5em 0.5em !important;
        border-radius    : 11px;
        margin-top       : 10px;
    }

    #menu_horizontal .menu-list-lg:hover:after {
        top                 : 75%;
        left                : 20px;
        border              : solid transparent;
        content             : " ";
        height              : 0;
        width               : 0;
        position            : absolute;
        pointer-events      : none;
        border-color        : rgba(136, 183, 213, 0);
        border-bottom-color : inherit;
        border-width        : 10px;
        margin-left         : -10px;
        -webkit-transform   : rotate(360deg);
    }

    .menu-h-item {
        padding    : 0px;
        list-style : none;
    }

    .menu-h-item:hover:after {
        top                 : 12px;
        left                : 20px;
        border              : solid transparent;
        content             : "";
        height              : 0;
        width               : 0;
        position            : absolute;
        pointer-events      : none;
        border-color        : rgba(136, 183, 213, 0);
        border-bottom-color : inherit;
        border-width        : 10px;
        margin-left         : -10px;
        -webkit-transform   : rotate(360deg);
        z-index             : 9999;
    }

    .h_submenu .list_scat {
        float      : left;
        list-style : none;
        width      : 201px;
    }

    .h_submenu .scat {
        line-height : 15px;
        width       : 201px;
        padding     : 0.2em;
    }

    .h_submenu .text-justify-lg {
        width : auto !important;
    }

    .h_submenu .list_scat .scat a {
        white-space     : normal;
        font-size       : 12px;
        text-decoration : none;
        color           : black;
    }
}