section.infosCles{
padding:50px;
text-align:center;
}

section.infosCles.bg_color_multi{
background:url(bg_intro.jpg) no-repeat center top;
background-size:cover;
}

section.infosCles .content{
width:1820px;
max-width:100%;
margin:0 auto;
}

section.infosCles .content .liste{
display:flex;
flex-flow:row wrap;
justify-content:center;
}

section.infosCles .content .liste article{
position:relative;
width:25%;
padding:50px 20px 0 20px;
}

section.infosCles .content .liste article > figure{display:block;}

section.infosCles .content .liste article > figure img{
display:block;
width:auto;
max-height:50px;
margin:0 auto;
}

section.infosCles .content .liste article > figure + .ssti, section.infosCles .content .liste article > figure + .ckeditor, section.infosCles .content .liste article .ssti + .ckeditor{padding-top:10px;}

section.infosCles .content .liste.hidden{display:none;}

/********** medias **********/
@media screen and (max-width:1280px){
section.infosCles .content .liste article{width:calc(100% / 3);}

section.infosCles .content .liste article > figure img{max-height:40px;}
}

@media screen and (max-width:1180px){
section.infosCles{padding:40px 20px;}

section.infosCles .content .liste article{padding-top:40px;}
}

@media screen and (max-width:860px){
section.infosCles .content .liste article{width:50%;}

section.infosCles .content .liste article > figure img{max-height:30px;}
}

@media screen and (max-width:480px){
section.infosCles .content .liste article{
width:100%;
padding:40px 0 0 0;
}
}