/* ---------------------Menu---------------------------- */
/* Padding Menu */
.navbar-brand{
    padding-top: 0px;
    padding-bottom: 0px;
}

/* Couleur text menu quand sur la page */
.navbar .container .collapse li a.active{
    text-decoration: none;
    color: red;
}
/* Couleur text menu */
.navbar .container .collapse a.nav-link{
    text-decoration: none;
    color: white;
}
/* Couleur text menu */
.navbar .container .collapse a.nav-link:hover{
    text-decoration: none;
    color: black;
}
/* police menu non coupée */
div .navbar-collapse{
    white-space: nowrap;
}




/* ---------------------Menu hamburger---------------------------- */
/* Image Menu hamburger */
.navbar-dark .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(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
/* Hauteur Bouton Menu hamburger */
.navbar-dark .navbar-toggler-icon{
    height: 4em;
}
/* couleur contour Bouton Menu hamburger */
.navbar-dark .navbar-toggler{
    border-color: white;
}




/* ---------------------Pour responsive---------------------------- */
/* Tout ce qui change en fonction de la taille de l'écran */
@media (min-width: 1199px){
    header{ /* début de la page en dessous le bandeau menu */
    
    }
    /* Bandeau menu */
.navbar{
    background-color: white;
    margin-top: 4%;
    position: fixed;
    z-index: 10000;
    opacity: 0.8;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}

    .logo-site{ /* taille du logo dans le bandeau */
        width:200px;
        margin-right: 8%;
    }
    .logo-contact{ /* taille du logo dans le bandeau */
        width:80px;
    }

    /* boutton retour haut de page */
    #scrollUp{
        z-index: 1000000;
        position: fixed;
        bottom : 10px;
        right: -75px;
    }
    .to-top{
        width: 100px;
    }
    .navbar .container .collapse a{
    font-size: 1.2em;
    }

    /* ---------------------LOGO Langue---------------------------- */
    /* Grandeur logo */
    .logo-lg{
        width: 40px;
    }
    /* Position logo */
    .langue{
        position: fixed;
        text-align: center;
        right: 0%;
        top: 15%;
        padding: 1%;
    
    }

}

@media (min-width: 992px) and (max-width: 1199px){
    header{
       
    }
    /* Bandeau menu */
.navbar{
    background-color: white;
    margin-top: 4%;
    position: fixed;
    z-index: 10000;
    opacity: 0.8;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
    .logo-site{ /* taille du logo dans le bandeau */
        width:200px;
        margin-right: 8%;
    }
    .logo-contact{ /* taille du logo dans le bandeau */
        width:80px;
    }
    #scrollUp{
        z-index: 1000000;
        position: fixed;
        bottom : 10px;
        right: -80px;
    }
    .to-top{
        width: 100px;
    }
    .navbar .container .collapse a{
    font-size: 1.3em;
    }

    /* ---------------------LOGO Langue---------------------------- */
    /* Grandeur logo */
    .logo-lg{
        width: 40px;
    }
    /* Position logo */
    .langue{
        position: fixed;
        text-align: center;
        right: 0%;
        top: 15%;
        padding: 1%;
    
    }

}
@media (max-width: 991px){
    header{
        
    }
    /* Bandeau menu */
.navbar{
    background-color: white;
    margin-top: 4%;
    position: fixed;
    z-index: 10000;
    opacity: 0.8;
    border-style: solid;
    border-width: 1px;
    border-color: black;
}
    .menu{
        text-align: center;
        font-size: 3em;
    }
    .sous-menu{
        font-size: 0.7em;
    }
    .logo-site{ /* taille du logo dans le bandeau */
        width:200px;
        margin-right: 8%;
    }
    .logo-contact{ /* taille du logo dans le bandeau */
        width:80px;
    }
    #scrollUp{
        z-index: 1000000;
        position: fixed;
        bottom : 10px;
        right: -80px;
    }
    .to-top{
        width: 100px;
    }
    .navbar .container .collapse a{
    font-size: 1.3em;
    }

    /* ---------------------LOGO Langue---------------------------- */
    /* Grandeur logo */
    .logo-lg{
        width: 40px;
    }
    /* Position logo */
    .langue{
        position: fixed;
        text-align: center;
        right: 0%;
        top: 15%;
        padding: 1%;
    
    }
}
@media (min-width: 768px) and (max-width: 991px){
    header{
        padding-bottom: 148px;
    }
    /* Bandeau menu */
.navbar{
    background-color: white;
    margin-top: 0%;
    position: fixed;
    z-index: 10000;
    opacity: 1;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    width: 100%;
}
    .logo-site{ /* taille du logo dans le bandeau */
        width:300px;
    }
    .logo-contact{ /* taille du logo dans le bandeau */
        width:130px;
    }
    .navbar-toggler-icon{
        margin-left: 0;
        width:3em;
        height: 5em;
    }
    .menu{
        text-align: center;
        font-size: 3em;
    }
    .sous-menu{
        font-size: 0.7em;
    }
    #scrollUp{
        z-index: 1000000;
        position: fixed;
        bottom : 10px;
        right: -215px;
    }
    .to-top{
        width: 200px;
    }
    .navbar .container .collapse a{
    font-size: 1em;
    }

    /* ---------------------LOGO Langue---------------------------- */
    /* Grandeur logo */
    .logo-lg{
        width: 60px;
    }
    /* Position logo */
    .langue{
        position: fixed;
        text-align: center;
        right: 0%;
        top: 20%;
        padding: 1%;
    
    }
}
@media (max-width: 767px){
    header{
        padding-bottom: 148px;
    }
    /* Bandeau menu */
.navbar{
    background-color: white;
    margin-top: 0%;
    position: fixed;
    z-index: 10000;
    opacity: 1;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    width: 100%;
}
.nav-item{
    text-align: center;
}
    .logo-site{ /* taille du logo dans le bandeau */
        width:300px;
    }
    .logo-contact{ /* taille du logo dans le bandeau */
        width:130px;
    }
    .menu{
        text-align: center;
        font-size: 3em;
    }
    .sous-menu{
        font-size: 0.7em;
    }
    #scrollUp{
        z-index: 1000000;
        position: fixed;
        bottom : 10px;
        right: -150px;
    }
    .to-top{
        width: 200px;
    }
    .navbar .container .collapse a{
    font-size: 1em;
    }

    /* ---------------------LOGO Langue---------------------------- */
    /* Grandeur logo */
    .logo-lg{
        width: 60px;
    }
    /* Position logo */
    .langue{
        position: fixed;
        text-align: center;
        right: 0%;
        top: 15%;
        padding: 1%;
    
    }
}