﻿#sideMenu ul.components {
    list-style: none;
    padding: 0px;
    margin:0px;
    /*border-bottom: 1px solid #47748b;*/
}

#sideMenu ul p {
    color: #fff;
    padding: 10px;
}

#sideMenu ul li a {
    padding: 4px 4px 4px 20px;
    /*font-size: 1.1em;*/
    display: block;
    text-decoration: none;
}

    #sideMenu ul li a:hover {
        color: #f5f5f5;
        background: #336699;
        font-size: 16px;
        font-weight: 600;
    }

#menuItem {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
    background-color: #336699 !important;
}

#menuButton {
    padding: 5px 20px 5px 20px !important;
    /*border-color: rgba(0,0,0,.125);*/
    background-color: #336699 !important;
    outline: none;
    color: #fff !important;
    font-size: 16px;
}

    #menuButton:hover {
        box-shadow: none;
        border-color: rgba(0,0,0,.125);
        background-color: #336699;
        color: #ffc69d;
        font-weight: 600;
    }
    #menuButton:focus {
        box-shadow: none;
        border-color: rgba(0,0,0,.125);
        background-color: #336699;
        color: #ffc69d;
    }

    #menuButton.collapsed::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

#menuBody {
    padding: 5px 20px;
    background-color: #336699;
}

.div#menuBody {
    border: 0px;
    border-color: rgba(0,0,0,.125);
}

.submenuItemHead {
    color: #FF9966;
    font-size: 15px;
    font-weight:500;
}

.submenuItem {
    color: #fff;
    font-size: 15px;
}

.menuCloseBtn {
    color: #8da4c6;
    background-color:transparent;
    border:none;
}

/* Offcanvas */
.offcanvas {
    background-color: #336699 !important;
}

#offcanvasLabel1 {
    color: #91b4d7;
}

.ActifInfo > ul {
    list-style: none;
    float: right;
    margin-right: 20px;
    color: #8da4c6;
    font-size: 14px;
}
