.listeArticles{
 padding-bottom:80px;
 display: flex;
 flex-direction: column;
 align-items: center;
}
.listeArticles > .ti{
 padding:120px 0 90px;
}

.listeArticles .liste{
display:flex;
flex-flow:row wrap;
 justify-content:center;
 padding:0 25px;
 width: 100%;
}

.listeArticles .liste.hidden{display:none;}

.listeArticles .liste article{
 display:flex;
 flex-direction:column;
 margin:25px 25px 40px;
 max-width: 520px;
}
.listeArticles .liste.col2 article{
width:calc(50% - 50px);
}
.listeArticles .liste.col3 article{
 width:calc(calc(100%/3) - 50px);
}
.listeArticles .liste.col4 article{
 width:calc(calc(100%/4) - 50px);
}
.listeArticles .img{
 width:100%;
 padding-top:100%;
 overflow:hidden;
 position:relative;
}
.listeArticles .img img{
 position:absolute;
 top:0;
 left:0;
 object-fit:cover;
 object-position:center;
 width:100%;
 height:100%;
}
.listeArticles .liste article .txt{
 padding:25px;
}
.listeArticles .liste article.nopadding .txt{
 padding: 0;
 margin-top: 25px;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.listeArticles .liste article .smti{
 margin-bottom: 25px;
 font-weight: 900;
}
.listeArticles > .lien,
.listeArticles .liste article .txt .lien{
 width:100%;
}
.listeArticles .liste article .txt .lien .bt{
 display:block;
 width:max-content;
 max-width:100%;
 margin-top:50px;
}
.listeArticles .liste article .txt .lien .bt.bg_ffffff{
 background-color:#fff;
 color:#000;
 border-color:#000;
}
.listeArticles .liste article .txt .lien .bt.bg_ffffff:hover{
 background-color:#000;
 color:#fff;
}
.listeArticles > .bt{
 margin:60px 0 20px;
}
.listeArticles .liste + .bt{
 margin-top:50px;
}

@media screen and (max-width:1440px){
 .listeArticles > .ti{
  padding: 85px 50px 65px;
 }
 .listeArticles .liste article{
  margin:0 15px 20px;
 }
 .listeArticles .liste.col2 article{
  width:calc(50% - 30px);
 }
 .listeArticles .liste.col3 article{
  width:calc(calc(100%/3) - 30px);
 }
 .listeArticles .liste.col4 article{
  width:calc(calc(100%/4) - 30px);
 }
}
@media screen and (max-width:1280px){
 .listeArticles{
  padding-bottom:65px;
 }
 .listeArticles .liste{
  padding: 0 30px;
 }
 .listeArticles .liste article{
  margin:0 10px 20px;
 }
 .listeArticles .liste.col2 article{
  width:calc(50% - 20px);
 }
 .listeArticles .liste.col3 article{
  width:calc(calc(100%/3) - 20px);
 }
 .listeArticles .liste.col4 article{
  width:calc(calc(100%/4) - 20px);
 }
}
@media screen and (max-width:980px){
 .listeArticles{
  padding-bottom:30px;
 }
 .listeArticles > .ti {
  padding: 50px 25px 35px;
 }
 .listeArticles .liste{
  padding:15px;
 }
 .listeArticles .liste.col4 article{
  width:calc(calc(100%/2) - 20px);
 }
 .listeArticles .liste article .smti{
  margin-bottom: 15px;
 }
 .listeArticles .liste article .txt{
  padding: 15px;
 }
 .listeArticles .liste article.nopadding .txt{
  margin-top: 15px;
 }
}
@media screen and (max-width:650px){
 .listeArticles .liste.col3 article{
  width:calc(calc(100%/2) - 20px);
 }
}
@media screen and (max-width:400px){
 .listeArticles .liste.col2 article,
 .listeArticles .liste.col3 article,
 .listeArticles .liste.col4 article{
  width:100%;
 }
}