.nav-container{
    background-color : rgba(30,30,32,0.7) !important;
    z-index: 100;
    position : fixed;
}

.navbar{
    background-color : rgba(255,255,255,0) !important;
    height : 100%;
}

.nav-link{
    color: white !important;
}

.participer{
    border : 3px solid white;
    color: white;
    margin : -20px;
    padding : 3px 8px;
    font-weight : bold;
    border-radius : 10px;
    font-size : 1.2vw;
}

.navbar-collapse.collapse.in {
    display: block!important;
  }


 @media screen and (max-width: 1350px) and (min-width : 600px) {
    .participer{
        font-size : 10px;
    }
}

@media screen and (max-width: 600px) {
    .participer{
        font-size : 3vw;
    }
    .img_un{
        background-image:url('../images/trois_jeunes_mobile.jpg');
        height : 100vh;
        width : 100vw;
        background-size : cover;
    }

    .img_deux{
        background-image:url('../images/mouvement_greve_mobile.jpg');
        height : 100vh;
        width : 100vw;
        background-size : cover;
    }

    .img_trois{
        background-image:url('../images/commemo_centenaire.jpg');
        height : 100vh;
        width : 100vw;
        background-size : cover;
    }
    .logo{
        max-height : 70px;
    }
    .footer-menu{
        margin-right : 3px;
    }
}

@media screen and (min-width: 601px){
    .img_un{
        background-image:url('../images/trois_jeunes_lecteurs.jpg');
        height : 100vh;
        width : 100vw;
        background-size : cover;
    }

    .img_deux{
        background-image:url('../images/mouvement_greve.jpg');
        height : 100vh;
        width : 100vw;
        background-size : cover;
    }

    .img_trois{
        background-image:url('../images/commemo_centenaire.jpg');
        height : 100vh;
        width : 100vw;
        background-size : cover;
    }
    .logo{
        max-height : 80px;
    }
    .footer-menu{
        margin-right : 10px;
    }
}

.regard{
    background-color: rgba(30,30,32,0.7);
    color : white;
    position : absolute;
    bottom : 10%;
    left : 10%;
}

.test{
    height : 80px;
    width : 174px;
}

.black{
    background-color : black;
}

.white{
    color : white !important;
    margin-left : 5px;
}


a:hover {
    text-decoration: none;
    color : white;
}

.active_menu{
    border-bottom: 2px solid red;
}

.button{
    position : relative;
    bottom : -10px;
    border-radius: 10px;
    border-width : 0px;
    background-color : red;
    color : white;
}

button{
    float : right;
}

.bodypropos{
    background-color: dimgrey;
    color : white;
}

.espaceapropos{
    height : 15vh;
}

.projetapropos{
    text-align: justify;
}

.tdlogo{
    width : 100px;
}