.actes__filters-container, .actes__years-container{display:inline-block; vertical-align:top; margin-bottom:30px;}
.actes__filters-container{width:75%}
.actes__years-container{width:25%}

.actes__filters-title, .actes__years-title{font-size:120%; font-weight:bold; margin-bottom:10px;}
.actes__filter{display:inline-block; padding:5px 15px; border:1px solid #0E4194; border-radius:20px; margin:0 10px 10px 0; cursor:pointer; font-size:90%;}
.actes__filter::before{content:"\2b"; display:inline-block; margin-right:5px; font-size:120%; font-family:"Font Awesome 5 Free"; line-height:0; position:relative; top:2px; transition:0.3s transform ease 0s;}
.actes__filter:hover, .actes__filter.active{background:#0E4194; color:#fff;}
.actes__filter.active::before{transform:rotate(-45deg);}

#year{background-color:#fff; padding:5px 15px; border:1px solid #0E4194; border-radius:20px; font-size:90%;}
#year option{background-color:#fff;}

.acte__content{background:#f0f7f7; padding:40px; margin-bottom:30px;}
.acte__content h2{font-size:150%; margin:0 0 10px;}
.acte__date{font-style:italic; margin:20px 0 10px;}
.acte__date:before{content:"\f133"; font-family:"Font Awesome 6 Free"; margin-right:5px; font-weight:400; font-size:80%; font-style:normal;}

.acte__doc{margin-bottom:15px;}
.acte__doc a{position:relative; padding-left:10px;}
.acte__doc a:before{content:"•"; position:absolute; top:2px; left:0; font-size:120%; line-height:1;}

@media all and (max-width:781px){
    .acte__content{padding:20px; margin-bottom:30px;}
}