.blogList{position:relative;border-bottom:50rem}@media (min-width:992px){.blogList{padding:5rem 0}}.blogList .container{max-width:80%}.blogList .title-area{text-align:center}.blogList .blog-filters{background-color:#d1e9ed;padding-bottom:3rem;padding-top:4rem;padding-left:12.6rem;width:100vw;position:relative}.blogList .blog-filters .btn{background-color:#a9d2d9;color:#000;border:none}.blogList .blog-filters .btn:hover{background-color:#8bb8be}.blogList .blog-filters .btn.btn-primary{background-color:#08838f;color:#fff}.blogList .blog-filters .btn.btn-outline-primary{background-color:#a9d2d9;color:#000;border-color:#a9d2d9}.blogList .blog-filters .btn.btn-active{background-color:#08838f;color:#fff;border:none;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1)}.blogList .article-featured{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.blogList .article-featured .article-image{max-width:45%;height:auto;margin-right:2rem}.blogList .article-featured .article-details{max-width:50%;padding:1rem;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.blogList .article-featured .article-description{font-size:1.1rem;color:#333;margin-top:1rem;max-height:200px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;line-height:1.5;word-wrap:break-word;word-break:break-word}.blogList .article-featured:after{content:"";position:absolute;top:22.5rem;left:0;z-index:-1;width:100%;height:100%;background:url(../../../img/vagues/vague7.svg) no-repeat}@media (min-width:992px){.blogList .article-featured:after{background-size:100%}}.blogList .tematik_page_list--blog{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.blogList .tematik_page_list--blog li{-ms-flex-preferred-size:31%;flex-basis:31%;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:992px){.blogList .tematik_page_list--blog li{-ms-flex-preferred-size:48%;flex-basis:48%}}@media (max-width:576px){.blogList .tematik_page_list--blog li{-ms-flex-preferred-size:100%;flex-basis:100%}}.blogList .pagination-wrapper{margin-bottom:5rem}