body {
    background-color:#EBEFD3;
}
#masthead {
    z-index:5;
}

#primary .entry-content a {
  color: #b0c626  !important;
}

#containerLogo { grid-area: 1 / 1 / 2 / 4; }
#site-navigation { grid-area: 1 / 4 / 2 / 9; }
#containerPictos { grid-area: 1 / 9 / 2 / 13; }

#containerLogo {
    text-align:left;
}
#containerLogo img {
  width: 100%;
}
.introBlog {
    background-image: linear-gradient(to bottom right, #EBEFD3, #b9cc4a);
    color:#000;
    padding-top: 30px;
    padding-bottom: 30px;
}
.introBlog h1 {
    color:#000;
}
article.category-blog {
    margin-top:50px;    
}
#containerPostThumbnail {
    width:100%;
    display:block;
    min-height:500px;
    background-position:center;
    background-size:cover;
    margin-bottom:50px;
}
#containerPictos img {
    height:40px;
}
#containerAccrocheZeroDechet {
    margin-bottom: 25px;
    margin-top:0;
}
footer#colophon {
    margin-top:150px;
}
footer#colophon {
    background-image: linear-gradient(to bottom right, #EBEFD3, #b9cc4a);
    border-top: 1px solid #cccccc;

}
footer.site-footer-blog #containerMentionsLegales {
    background-color:transparent;
}
footer.site-footer-blog #containerMentionsLegales a {
    color:#000;
    transition: all 0.35s ease-in;
}
footer.site-footer-blog #containerMentionsLegales a:hover,
footer.site-footer-blog #containerMentionsLegales a:focus {
    text-decoration:underline;
}
.vc_grid-item-mini{
    transition: all 0.35s ease-in;
}
.vc_grid-item-mini:hover,
.vc_grid-item-mini:focus{
    transform: scale(1.025);
}
.vc_gitem-zone a {
    color:#fff!important;
    transition: all 0.35s ease-in;
}
.vc_gitem_row .vc_gitem-col {
    padding:20px;
}
 .vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item {
    padding:2px 10px;
 }
.vc_grid-filter-item.vc_active {
    background-color:#b0c626 !important;
    border-radius:0!important;
}
.vc_grid-filter-item span {
    display:inline-block;
    padding:2px 5px;
}
.vc_grid-filter-item.vc_active span {
    color:#fff!important;
}
.vc_grid-filter-item.vc_active:hover span,
.vc_grid-filter-item.vc_active:focus span,
.vc_grid-filter.vc_grid-filter-color-grey > .vc_grid-filter-item:hover {
    background-color:transparent!important;
    border-radius:0!important;
    /* border:1px solid #bb98e6; */
    color:#bb98e6!important;
}
.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-violet > li {
    border-color:#997abf!important;
}
.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination-color-violet > li > a {
  border-color: #b0c626  !important;
  background-color: #b0c626  !important;
  font-size: 1.1em !important;
  display: flex;
  min-width: 35px;
  min-height: 35px;
  align-items: center;
  justify-content: center;
}
ul.vc_grid-filter {
    border:1px solid grey;
    border-width:1px 0;
    padding:20px;
    margin-top:50px;
    margin-bottom:50px;
}
.vc_gitem-zone a.vc_general {
    display: block;
    border-radius: 0;
    border: 2px solid #b0c626 ;
    background-color: transparent !important;
    color:#b0c626 !important;
}




#primary .entry-content .vc_gitem-zone a.vc_general:hover,
#primary .entry-content .vc_gitem-zone a.vc_general:focus {
    border: 2px solid transparent;
    background-color: #b0c626  !important;
    color:#fff!important;
}
.post-navigation {
    display:none;
}


.comment.odd {
    background-color:transparent;
    margin-top: 25px;
}


.pingback.even,
.comment.even {
    background-color:#fff;
    padding:25px;
}

#containerComments {
    margin-top:100px;
}
nav.post-navigation {
    margin:auto!important;
}



article.post-list-item {
    margin-top:0;
}
.post-list-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}
.post-thumbnail {
    margin-bottom:0;
}
.post-thumbnail img {
    width: 150px;
    height: auto;
    object-fit: cover;
}

.post-content {
    flex: 1;
}

.post-title {
    font-size: 1.3rem;
    margin: 0 0 10px;
}

.post-title a {
    text-decoration: none;
    color: #222;
}

.post-title a:hover {
    text-decoration: underline;
}

.post-excerpt {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.5;
}

#primary.container-archive-blog {
    margin-top:50px;
}
