div.actualites-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:40px}div.actualites-header .actualites-header-title{text-transform:uppercase;font-family:Bebas Neue,sans-serif;font-size:50px;font-weight:400;color:#405297;line-height:100%}div.actualites-header .filter form{background-color:#405297;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:100px;padding:10px 15px;gap:15px;cursor:pointer;transition:all .3s ease-out;position:relative;z-index:2;width:fit-content;box-shadow:0 3px 8px #5c5c5c63}div.actualites-header .filter form .label-select{font-size:20px;font-weight:400;z-index:2}div.actualites-header .filter form img{z-index:2}div.actualites-header .filter form select.filter-select{display:none}div.actualites-header .filter form .select-options{display:none;position:absolute;top:0;left:0;width:100%;background-color:#405297;color:#fff;border-radius:20px;z-index:1;padding-top:50px}div.actualites-header .filter form .select-options .options{display:flex;flex-direction:column;justify-content:center;align-items:center}div.actualites-header .filter form .select-options .options .option{padding:20px;width:100%}div.actualites-header .filter form .select-options .options .option:hover,div.actualites-header .filter form .select-options .options span.option.selected{background-color:#fff3}div.actualites-header .filter form .active{display:block;box-shadow:0 14px 14px #5c5c5c57}div.actualites-header .filter form:hover{box-shadow:0 14px 14px #5c5c5c57}@media (max-width: 426px){div.actualites-header{width:100%}div.actualites-header .actualites-header-title{font-size:30px}div.actualites-header .filter form .label-select{font-size:16px}div.actualites-header .filter form img{width:20px;height:20px}}div.articles-container{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;position:relative}div.articles-container .no-articles{grid-column:1/-1;text-align:center;padding:60px 20px;color:#405297;font-size:18px}div.articles-container .article{width:100%;height:100%;color:#1f1f1f;text-decoration:none;display:flex;flex-direction:column;gap:10px;transition:all .3s ease-out;position:relative;z-index:1;border:1px solid transparent}div.articles-container .article:before{content:attr(data-pin);position:absolute;top:15px;right:15px;background-color:#fff;color:#405297;padding:5px 15px;border-radius:100px;border:2px solid #405297;font-size:17px;font-weight:400;z-index:2;transition:all .3s ease-out;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 8px #5c5c5c63}div.articles-container .article-img{width:100%;height:100%;max-height:255px}div.articles-container .article-img__img{width:100%;height:100%;object-fit:cover}div.articles-container .article .content{display:flex;flex-direction:column;gap:10px;position:relative;padding-inline:0}div.articles-container .article .content:before{content:"";width:0;height:2px;background-color:#405297;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}div.articles-container .article .content-title{font-family:Bebas Neue,sans-serif;color:#405297;font-size:32px;font-weight:400;line-height:100%;text-transform:uppercase}div.articles-container .article:hover{text-decoration:none!important;transform:translateY(-4px)}div.articles-container .article:hover:before{background-color:#405297;color:#fff}div.articles-container .article:hover .content:before{animation:expand .3s ease-out forwards;width:100%}div.articles-container .article:hover .article-img__img{filter:brightness(1.08) contrast(1.05);transition:filter .3s}div.articles-container .pagination{grid-column:1/-1;display:flex;width:100%;align-items:center;justify-content:center;gap:10px;padding-top:70px;color:#405297}div.articles-container .pagination .action{display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease-out;padding:5px 10px;border:1px solid transparent;border-radius:5px;text-decoration:none;color:#405297}div.articles-container .pagination .action:hover{scale:1.1;border-color:#405297;text-decoration:none!important}div.articles-container .pagination .action:visited{color:#405297}div.articles-container .pagination .action.disabled{pointer-events:none;opacity:.5}div.articles-container .pagination .action.disabled:hover{background-color:transparent;color:#405297;scale:1}div.articles-container .pagination .pages{display:flex;align-items:center;justify-content:center;gap:8px}div.articles-container .pagination .pages .page{border:0 solid transparent;background-color:transparent;padding:10px;color:#405297;border-radius:7px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease-out;text-decoration:none}div.articles-container .pagination .pages .page:visited{color:#405297}div.articles-container .pagination .pages .page:hover{background-color:#405297;color:#fff;scale:1.1;text-decoration:none!important}div.articles-container .pagination .pages .dots{display:flex;align-items:center;justify-content:center;width:30px;height:30px;cursor:default}div.articles-container .pagination .pages .active{background-color:#405297;color:#fff}div.articles-container .arc{width:160px;height:115px;position:absolute;bottom:0;right:0;z-index:-1}div.articles-container .arc img{width:100%;height:100%;object-fit:cover}@media (max-width: 1025px){div.articles-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 426px){div.articles-container{grid-template-columns:repeat(1,1fr);gap:30px}div.articles-container .article-img{max-height:200px}div.articles-container .article .content-title{font-size:24px}div.articles-container .arc img{opacity:.5}}@media (max-width: 769px){div.articles-container .pagination{padding-top:50px;flex-wrap:wrap}div.articles-container .pagination .action{order:1;padding:5px 8px;background-color:#ffffff80}div.articles-container .pagination .pages{order:0;width:100%}div.articles-container .pagination .pages .page{width:25px;height:25px;font-size:14px}div.articles-container .pagination .pages .page:not(.active){background-color:#ffffff80}}div.articles-container:not(:has(.pagination)){padding-bottom:175px}@keyframes expand{0%{width:0;left:50%;transform:translate(-50%)}to{width:100%;left:50%;transform:translate(-50%)}}
