.accroche_text_flex {
    display: flex
}

.accroche_text_flex .accroche_text {
    display: block;
    text-align: left;
    width: 640px;
    max-width: 80%;
    margin: 0 10% 0 0;
    padding: 20px 0 0 10%;
}

.accroche_text_flex .picture_side {
    position: relative;
    max-width: 20%;
    padding: 25px 25px 0 0;
}

.accroche_text_flex .picture_side a img {
    max-height: 480px;
}

.bdl-page-event-button-container-without-margin {
    text-align: center;
    margin: 25px 0 0px 0;
}

.bdl-page-event-button-container .btn, .bdl-page-event-button-container-without-margin .btn {
    border: 2px solid #21699e;
    color: #21699e;
    margin-bottom: 10px;
}

.bdl-page-event-button-container .btn:hover, .bdl-page-event-button-container-without-margin .btn:hover {
    border: 2px solid #9e7e28;
    color: #9e7e28;
}

.bdl-page-event-button-container .btn.gold, .bdl-page-event-button-container-without-margin .btn.gold {
    border: 2px solid #9e7e28;
    color: #9e7e28;
}

.bdl-page-event-button-container .btn.gold:hover, .bdl-page-event-button-container-without-margin .btn.gold:hover {
    border: 2px solid #21699e;
    color: #21699e;
}

@media screen and (max-width: 820px) {
    .accroche_text_flex .picture_side {
        display: none;
    }
    .accroche_text_flex .accroche_text {
        display: block;
        text-align: left;
        width: 640px;
        max-width: 100%;
        margin: 0 auto;
        padding: 20px 0 0 0;
    }
    
}

@media screen and (max-width: 500px) {
    .btn {
        max-width: 85vw!important;
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}