@charset "utf-8";
/* CSS Document */
.navigation {
    background: #c40000;
	border-radius:5px;
	overflow:hidden;
}
.navigation, .navigation li.sub>ul {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    text-indent: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
}
.navigation li a:hover,.navigation li a.active {
    background: rgba(0, 0, 0, .7);
}
.navigation a {
    display: block;
    width: 100%;
    max-width: calc(100% - 26px);
    height: 26px;
    line-height: 26px;
    padding: 0 13px;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
}
.navigation li, .navigation li.sub>ul>li {
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}
.navigation li.sub {
    height: auto!important;
}
.navigation li.sub>ul {
    overflow: hidden;
}
.navigation li.sub>a {
    transition: all 0.5s ease-in-out;
    background: url(http://puu.sh/gOOU0/1c7a495de5.png);
    /* image des fleches, le prendre pour model */
    background-position: bottom right;
    background-repeat: no-repeat;
}
.navigation>li.sub {
    background: rgba(255, 0, 0, .3);
}
.navigation>li.sub>a {
    font-weight:bold;
    color:#dbcccc;
}