section.listePictos{
text-align:center;
padding:35px 30px 80px 30px;
background-color:var(--beige);
}

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

section.listePictos .content > .titre1, section.listePictos .content > .ckeditor, section.listePictos .content > .lien{padding-top:45px;}

section.listePictos .content > .ckeditor + .lien{padding-top:20px;}

section.listePictos .content .pictos.hidden{display:none;}

section.listePictos .content .pictos{
display:flex;
flex-flow:row wrap;
justify-content:center;
}

section.listePictos .content .pictos li{
width:calc(100% / 3);
padding:45px 60px 0 60px;
}

section.listePictos .content .pictos li .bloc{
display:flex;
flex-flow:column;
height:100%;
}

section.listePictos .content .pictos li .bloc > figure{
flex:1;
width:100%;
}

section.listePictos .content .pictos li .bloc > figure > img{
margin:0 auto;
width:auto;
max-height:100px;
}

section.listePictos .content .pictos li .bloc > figure + .ti{padding-top:25px;}

section.listePictos .content .pictos li .bloc > .ti{
text-transform:uppercase;
width:100%;
}

/********** medias **********/
@media screen and (max-width:980px){
section.listePictos{padding:15px 20px 60px 20px;}
}

@media screen and (max-width:780px){
section.listePictos .content .pictos li{padding:30px 15px 0 15px;}
}

@media screen and (max-width:580px){
section.listePictos .content .pictos li{width:50%;}
}

@media screen and (max-width:400px){
section.listePictos .content .pictos li{
width:100%;
padding:30px 0 0 0;
}
}