@media(max-width: 1024px){
    main{
        display: flex;
        flex-direction: column;
        grid-template-rows: auto auto;
    }

    .projetDétail{
        width: 100%;
    }

    .bigImgContainer{
        max-height: 100%;
    }

    .bigImg{
        width: 100%;
        object-fit: cover;
    }
    img{
        object-fit: cover;
        height: 100%;
        width: 100%;
    }
}
/* @media(max-width: 724px){
    
    main{
        display: flex;
        flex-direction: column;
        height: calc(100vh - 55px - 135px - 55px);
    }
    .bigImgContainer{
        grid-row: 2/3;
        grid-column: 3/4;
        max-height: 100%;
    }

    .bigImg{
        max-height: 100%;
        width: 75%;
        height: 100%;
        object-fit: cover;
    } 
    .courant{
        font-size: 13px;
        font-family: Montreal-Book;
        text-transform: none;
        line-height: 110%;
    }
} */

/* @media(max-width: 724px){
    
    main{
        display: flex;
        flex-direction: column;
        height: calc(100vh - 55px - 135px - 55px);
    }
    .bigImgContainer{
        grid-row: 2/3;
        grid-column: 3/4;
        max-height: 100%;
    }

    .bigImg{
        max-height: 100%;
        width: 75%;
        height: 100%;
        object-fit: cover;
    } 
    .courant{
        font-size: 13px;
        font-family: Montreal-Book;
        text-transform: none;
        line-height: 110%;
    }
} */


/* @media(max-width: 425px){
   
   main{
        display: flex;
        flex-direction: column;
        height: calc(100vh - 55px - 135px - 55px);
    }
    .bigImgContainer{
        grid-row: 2/3;
        grid-column: 1/4;
        max-height: 100%;
    }

    .bigImg{
        max-height: 100%;
        width: 75%;
        height: 100%;
        object-fit: cover;
    }
    .courant{
        font-size: 12px;
        font-family: Montreal-Book;
        text-transform:  none;
        line-height: 110%;
    }

    
} */