/* masquer l'image d'illustration d'un article dans la page de l'article, on l'utilise que sur la page sommaire /blog */
article[typeof="schema:Article"] img[property="schema:image"]{
/*    display: none;*/
    margin: 0 auto 30px auto;
}
/* masquer le "Soumis par admin le" d'un article dans la page de l'article */
article[typeof="schema:Article"] footer{
    display: none;
    color: #AB4444;
}
.layout-container[data-alias="blog"] .item-list-blog ul{
    display: flex;
    flex-wrap: wrap;
}
.layout-container[data-alias="blog"] .item-list-blog ul li{
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 20px;
}
@media screen and (max-width: 1500px) {
    .layout-container[data-alias="blog"] .item-list-blog ul li{
        width: 33.33% !important;
    }
}
@media screen and (max-width: 1150px) {
    .layout-container[data-alias="blog"] .item-list-blog ul li{
        width: 50% !important;
    }
}
@media screen and (max-width: 800px) {
    .layout-container[data-alias="blog"] .item-list-blog ul li{
        width: 100% !important;
    }
}
.layout-container[data-alias="blog"] .views-field-field-image img{
    transition: all ease 0.3s;
}
.layout-container[data-alias="blog"] .views-field-field-image img:hover{
    opacity: 0.8;
}
.layout-container[data-alias="blog"] .views-field-title a{
    font-size: 22px;
}
.layout-container[data-alias="blog"] .views-field-created{
    color: #B08C68;
    font-weight: 500;
}