.projectDetailsAT__image {
    margin: -1.8em -1.8em 1.8em;
    padding-top: 40%;
    background-position: center;
    background-size: cover;
}

@media (min-width: 768px) {
    .projectDetailsAT__image {
        width: calc(100% + 3.6em);
        padding-top: 30%;
    }
}

.projectDetailsAT__details {
    margin: 0;
}

.projectDetailsAT__details dt {
    font-weight: bold;
}

.projectDetailsAT__details dd {
    margin: 0 0 1em 0;
    font-size: 1.1em;
}

.projectDetailsAT__mapContainer {
    margin: 2em -1.8em -1.8em;
}

@media (min-width: 768px) {
    .projectDetailsAT__mapContainer {
        height: 40em;
        margin: 2em -1.8em -2.2em;
    }
}

.projectDetailsAT__map {
    height: 20em;
}

@media (min-width: 768px) {
    .projectDetailsAT__map,
    .projectDetailsAT__projectFiche {
        height: inherit;
        float: left;
    }

    .projectDetailsAT__map {
        width: 60%;
    }
}

.projectDetailsAT__projectFiche {
    padding: 1.8em;
    background: #fff;
}

@media (min-width: 768px) {
    .projectDetailsAT__projectFiche {
        width: 40%;
        padding: 0 1.8em;
    }
}