.diaporama-details-block {
    display: inline-block;
}

.diaporama-details-block > div.data:first-child{
    border-radius: 6px 0 0 6px;
}

.diaporama-details-block > div.data:last-child{
    border-radius: 0 6px 6px 0;
}

.diaporama-details-block > div.data:only-child{
    border-radius: 6px;
}

.diaporama-details-flex {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;

    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}


.diaporama-details a {
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    font-family: 'PFDinDisplayPro-Light';
    color: #D5B544;
}

.heart {
    margin-right: 5px;
    height: 20px;
    margin-top: -2px;
}

.diaporama-details .icon {
    width: 16px;
    margin-right: 5px;
}

.diaporama-details .data {
    display: table-cell;
    padding: 6px 20px;
    background-color: #5A5652;
    opacity: 1;
    font-size: 18px;
    font-family: 'PFDinDisplayPro-Regular";
}

.diaporama-details-block.noopacity .data {
    opacity: 1;
}

.diaporama-details-flex.fullwidth .diaporama-details-block {
    width: 100%;
}

.diaporama-details-flex.fullwidth .diaporama-details-block .data {
    display: block;
    text-align: center;
}

.data.gray {
    background-color: #73726F;
}
.data.small {
    font-size: 16px;
}

.data.white {
    background-color: #fff;
    opacity: 1;
}

.diaporama-details {
    margin: 10px auto;
}

.diaporama-details > .details-wrap {
    font-size: 22px;
}

.diaporama-details .number {
    color:#ffffff;
}

.diaporama-details .intitule {
    font-size:16px;
    color:#C1C0BD;
}

.diaporama-details .bold {
    font-weight:normal;color:#96958F;
}

@media screen and (max-width: 990px) {
    .diaporama-details {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;

        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .diaporama-details-flex {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;

        -moz-box-direction: column;
        -webkit-box-direction: column;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -ms-flexbox-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
    }

    .diaporama-details-flex > * {
        margin: 10px auto;
    }

    .diaporama-details .right-grid {
        text-align: center;
    }
}