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

    QUAND SITE EN MAINTENANCE
    
******************************************************/ 
.maintenance{
    background-color: black;
    color: yellow;
    font-weight: bold;
    font-size: 2em;
    position: fixed;
    top: 200px;
    z-index: 10000000;
    width: 100%;
    text-align: center;
}

.boutton-deconnexion{
    position: fixed;
    z-index: 50000;
    right: 0;
}


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

    MENU
    
******************************************************/ 
.logo-site{
    width: 200px;
}

/* COULEUR LIEN ACTIF */
.actif{
    color: #009999; /* rouge astiweb */
}
/* CLASSE BOOTSTRAP MODIFIER */
.navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
}
/* Couleur text menu quand sur la page */
.navbar .container .collapse li a.actif{
    text-decoration: none;
    color: #009999; /* rouge astiweb */
}
/* Couleur text menu */
.navbar .container .collapse a.nav-link{
    text-decoration: none;
    color: #0033cc;
}
/* Couleur text menu */
.navbar .container .collapse a.nav-link:hover{
    text-decoration: none;
    color: #009999; /* rouge astiweb */
}
/* police menu non coupée */
div .navbar-collapse{
    white-space: nowrap;
}
/* TELEPHONE EN DESSOUS DU MENU */
.telephone{
    z-index: 50000;
    position: fixed;
    background-color: white; /* noir astiweb */
    text-align: center;
    color: #0033cc;
    margin-top: -1%;
    left: 50%;
    transform: translate(-50%); /* décalage de 50% de sa propre taille */
    font-size: 1.5em;
    width: 400px;
    border-bottom-right-radius:30px;
    border-bottom-left-radius:30px;
}

ul .dropdown-menu{
    background-color: white; /* noir astiweb */
    border: none;
}

ul .dropdown-menu li{
    border-top-style: solid;
    border-color: black;
}


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

    MENU HAMBURGER
    
******************************************************/ 
/* Image Menu hamburger */
.navbar-white .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,160,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
/* couleur contour Bouton Menu hamburger */
.navbar-white .navbar-toggler{
    border-color: #0033cc;

}
/* Hauteur Bouton Menu hamburger */
.navbar-toggler{
    font-size: 1.5em;
}
.dropdown-menu{
    display: none;
    padding-top: 0.8em;
    padding-bottom: 0em;
}


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

    BOUTON REMONTE PAGE
    
******************************************************/ 
#scrollUp, #scrollUp2{
    z-index: 1000000;
    position: fixed;
    bottom : 10px;
    right: -75px;
}
.to-top{
    width: 100px;
}


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

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

@media (min-width: 992px) and (max-width: 1199px){
        /* numéro de tel en haut de page */
}
@media (min-width: 768px) and (max-width: 991px){
    .boutton-deconnexion{
        top: 20%;
    }
        /* numéro de tel en haut de page */
    .telephone{
        right: 0px;
        left: auto;
        transform: none;
    }
    /* ajoute un espace entre le logo et le menu */
    .navbar-nav{
        padding-top: 1em;
    }
    /* enleve trait noir entre les sous menu */
    ul .dropdown-menu li{
    border-top-style: inherit;
    }
    /* enleve l'espace entre le menu et son sous-menu et decale le sous menu */
    .dropdown-menu{
    display: block;
    padding-top: 0em;
    margin-right: 0px;
    }
    /* taille text sous-menu */
    .dropdown-menu .nav-link{
    font-size: 0.9em;
    }
}
@media (max-width: 767px){
    .boutton-deconnexion{
        top: 20%;
    }
    /* numéro de tel en haut de page */
    .telephone{
        right: 0px;
        left: auto;
        transform: none;
    }
    /* ajoute un espace entre le logo et le menu */
    .navbar-nav{
        padding-top: 1em;
    }
    /* enleve trait noir entre les sous menu */
    ul .dropdown-menu li{
        border-top-style: inherit;
    }
    /* enleve l'espace entre le menu et son sous-menu et decale le sous menu */
    .dropdown-menu{
    display: block;
    padding-top: 0em;
    margin-left: 5%;
    }
    /* taille text sous-menu */
    .dropdown-menu .nav-link{
    font-size: 0.9em;
    
    }
}