/* CSS du Navbar */

/* Déclaration sur tout le Navbar */
.container .navbar
{
    /* Police appelée dans le header de layout : font.css */
    font-family: 'Quicksand', sans-serif;
}

/* Déclaration sur toutes les class .btn */
.container .navbar .btn
{
    border : none;
}

/* Décalage du logo */
.container .navbar .logoINI
{
    padding-right : 10px;
}

/* On gère la taille du logo quand on est en dessous de 768px de large grâce aux 100% */
.resizeLogo
{
    width : 100%;
    height : 100%;
}

/* Déclaration sur les boutons vBV / Contacter / FR|EN */
.container .navbar .block-navbar
{
    margin-top : 10px;
}

/* Déclaration sur FR|EN */
.container .navbar .block-navbar .langue
{
    margin-left : 10px;
    margin-top : 5px;
    color : #50a3b8;
}

/* underline FR|EN */
.container .navbar .block-navbar .langue a
{
    text-decoration  : none;
}

/* Déclaration sur le bouton Contacter */
.container .navbar .block-navbar .btn-contacter
{
    margin-left : 10px;
    background-color : #50a3b8;
    border-radius : 4px;
}

.block-navbar .btn-contacter .iconContact
{
    margin-top : -3px;
    width : 18px;
}

/* Déclaration sur le bouton à propos */
.container .navbar .block-navbar .btn-about
{
    margin-left : 10px;
    background-color : #59B9D0;
    border-radius : 4px;
}

.block-navbar .btn-about .iconAbout
{
    margin-top : -3px;
    width : 18px;
}

/* Déclaration sur le bouton vBV */
.container .navbar .block-navbar .btn-vBasseVision
{
    background-color : #2b2b2b;
}

/* Déclaration sur le bouton vBV pour gérer sa taille quand on est en dessous de 768px de large */
.container .navbar .block-navbar .btn-vBasseVision-icone
{
    max-height : 28px;
    max-width : 33px;
}

/* Déclaration sur l'image de bouton vBV */
.container .navbar .block-navbar .btn-vBasseVision img
{
    width : 14px;
    height : 14px;
    margin-bottom : 3px;
}

/* Déclaration sur le bouton burger */
.container .navbar .block-burger
{
    margin-top : -10px;
}

/* Déclaration sur les icones du burger */
.container .navbar .block-burger .burger span
{
    background-color : white;
    height : 4px;
    width : 25px;
}

/* Cache les pipes sur tablette et plus grand écran */
.block-navbar .pipeBetween, .block-navbar .pipeBetweenLanguage
{
    display : none;
}

/* Affiche les pipes sur téléphone */
@media (max-width:767px)
{
    /* Affiche les pipes et leur style */
    .block-navbar .pipeBetween
    {
        display : block;
        color : white;
        margin-top : -2px;
        margin-right : -5px;
    }

    /* Affiche les pipes et leur style */
    .block-navbar .pipeBetweenLanguage
    {
        display : block;
        color : white;
        margin-top : -2px;
        margin-right : -2px;
    }
}

/* Déclaration sur le bouton Formations */
.container .navbar .block-navbar .btn-formations
{
    background-color : #36636e;
    border-radius : 4px;
    margin-left : 10px;
    /*position : absolute;
    right : 0;*/
}

.img-formations
{
    width : 16px;
    margin-top : -2px;
}

/* Déclaration sur le bouton Formations quand on est en dessous de 768px de large */
.up-Formations
{
    margin-top : -40px;
}

/* Marge du navbar */
.menuNavbar
{
    margin-bottom : 10px;
}

/* Marge de la liste du navbar */
.menuNavbar .menuListNavbar
{
    padding-top : 18px;
}

/* Déclaration sur les images des Menus */
.container .navbar .collapse a img
{
    /* !!! CHANGER LA TAILLE DE L'IMAGE SI LE PROBLEME PERSISTE !!! */
    width : 20px;
    height : 18px;
}

/* Déclaration sur le lien du Menu Accueil */
.container .navbar .collapse .homePage
{
    text-decoration : none;
}

/* Déclaration sur les liens des Menus */
.container .navbar .collapse a
{
    color : #444444;
    text-decoration : none;
}

/* Déclaration sur les liens des Menus quand on est en dessous de 768px de large */
.borderMenu
{
    border-bottom : 1px solid #50a3b8;
}

/* Déclaration sur les boutons des Menus */
.container .navbar .collapse ul .btn
{
    color : white;
}

/* Met une marge entre chaque onglet de la navbar sur les cotés des | */
.margeNav
{
    margin : 0px 5px 0px 5px;
    color : #50a3b8;
}

/***** CSS du NOSCRIPT *****/

noscript a div
{
    margin-bottom : 10px;
}


/* Cache le logo sur petit écran */
/*.logoNavbarPetitEcran
{
    display : none;
}*/


/* Déclaration sur les liens des Menus au hover en dessous de 992px*/
@media (max-width:991px)
{
    /* On cache le logo */
    .logoNavbarGrandEcran
    {
        display : none;
    }

    /* Cache le logo sur petit écran */
    .logoNavbarPetitEcran
    {
        display : block !important;
    }

    /* Couleur de fond quand on est en écran téléphone */
    .container .backgroundPhone
    {
        background-color : #36636e;
    }

    .navbar-toggle
    {
        margin-bottom : 0px;
        position: absolute;
        margin-top: 15px;
        left : 5%;
        top: 0;
    }

    .container .navbar .block-burger button
    {
        background-color : #50a3b8;
    }

    /* underline FR|EN */
    .container .navbar .block-navbar .langue img
    {
        border : 1px solid white;
        border-radius : 4px;
        margin-top: -10px;
        margin-bottom: 5px;
    }

    /* Déclaration sur le bouton Contacter */
    .container .navbar .block-navbar .btn-contacter
    {
        margin-left : 10px;
        border : 1px solid white;
        background-color : transparent;
        border-radius : 4px;
        margin-top : -6px;
        margin-bottom : 5px;
    }

    /* Déclaration sur le bouton Formations */
    .container .navbar .block-navbar .btn-formations
    {
        background-color : transparent;
        border : 1px solid white;
        border-radius : 4px;
        margin-left : 10px;
        margin-top : -6px;
        margin-bottom : 5px;
    }

    /* Déclaration sur le bouton à propos */
    .container .navbar .block-navbar .btn-about
    {
        background-color : transparent;
        border : 1px solid white;
        border-radius : 4px;
        margin-left : 10px;
        margin-top : -6px;
        margin-bottom : 5px;
    }

    /* Déclaration sur le bouton vBV */
    .container .navbar .block-navbar .btn-vBasseVision
    {
        background-color : transparent;
        border : 1px solid white;
        margin-top : -6px;
        margin-bottom : 5px;
    }
}

/* Déclaration sur les liens des Menus au hover en dessous de 992px*/
@media (max-width:767px)
{
    /* Déclaration sur le bouton Contacter */
    .container .navbar .block-navbar .btn-contacter
    {
        border : none;
    }

    /* Déclaration sur le bouton à propos */
    .container .navbar .block-navbar .btn-about
    {
        border : none;
    }

    /* Déclaration sur le bouton Formations */
    .container .navbar .block-navbar .btn-formations
    {
        border : none;
    }

    /* Déclaration sur le bouton vBV */
    .container .navbar .block-navbar .btn-vBasseVision
    {
        border : none;
    }
}