.petit-dejeuner {}
.block-petit-dejeuner {
    height: auto;
    width: 260px;
    display: flex; display:-webkit-flex; -ms-flexbox;
    justify-content: center; -webkit-justify-content: center; -ms-justify-content: center;
    align-items: center; -webkit-align-items: center; -ms-align-items: center;
    flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column;
    margin-bottom: 2em;
}
.conteneur-petit-dejeuner{
    display: flex; display:-webkit-flex; -ms-flexbox;
    flex-wrap: wrap; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;
}
.block-petit-dejeuner .block-image {
    height: 110px;
    text-align: center;
    width: 100%;
}
.block-petit-dejeuner .block-image.block-image-vide{ /* Si besoin d'un placeholder */ }
.block-petit-dejeuner .block-image.block-image-logo{ background-size: contain; background-position: center; background-repeat: no-repeat; }

.block-petit-dejeuner .block-image img {
    max-height: 90%;
    max-width: 90%;
}
.block-petit-dejeuner .content {
    background-color: #f1f1f1;
    height: auto;
    min-height: 12em;
    max-height: 18em;
    overflow: auto;
    flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto;
    padding: 20px;
    width: 100%;
    display: flex; display:-webkit-flex; -ms-flexbox;
    align-items: center; -webkit-align-items: center; -ms-align-items: center;
}

.block-petit-dejeuner .content.medium p { font-size: 1.07em; }
.block-petit-dejeuner .content p {
    margin: auto;
    text-align: center;
}
.petit-dejeuner.recents .block-date{
    background: #8CDE82; color: #FFF;
    background: #8CDE82;
    padding: .2em 1.5em;
    border-radius: 3em;
    position: absolute;
    top: -1em;
}
.petit-dejeuner.recents .content{ background: #8CC9EB; padding-top: 2em;}
.petit-dejeuner.recents .content,
.petit-dejeuner.recents .content *{  color: #FFF; }