.nav { position: relative; margin: 0; padding: 0; }
.nav > li { display: inline-block; background: none; padding: 0; margin: 0; }
.nav:before, .nav > li:before { content: ""; display: none; clear: both; }
.nav:after, .nav > li:after { content: ""; display: block; clear: both; }
.nav > li > a, .nav > li > form > button { cursor: pointer; text-decoration:none; }

.nav-block > li { display: block; margin-bottom: 0.5rem; }
.nav-block > li > label { display: block; }

/*
 * Nav Default / Main
 */
ul.nav.nav-default {
    display: inline-block;
}
ul.nav.nav-default > li { position: relative; line-height: 6rem; float: left; }
ul.nav.nav-default > li > a {
    display: inline-block;
    font-weight: normal;
    font-size: 2rem;
    color: #FFFFFF;
    padding: 0 2rem;
}
ul.nav.nav-default > li > a:hover, ul.nav.nav-default > li.active > a {
    background-color: #FFFFFF;
    color: #1365AD;
}
ul.nav.nav-default > li > a.btn-panier, a.btn-panier {
    display: block;
    width: 10rem;
    height: 6rem;
    background-position: left center;
    background-size: 6rem 6rem;
    background-repeat: no-repeat;
    background-image: url(/img/icons/cart_white.png);
    padding: 0 0 0 6rem;
}
a.btn-panier:hover, ul.nav.nav-default > li > a.btn-panier:hover, ul.nav.nav-default > li.active > a.btn-panier { background-image: url(/img/icons/cart_blue.png); }

/*
 * Nav menu
 */
ul.nav.nav-menu {
    display: flex;
    position: relative;
    width: 100%;
    border-bottom: solid 1px #E2E2E2;
}
ul.nav.nav-menu > li { position: static; flex: auto; line-height: 6rem;  }
ul.nav.nav-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 2rem;
    color: #2B2B2B;
    padding: 1rem;
    height: 5.8rem;
    text-align: center;
    vertical-align: middle;
    border-bottom: solid 2px #EEEEEE;
}
ul.nav.nav-menu > li > a:hover, ul.nav.nav-menu > li.active > a {
    border-bottom: solid 2px #1365AD;
}
ul.nav.nav-menu > li > .nav-menu {
    /*display: none;*/
    flex-wrap: wrap;
    position: fixed;
    top: 11.8rem;
    left: 0;
    right: 0;
    z-index: 9999;
    background-color: #FFFFFF;
    visibility: hidden;
    max-height: 0;
    border-bottom: none;
}
ul.nav.nav-menu > li > a:hover + .nav-menu, ul.nav.nav-menu > li > .nav-menu:hover {
    /*display: flex;*/
    visibility: visible;
    max-height: 14rem;
    overflow: hidden;
    transition: visibility 0.3s ease, max-height 0.3s ease;
}
ul.nav.nav-menu > li > .nav-menu > li { line-height: 7.2rem; }
ul.nav.nav-menu > li > .nav-menu > li > a { height: 7rem; padding: 1rem 2.5rem;  }
ul.nav.nav-menu > li > .nav-menu > li > a img { display: inline; max-height: 5rem; }
ul.nav.nav-menu > li > .nav-menu > li > a:hover { color: #1365AD; }

/*
 * Nav toolbar
 */
.nav-toolbar {
    display: block;
    width: 100%;
    text-align: right;
}
.nav-toolbar > li {
    margin-left: 0.3rem;
}
.toolbar-static {
    display: inline-block;
    position: fixed;
    top: 15rem;
    right: 1.1rem;
    width: auto;
    background-color: transparent;
    padding: 1rem 0 1rem 1rem;
    margin-top: 0;
    z-index: 99;
}
.toolbar-static:empty { display: none; }
.form-wrapper > .nav-toolbar:not(.toolbar-static) { margin-top: 2rem; border-top: solid 1px #DEDEDE; padding: 1rem 0; }

.table > .nav-toolbar { display: inline-block; margin: auto auto 2rem auto; width: auto; float: right; text-align: right; }
.table > .nav-toolbar > li { margin-left: 1px; }

/*
 * Nav Tabs
 */
.nav.nav-tabs {
    padding-top: 4.5rem;
}
.nav.nav-tabs > .tab > .tab-tab {
    height: 4.6rem;
    line-height: 1;
    padding: 0.8rem 0.7rem 0.4em 0.7rem;
    font-size: 1.5rem;
    border: none;
    border-bottom: solid 1px #1365AD;
    color: #1365AD;
    background: #FFFFFF;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.nav.nav-tabs > .tab.active > .tab-tab, .nav.nav-tabs > .tab:target > .tab-tab {
    border: solid 1px #1365AD;
    border-bottom: solid 1px white;
    padding: 0.7rem 0.7rem 0.6rem 0.7rem;
}
.nav.nav-tabs > .tab:not(.active) > .tab-tab:hover {
    text-decoration: underline;
}
.nav.nav-tabs > .tab > .tab-tab > button {
    float: right;
    margin-left: 0.5rem;
}
.nav.nav-tabs > .tab > .tab-content {
    border: none;
    border-top: solid 1px #1365AD;
    padding: 1.5rem 0;
    height: auto;
    min-height: auto;
}

/*
 * Nav for paginators
 */
.nav-paginator {
    display:  block;
    float: right;
    text-align: right;
}
.nav-paginator > li {
    margin-left: 0.6rem;
}
.nav-paginator > li > .btn {
    font-weight: normal;
    font-size: 1.5rem;
}

/*
 * Nav items
 */
.nav-items {}
.nav-items > li {
    display: block;
    border-bottom: solid 1px #1365AD;
    margin-bottom: 1rem;
}
.nav-items > li:last-child { border-bottom: none; }
.nav-items > li > a {
    display: block;
    background-color: #FFFFFF;
    color: inherit;
}
.nav-items > li > a:hover {
    background-color: #6A91B3;
    color: white;
    transition: background-color 0.5s ease, color 0.5s ease;
}
.nav-items > li dl { display: inline-block; margin: 0 1em 0 0; }
.nav-items > li dl > dt { display: inline-block; float: none; min-width: 0; width: auto; margin: 0; padding: 0; font-weight: normal; }
.nav-items > li dl > dt:after { content: ":"; margin: 0 0.5em 0 0.5em; }
.nav-items > li dl > dd { display: inline-block; min-width: 0; width: auto; margin: 0; padding: 0; font-weight: bold;  }

/*
 * Navigation bar
 */
.nav.nav-navigation { display: inline-block; }
.nav.nav-navigation > li { }
.nav.nav-navigation > li:after { content: " / "; display: inline; color: #888; }
.nav.nav-navigation > li:last-child:after { content: ""; }
.nav.nav-navigation > li.active {}
.nav.nav-navigation > li > a { font-size: 1.6rem; color: #888;  }
.nav.nav-navigation > li.active > a { }
.nav.nav-navigation > li > a:hover { color: #1365AD; }

/*
 * Others Nav
 */
.nav-checkboxes > li { display: block; min-width: 10em; margin-bottom: 0.5rem; }
.nav-checkboxes > li > label.checkbox { display: block; font-weight: normal; overflow: hidden; }

.nav-tabs.nav-rapport > li > .tab-content { font-size: 1.7rem; }

@media (min-width: 1060px) {
    .nav-checkboxes > li { width: 49%; float: left; }
    .nav-checkboxes > li:nth-child(2n) { float: right; text-align: left; }
    /*.nav-checkboxes > li:nth-child(2n) > label.checkbox > span.checkbox  { float: right; margin-left: 1rem; margin-right: 0; }*/
}

.nav.nav-categories { text-align: center; }
.nav.nav-categories > li { width: 23.5%; text-align: center; margin: 0 1.5% 2rem 0; border: solid 1px #444; }
.nav.nav-categories > li:nth-child(4n) { margin: 0 0 2rem 0; }
.nav.nav-categories > li > a { display: block; }
.nav.nav-categories > li > a:hover { background-color: #1365AD; color: #FFFFFF; }
.nav.nav-categories > li img { height: 6rem; margin: 1rem auto; }
.nav.nav-categories > li hr { background-color: #888; }
.nav.nav-categories > li span { display: block; color: #1365AD; padding: 2rem; height: 10rem; }
.nav.nav-categories > li > a:hover span { color: #FFFFFF; }
.nav.nav-categories > li > a:hover hr { background-color: #FFFFFF; }

.nav.nav-footer { display: inline-block; margin: 0 auto; }
.nav.nav-footer > li { display: block; line-height: 3rem; }