main {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.item-a {
    background-image: url("../medias/images/the-wild-project-4-accompagnement.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 80vh;
}

.item-b {
    background-color: var(--color-noir);
    display: flex;
    flex-direction: column;
}

.item-c {
    background-image: url("../medias/images/the-wild-project-5-accompagnement.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 80vh;
}

.item-d {
    background-color: var(--color-orange);
    display: flex;
    flex-direction: column;
}

.item-e {
    background-color: var(--color-noir);
    padding-bottom: 100px;
}

.sousTitreBloc {
    padding: 20vw 10vw 10vw;
}

.sousTitreBloc {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    display: flex;
    flex-direction: column;
    font-size: 1.6em;
}

.sousTitreCoaching {
    color: var(--color-orange);
    border-top: var(--color-orange) 8px solid;
    border-bottom: var(--color-orange) 8px solid;
    padding: 12px 0;
    width: fit-content;
}

.accompagnements {
    padding: 0 10vw 15vw;
    font-size: 1.2em;
    color: var(--color-blanc);
}

.accompagnements p:nth-child(even) {
    font-weight: 600;
    margin: 0;
    color: var(--color-orange);
}

.accompagnements ul {
    margin-left: 5vw;
}

.containerP {
    display: flex;
    gap: 20px;
    margin-top: 60px;
}

.containerP img {
    width: 25px;
}

.white {
    color: var(--color-blanc);
}

.asterisque {
    font-size: 0.8em;
}

.tableau {
    display: none;
    color: var(--color-blanc);
    font-size: 0.8em;
    text-align: center;
}

.tableau thead {
    background-color: var(--color-orange);
}

.tableau tr:nth-child(even) {
    background-color: #222;
}

.tableau tbody, thead, th, td {
    padding: 0.8em;
    border: 1px solid var(--color-noir);
}

.tableau table {
    border-collapse: collapse;
    margin: 0 80px;
}

@media screen and (min-width:520px) {

}

@media screen and (min-width:960px) {
    .accompagnements {
        padding: 0 80px 80px;
    }
        .sousTitreBloc {
        padding: 80px;
    }
    .item-a, .item-c {
        max-width: 1280px;
        height: 954px;
        margin: auto;
    }
    .item-b, .item-d {
        max-width: 1280px;
        margin: 0px auto;
        flex-direction: row;
        align-items: flex-start;
        padding: 50px 0;
    }
    .accompagnements, .tarifs {
        padding: 55px 80px 80px;
    }
    .tableau {
        display: flex;
    }
}

@media screen and (min-width:1280px) {
    .sousTitreBloc {
        font-size: 2em;
    }
}