/*------------------------------------*\
    NAV BAR
\*------------------------------------*/

.navbar {
    background-color: #04839a ;
    font-size: 12px;
    margin-bottom: 0;
    border: none;
}

.navbar .navbar-brand {
     margin-left: 5px;
     height:58px;
     padding: 0 10px 0 0;
 }

.navbar-default .navbar-nav >li>a {
    color: #fff;
    text-transform: uppercase;
    line-height: 28px;
    padding: 15px 10px;
}

.navbar-default .navbar-nav >li>a:hover {
    color: #fff;
}

.navbar-default .navbar-nav.navbar-left >li>a {
    background-color: #026e83;
    border-left: 1px solid #04839a;
}

.navbar-default .navbar-nav.navbar-left >li:first-child>a {
    border-left: 1px solid #026e83;
}

.navbar-default .navbar-nav.navbar-left >li:last-child>a {
    border-right: 1px solid #026e83;
}

.navbar-default .navbar-nav.navbar-left >li:last-child>a {
    color: #7e397a;
    background-color: #e1d6f6;
}

.navbar-default .navbar-nav >li>a:hover,
.navbar-default .navbar-nav >li>a:focus,
.navbar-default .navbar-nav >li.dropdown.open>a.dropdown-toggle,
.navbar-default .navbar-nav >li:last-child>a:hover,
.navbar-default .navbar-nav >li:last-child>a:focus,
.navbar-default .navbar-nav >li:last-child.dropdown.open>a.dropdown-toggle {
    color: #026e83;
    background-color:#fff ;
}

.navbar-default .navbar-nav.navbar-right {
    margin-right:0px;
}
.navbar-default .navbar-nav.navbar-right >li>a {
    padding-left:15px;
    padding-right:10px;
}

.navbar-default .navbar-toggle {
    border: none;
    padding: 22px;
    margin: 0px;
    border-radius: 0px;
}


.navbar-default .navbar-nav.navbar-right .dropdown-menu {
    min-width: 72px;
}

.navbar-default .navbar-toggle:hover{
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #026e83;
}

.navbar-default .navbar-toggle:focus {
    background-color: #04839a;
}

.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav >li.dropdown.open .dropdown-menu{
    background-color:#04839a ;
    padding: 0;
}

.navbar-default .navbar-nav >li.dropdown.open .dropdown-menu li a {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-default .navbar-nav >li.dropdown.open .dropdown-menu li a:hover{
    color: #026e83;
}

/*------------------------------------*\
    BREAK POINT DE LA NAV BAR
\*------------------------------------*/

@media (max-width: 1150px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }


    .navbar-collapse.collapse.in .navbar-right.reseaux {
        background-color:#026e83;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in, .navbar-collapse {
        border: none;
        display: block!important;
        padding: 0;
        margin: 0;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}