/******************************************************

    BOUTON CONNEXION
    
******************************************************/ 
.btn-connexion{
    position: absolute;
    z-index: 50000;
    background-color: #911132;
    color: white !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    right: 50px;
    top: 280px;
    padding: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 0.9em;
}
.btn-connexion:hover{
    background-color: transparent;
    color: black !important;
    border-color: #911132;
    border-style: solid;
    font-weight: bold;
}
.btn-deconnexion{
    position: absolute;
    z-index: 50000;
    background-color: #911132;
    color: white !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    right: 50px;
    top: 270px;
    padding: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 0.9em;
}
.menu-btn-deconnexion{
    text-decoration: none;
    color: black;
}
/* Couleur text menu */
.menu-btn-deconnexion:hover{
    text-decoration: none;
    color: #911132; /* rouge astiweb */
}
.menu-utilisateur{
    border-color: #911132 !important;
    border-style: solid !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.btn-menu-utilisateur{
    border-color: #911132;
    border-style: solid;
    border-bottom: none;
    margin: 0px !important;
    padding: 0px;
}
/******************************************************

    fenetre modal connexion
    
******************************************************/ 
.modal-connexion{
    z-index: 1000000;
    background-color: rgba(0, 0, 0, 0.1);
}
.btn-compte{
    background-color: #911132;
    color: white !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-weight: bold;
    font-size: 1em;
}
.btn-compte:hover{
    background-color: #C8C9CB;
    color: black !important;
    border-color: #911132;
    border-style: solid;
    font-weight: bold;
}

.dropdown-menu2{
    display: none;
    padding-top: 0.8em;
    padding-bottom: 0em;
}
ul .dropdown-menu2{
    background-color: transparent; /* noir astiweb */
    border: none;
}

ul .dropdown-menu2 li{
    margin: 2%;
}
ul .dropdown-menu2 li a{
    background-color: #C8C9CB;
}
/******************************************************

    POUR RESPONSIVE
    
******************************************************/ 
/* Tout ce qui change en fonction de la taille de l'écran */
@media (min-width: 1199px){

}

@media (min-width: 992px) and (max-width: 1199px){
    .btn-connexion{
        top: 240px;
    }
    .btn-deconnexion{
        top: 240px;
    }
}
@media (min-width: 768px) and (max-width: 991px){
        .btn-connexion{
        top: 190px;
    }
            .btn-deconnexion{
        top: 190px;
    }
    /* enleve l'espace entre le menu et son sous-menu et decale le sous menu */
    .dropdown-menu2{
    padding-top: 0em;
    margin-right: 0px;
    }
    /* taille text sous-menu */
    .dropdown-menu2 .nav-link{
    font-size: 0.9em;
    }
}
@media (max-width: 767px){
        .btn-connexion{
        top: 150px;
    }
            .btn-deconnexion{
        top: 150px;
    }
    /* enleve l'espace entre le menu et son sous-menu et decale le sous menu */
    .dropdown-menu2{
    padding-top: 0em;
    margin-left: 5%;
    }
    /* taille text sous-menu */
    .dropdown-menu2 .nav-link{
    font-size: 0.9em;
    
    }
}