.section-dernier-article {background-color: var(--couleur-bg); background-repeat: no-repeat; padding-bottom: 150px;}
.section-dernier-article>div {flex-direction: column; gap: 30px;}
.section-dernier-article .p-white {color: var(--couleur-blanc);}
.section-dernier-article h2 {color: var(--couleur-blanc);}
.section-dernier-article .p-white {margin-bottom: 40px;}
.section-dernier-article .date {display: inline-block; padding-left: 10px; color: var(--couleur-secondaire-light); font-size: 14px; font-weight: 300;}
.section-dernier-article img {object-fit: cover; width: 100%; height: 100%; max-height: 370px;}

.filtre-thematique {background-color: var(--couleur-blanc); padding: 45px 0; gap: 30px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 50px; position: relative; top: -70px; flex-direction: column;}
label[for="metier-filter"] {font-size: 13px; font-weight: 500; color: var(--couleur-secondaire-light);}


#filtered-posts .pagination {width: 100%; text-align: center;}
#filtered-posts .pagination .page-numbers {font-weight: 300; color: var(--couleur-secondaire-light); padding: 0 30px;}
#filtered-posts .pagination .page-numbers.current {font-weight: 600; color: var(--couleur-bg);}

.dernier-article-blog-tag {padding: 7px 25px; display: inline-block; color: var(--couleur-secondaire); font-weight: 500; font-size: 12px; margin: 5px 3px;  border-radius: 8px;}
.bloc-tag-metiers{margin: 20px 0;}

.section-dernier-article.animate-before .bloc-left h1::before { left: -90px;}
.section-dernier-article .bloc-left h1::before{left: -100%;transition: left 0.8s ease;}

.loader-blog{position: relative; z-index: 9; width: 75px; margin: 0 auto;}
.filtre-thematique .field-border:hover,.filtre-thematique .field-border.selected{color: var(--couleur-blanc);background-color: var(--couleur-principale);}


.filtre-thematique .field-border {
  text-overflow: ellipsis;
  padding: 14px 32px;
  background-image: url('/wp-content/uploads/pictos/fleche-select-grise.svg');
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  appearance: none;
  cursor: pointer;
}


@media screen and (min-width: 768px) {
    .filtre-thematique, .bandeau-infos {flex-direction: row; z-index: 1;}
    .filtre-thematique {padding: 45px 90px; gap: 70px; }
    .section-dernier-article .date {padding-left: 35px;}
    .section-dernier-article>div {flex-direction: row;}
    .section-dernier-article>div {gap: 100px; flex-direction: row;position: relative; z-index: 1;}
    .section-dernier-article.module-picto {position: relative;}
    .section-dernier-article.module-picto::before {content: var(--motif-metier); position: absolute; bottom: 0; left: 0; z-index: 0;}
    .section-dernier-article .bloc-left, .section-dernier-article .bloc-right {
        margin-top: auto;
        margin-bottom: auto;
    }
}