section.main-section {
    align-items: flex-start;
    gap: 20px;
}

.selection-site-link {
    width: max-content;
    display: flex;
}

.select-site-restaurant {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.planning-restaurant {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.restau-plannings {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.restau-cdps {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.result-block-planning {
    display: flex;
}

.info-site-restaurant {
    width: max-content;
    min-height: 56px;
    max-width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row;
    gap: 20px;
    margin-top: 20px;
}

.ast-page-title1 {
    font-family: 'Poppins-semibold', arial, sans-serif;
    line-height: 56px;
    font-size: 32px;
    color: #333333;
    margin: 0;
}

.ast-planning-title1 {
    font-family: 'Poppins-semibold', arial, sans-serif;
    line-height: 24px;
    font-size: 16px;
}

.content-block {
    display: flex;
    align-items: center;
    gap: 20px;
}

.result-block:nth-child(odd) .content-block {
    flex-direction: row;
}

.result-block:nth-child(even) .content-block {
    flex-direction: row-reverse;
}

.ast-planning-text1 {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: normal;

}
.ast-planning-text2 {
    background:  var(--main-color-lighter, #bbf8fb);
    line-height: 20px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 500;
    letter-spacing: normal;

}
.ast-planning-text2 p{
    margin: 0;
    padding: 8px;

}

.img-block {
    width: 66%;
    height: fit-content;
}

.text-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}

.text-block-with-img {
    width: 34%;
}

.text-block-without-img {
    width: 100%;
}

.restau-planning, .result-block-planning, .restau-cdps, .V2ModuleRestaurantPlannings {
    width: 100%;
}

.img-block > div.carousel-container > div.carousel {
    max-width: 914px;
    height: 356px;
}

.text-block > div.planning-buttons > button.button-bev2 {
    display: flex;
    width: 119px;
    height: 32px;
    gap: 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.planning-buttons .disabled {
    box-shadow: 0px 0px 5px 0px grey;
    border: grey 1px solid;
    color: grey;
    cursor: auto;
    pointer-events: none;
}

.carousel-item {
    height: 360px;
    background-size: cover !important;
}

@media screen and (min-width: 391px) and (max-width: 700px) {

    .img-block > div.carousel-container > div.carousel {
        max-width: 316px;
        height: 356px;
    }

    .img-block {
        width: 48%;
    }

    .text-block-with-img {
        width: 52%;
    }

}

@media screen  and (max-width: 390px) {

    .img-block > div.carousel-container > div.carousel {
        max-width: 358px;
        height: 200px;
    }

    #select-site-restaurant {
        width: 100%;
    }

    .selection-site-link > a.selection-site-link-entry {
        font-size: 14px;
    }

    .selectionSiteWrapper > label.title {
        display: none;
    }

    .selection-site-link {
        flex-direction: column;
    }

    .result-block:nth-child(even) .content-block {
        flex-direction: column;
    }

    .result-block:nth-child(odd) .content-block {
        flex-direction: column;
    }

    .img-block {
        width: 100%;
    }

    .text-block {
        width: 100%;
    }

    .planning-buttons {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ast-page-title1 {
        font-size: 28px;
        line-height: 40px;
        margin: 0;
    }
}