#frontoffice {
    background-image: url(background.jpg);
}

/* Liste agenda */
.dgb_list {
    margin-top: 310px;
}

/* compensation date */
.dgb_list .swiper-wrapper {
    padding-top: 60px;
    padding-bottom: 112px;
}

.dgb_list  .swiper-button-prev,
.dgb_list  .swiper-button-next {
    bottom: 0px;
    top: initial;
    z-index: 51;
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 50px;
}

/* Date */
.dgb_list ._date {
    display: block;
    position: absolute;
    font-size: 24px;
    /*top: -53px;*/
    top: -64px;
    /*width: 600px;*/
    width: 238px;
    text-align: left;
    color: #f9b729;
    text-transform: capitalize;
}

/* Ligne séparatrice dates */
.dgb_list ._date::before {
    content: "";
    border-left-color: #f9b729;
    border-left-style: dotted;
    height: 903px;
    position: absolute;
    top: 7px;
    left: -33px;
}

/* Titre agenda = 3 lignes */
.dgb_list .dgb_fiche ._title {
    font-size: 16px;
    height: 56px;
    line-height: 19px;
}

/* Heures */
.dgb_list .dgb_fiche ._heureDebut {
    display: block;
    position: absolute;
    width: 55px;
    right: 30px;
    height: 27px;
    line-height: 27px;
    top: 75px;
    color: white;
    /*background: #e30045;*/
    background: #e30045;
    z-index:9;
}

.dgb_list  .dgb_fiche.dgb_selection--45694 ._heureDebut {
    background: #005299;
}