.grid-projet {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    margin: 120px 0 0 240px;
}

h1 {
    font-size: var(--font-size-large);
    font-weight: normal;
    grid-column: 2 / 6;
    margin-bottom: 30px;
}

.infos-projet {
    grid-column: 6 / 11;
    margin-bottom: 30px;
    text-align: end;
}

.presentation {
    font-size: var(--font-size-large);
    grid-column: 2 / 9;
    margin: 48px 0;
}

.presentation a {
    display: block;
    font-size: var(--font-size-large);
    margin: 30px 0 20px;
    text-decoration: underline solid var(--color-text);
}

.image {
    grid-column: 2 / 11;
    margin: 4px 0;
}

.image img {
    width: 100%;
}



@media screen and (max-width: 810px) {
    body {
        margin: 0;
    }

    .grid-projet {
        display: block;
        margin: 100px 0 0 0;
    }

    .grid-projet > *:not(.image) {
        margin-left: 15px;
        margin-right: 15px;
    }

    h1 {
        margin-bottom: 15px;
    }

    .infos-projet {
        padding-bottom: 20px;
        text-align: end;
    }

     footer {
        margin: 15px;
    }
}