@font-face {
    font-family: GT-BOLD;
    src: url(/fonts/AntarcticaRegular.otf);
}

    .PROJETDEBUT{
        object-fit: cover;
        top: 65px;
        height: 100vh;
        width: 100%;
        height: 100%;
    }

    .PROJETvid{
        object-fit: cover;
        top: 100px;
        height: 100vh;
        width: 100%;
        z-index: -2;
    }

    .PROJETvid2{
        object-fit: cover;
        top: 65px;
        height: 100vh;
        width: 100%;
        z-index: -2;
    }
    .projetimageVIDEO{
        object-fit: cover;
        height: 100vh;
        width: 100%;
    }

    .infoprojet{
            bottom: 60px;
            position: fixed;
            width: auto;
            height: auto;
            left: 60px;
            display: grid;
            grid-template-columns: auto auto;
            column-gap: 42px;
            color: rgb(255, 255, 255);
    }

.prochain {
    position: fixed;
    z-index: 30;
    width: 100%;
    height: 60px;
    text-align: right;
    right: 60px;
    bottom: 40px;
}

.prochain .fleche img {
    width: 70px;

}

.prochain .fleche:hover img {
    content: url('/PHOTOS/icon/fleche2.png');
}

    .Portfoliotexte{
            margin-left: 33%;
            width: auto;
            right: 60px;
            line-height:25px;
            display: grid;
            grid-template-columns: 33% auto;
            column-gap: 10%;
    }

        .typo-vingt a.link {
            color: inherit;
            text-decoration: underline;
            transition: color 0.2s ease;
        }
    
        .typo-vingt a.link:hover {
            color: rgb(255, 0, 187);
        }
    .carrousel{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            height: 100vh;
            width: 100%;
            z-index: -1;
    }

    .projet{
            width: 100%;
    }
    
    .projetimage{
        object-fit: cover;
        width: 100%;
        height: 100vh;
    }
    
    /* PROJET IMAGE UN PAR UN  */
    .projet1{
        object-fit: cover;
        height: 100vh;
        width: 100%;
    }
    
       .degradefin{
        position: relative;
            margin-top: -150px;
            width: 100%;
            height: 150px;
            background: linear-gradient(to top, rgb(255, 0, 187), transparent);
            z-index: 0;
            margin-bottom: -20px;
        }