body{
    font-family: 'Inter', sans-serif;
    background-color:#000;
    /*box sizing*/
}/*------------Gallerie pages-------------*/
.gallerietitle{
    text-align:center;
    font-size:7.5rem;
    font-weight:900;
    color:#fff;
}
h2{
    text-align:center;
    color:#fff;
}
.galleriecontainer{
    width:100%;
    height:auto;
    display:grid;
    grid-template-columns:repeat(auto-fill,100%);/*auto fill créer autant de bails possible pour 300px*/
}
.gallerie{
    max-width:1900px;
    width:80%;
    height:auto;
    margin:30px auto;
    display:grid;
    justify-content:center;
    grid-gap:40px;/*gouttière*/
    grid-template-columns:repeat(auto-fill,310px);/*auto fill créer autant de bails possible pour 300px*/
}
.img-gall{
    height:auto;
    width:100%;
    cursor:pointer;
    display:inline-block;
    transition:0.3s;
    display:flex;
}
.img-gall:hover{
    cursor:pointer;
    transition:0.3s;
}
.img-gall:active{
    transform:scale(1.03);
    transition:0.3s;
}
.img-gall img{
    height:100%;
    width:100%;
    object-fit:cover;
}
.imagepopup{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0.874);
    height:100%;
    width:100%;
    display:none;
}
span{
    position:absolute;
    top:0.5%;
    right:1.5%;
    font-size:3rem;
    font-weight:100;
    color:#fff;
    cursor:pointer;
}
span:hover{
    color:#6e6e6e;
    cursor:pointer;
}
span:active{
    color:#fff;
}
.imagepopup img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:620px;
    object-fit:cover;
}
@media screen and (max-width:780px){
    .imagepopup img{
        width:85%;
    }
    .parentretour a{
        width:60%;
    }
}
.parentretour{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
a{
    text-align:center;
    width:15%;
    padding:10px;
    background:#000;
    border:solid #fff 3px;
    text-decoration:none;
    color:#fff;
}
a:hover{
    background:#fff;
    cursor:pointer;
    border:solid #000 3px;
    color:#000;
}
a:active{
    background:#fff;
    cursor:pointer;
    border:solid #000 3px;
    color:#000;
}
.copyright{
    text-align:center;
    margin-bottom:6vh;
    color:#fff;
}
@media screen and (max-width:1060px){
    .gallerietitle{
        font-size:5rem;
    }
    h2{
        font-size:1.5rem;
    }
    .copyright p{
        font-size:0.9rem;
    }
}
@media screen and (max-width:850px){
    .gallerietitle{
        font-size:4rem;
    }
    h2{
        font-size:1rem;
    }
    .copyright p{
        font-size:0.7rem;
    }
}