[lang="ar"] .btnpost {
    float: left;
}

.emploi-container{
	display:flex;flex-wrap: wrap;align-items: center; justify-content: space-between;
}
.emploi-info{
	width:75%;
}

.next.page-numbers{
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position:center;
    background-size: 30px;    
}   
.btnpost a:focus, .btnpost a:hover {
    color: #ffffff !important;
}
ul.page-numbers .current {
    background: #fff;
    color:#FFC709 ;
    font-weight: bold;
    padding: 10px 15px;
}
ul.page-numbers a{
    background: #fff;
    color:#004F9E;
    padding: 10px 15px;
}
.pagination-prod{
    width: fit-content;
    margin: 0 auto;
}    
.emploi-list{
    padding:60px 80px;
}   
.emploi{
    background-color:#F0F0F0;
    padding:30px 50px;
    border-radius:10px;
    margin-bottom:30px;
} 
h3.emploi-title {
    color: #000000;
	font-weight:700;
}

.emploi-list{
    background-color:#fff;
}
.timpl{
   /* padding :0 0 20px 0;*/
    width:fit-content;
    margin:0 ; 
    display:flex;
    flex-wrap:wrap;
    min-width: 200px;
    gap: 25px;
    justify-content: space-between;
}
.pl{
    font-size: 16px;
    padding-left: 30px;
    position: relative;
}
[lang="ar"] .pl {
    padding-left: 0px;
	padding-right: 30px;
}
.pl:before {
    content: "";
    position: absolute;
    left: 0;
    width: 22px;
    height:22px;
    background-image:url(../img/map.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
[lang="ar"] .pl:before {
    left: auto;
	right:0;
}
.tim{
    font-size: 16px;
    padding-left: 30px;
    position: relative;
}
[lang="ar"] .tim {
    padding-left: 0px;
	padding-right: 30px;
}
.tim:before {
    content: "";
    position: absolute;
    width: 22px;
    height:22px;
    background-image:url(../img/Frameclock.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
}
[lang="ar"] .tim:before {
    left: auto;
	right:0;
}
.btnpost a {
    color: #7AB529;
    font-size: 18px;
    font-weight: 700;
    background-color: transparent;
    border: 1px solid;
    border-radius: 3px;
    padding: 13px 20px;
    text-transform: capitalize;
}

.btnpost a:hover{
	color:#fff; 
 background-color:#7AB529;
}

@media(max-width:900px){
    .btnpost {
     margin: 10px 0 0 0;
}
.emploi-list {
    padding: 50px 15px;
}
.emploi {
    padding: 20px 20px 40px 20px;
}
	.emploi-info{
	width:100%;
}
}
