/**



 Navbar CSS



**/



.header-desktop {

    display: block;

}



.header-mobile {

    display: none;

}



.menu {

    background: none;

    /* Background de la NavBar (ext. Container) */

    position: relative;

    z-index: 1;

    top: 0px;

    margin-bottom: 0px;

}



.navbar-default {

    background: rgba(0, 0, 0, 0);

    border: 0;

    padding: 0px 30px;

}





.navbar {

    border-radius: 0px;

    z-index: 1;

    margin-bottom: 0px;

    min-height: 60px;

}



.navbar-nav.navbar-right:last-child {

    margin-right: 0px;

}



ul.nav {

    padding-bottom: 0px;

    padding-top: 0px;

}



a.navbar-brand {

    font-size: 28px;

    font-weight: 700;

    color: #fff!important;

    font-family: 'Raleway';

    transition: 0.25s;

}



.navbar-brand {

    float: left;

    height: inherit;

    padding: 8px 15px;

    font-size: 18px;

    line-height: 20px;

}



div.navbar-header {

    padding-top: 20px;

    text-transform: none;

}



.navbar-default .navbar-nav > li > a {

    color: rgba(255, 255, 255, 1);

    font-size: 15px;

    font-weight: 500;

    font-family: 'Raleway';

    background: none;

    padding: 10px 10px;

    transition: 0.25s;

}



.navbar-default .navbar-nav > li > a:hover {

    color: #fff;

}





.navbar-default .navbar-nav > li > a:hover,

.navbar-default .navbar-nav > li > a:focus {

    color: #fff;

    text-decoration: underline;

}



.navbar-nav.navbar-right {

    margin-top: 10px;

}



ul.nav li.button {

    padding-bottom: 0px;

    padding-top: 0px;

    margin-left: 0px;

    margin-right: 0px;

    font-weight: 500;

}





.navbar-nav > li > .btn-group {

    padding-top: 8px;

}



.button img {

    margin-right: 5px;

}





ul.nav li.dropdown ul.dropdown-menu {

    border-top: 0px;

    margin-top: 1px;

}



.dropdown-menu {

    position: absolute;

    display: none;

    font-size: 13px;

    text-align: left;

    list-style: none;

    background-color: rgba(255, 255, 255, 0.15);

    box-shadow: none;

    border: 0;

    z-index: 999;

}



.btn-group > .btn + .dropdown-toggle {

    padding-right: 8px;

    padding-left: 8px;

    padding-bottom: 7px;

}



.navbar-default .navbar-nav > .open > a,

.navbar-default .navbar-nav > .open > a:hover,

.navbar-default .navbar-nav > .open > a:focus {

    color: rgba(255, 255, 255, 1);

    background: none;

}



.dropdown-menu > li > a {

    display: block;

    padding: 3px 14px;

    clear: both;

    line-height: inherit;

    font-size: 11px;

    color: #fff;

    white-space: nowrap;

    font-weight: 500;

    text-transform: inherit;

}



.dropdown-menu li a {

    padding: 10px 16px!important;

    margin: 0px!important;

}



.dropdown-menu > li > a:hover,

.dropdown-menu > li > a:focus {

    color: #fff;

    text-decoration: none;

    background-color: rgba(255, 255, 255, 0.3);

}



.dropdown-menu .divider {

    height: 2px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #212121;

}



.navbar-brand img {

    max-width: 100%;

    max-height: 50px;

    margin-top: -15px;

}



.dropdown-menu li{

    display: block;

}



.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

    border-bottom: solid 1px rgba(255, 255, 255, 0.1);

}



/* ------------------------------------------------------------------ */



/* Navbar CSS - Responsive */



@media screen and (max-width: 1200px) {



    /* Header */

    .menu {

        /* Reset du Header-Desktop */

        background: none;

        position: relative;

        z-index: 1;

        top: 0px;

        margin-bottom: 0px;

    }



    .header-desktop {

        display: none;

    }



    .header-mobile {

        display: block;

    }



    .header-mobile .brand {

        padding: 10px 15px;

        width: 100%;

    }



    .header-mobile .brand p {

        font-size: 38px;

        font-family: 'Raleway';

        font-weight: 700;

        display: inline-block;

        color: #fff;

        margin: 0;

        padding: inherit;

    }



    .header-mobile .brand img {

        width: auto;

        max-height: 70px;

        padding: 10px 0px;

    }



    .header-mobile .menu {

        display: none;

    }



    .header-mobile .menu .main-menu li a {

        background: rgba(0, 0, 0, 0.30);

        display: block;

        padding: 14px 30px;

        color: rgba(255, 255, 255, 0.5);

        font-weight: 600;

        text-transform: inherit;

    }



    .header-mobile .menu .main-menu li a:hover {

        background: rgba(0, 0, 0, 0.50);

        color: #fff;

    }



    .dropdown-menu {

        position: relative;

        top: 103%;

        left: 0;

        z-index: 1000;

        display: none;

        float: left;

        min-width: inherit;

        width: 100%;

        padding: 0;

        margin: 0;

        font-size: inherit;

        text-align: left;

        list-style: none;

        background-color: rgba(0, 0, 0, 0.15);

        -webkit-background-clip: padding-box;

        background-clip: padding-box;

        border: 0;

        border-radius: 0px;

        box-shadow: none;

    }

    .dropdown-menu li a {

        font-weight: normal !important;

        padding-left: 40px !important;

    }



    .header-mobile .menu .diviseur {

        width: 100%;

        height: 2px;

        background: rgba(0, 0, 0, 0.4);

    }



    .header-mobile .btn-menu-mobile {

        float: right;

        font-size: 29px;

        color: #fff;

        margin-right: 30px;

        padding-top: 15px;

        cursor: pointer;

        transition: 0.25s;

    }



    .header-mobile .btn-menu-mobile-active {

        color: rgba(0, 0, 0, 0.35) !important;

    }



}