/* WRAPPER GLOBAL */
#miniposts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

/* MINIPOST */
.minipost {
    max-width: 330px;
    width: 100%;
    padding: 1px;
    background: url(images/minip.jpg) repeat;
    color: #222;
    font-family: Georgia, Arial, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* TITRE */
.minipost h2 {
    margin: 0;
    padding: 0 0 3px 0;
    text-align: left;
    font-size: 18px;
    overflow: hidden;
    height: 18px;
    background-color: #FDC7B9;
}

.minipost h2 a:link,
.minipost h2 a:visited {
    color: #000;
}

/* CATEG */
.categ {
    line-height: 16px;
    font-size: 12px;
    height: 16px;
    overflow: hidden;
}

.categ a:link,
.categ a:visited {
    color: #B22621;
}

/* HENTRY */
.hentry {
    padding: 0 5px 2px 5px;

    /* suppression des anciennes contraintes */
    height: auto;
    overflow: visible;

    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* MINICONTENT — image à gauche, texte à droite */
.minicontent {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
	text-align: justify;
}

/* IMAGE */
.minicontent img {
    width: 120px;
    height: auto;
    display: block;
    flex-shrink: 0;
    padding: 4px;
    background: #fff;
    border: 1px solid #BFBFBF;
}

/* TEXTE */
.minicontent p {
    flex: 1;
    margin: 0;
    color: #6b7478;
}

/* META */
.minimeta {
	margin-top: auto;      /* pousse le bloc en bas */
    text-align: left;  
    color: #B22621;
    height: 25px;
    padding: 12px 12px 0 10px;
    background: url(images/minimet.jpg) repeat-x;
    background-position: center;
}
.post-breaker {
    width: 100%;
    height: 20px;
    background: url(images/postbreaker.jpg) no-repeat center;
    margin: 20px 0;
}

/* ============================================================*/
/*           TABLETTE 768–1024px                               */
/*============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

    #miniposts-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 2px;
        justify-content: center;
        margin-top: 1px;
    }

    .minipost {
        max-width: 326px;
        width: 100%;
        padding: 4px;
        margin-bottom: 3px;
        background: url(images/minip.jpg) repeat;
        color: #222;
        font-family: Georgia, Arial, Verdana, sans-serif;
    }
}

/* ============================================================*/
/*           MOBILE ≤ 768px                                    */
/*============================================================ */

@media (max-width: 768px) {

    #wrapper {
        flex-direction: column;
    }

    #miniposts-wrapper {
        max-width: 415px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 3px;
        justify-content: center;
        margin-top: 3px;
    }

    .minipost {
        max-width: 400px;
        width: 100%;
        padding: 3px;
        background: url(images/minip.jpg) repeat;
        color: #222;
        font-family: Georgia, Arial, Verdana, sans-serif;
    }
}