section.infosColonnes{padding:70px 0;}

main section.infosColonnes:first-child{padding-top:180px;}

section.infosColonnes .intro{text-align:center;}

section.infosColonnes .intro > .titre1 + .ckeditor, section.infosColonnes .intro + .content_marges{padding-top:40px;}

section.infosColonnes .content_marges{
display:flex;
flex-flow:row wrap;
justify-content:center;
}

section.infosColonnes .content_marges.hidden{display:none;}

section.infosColonnes .content_marges.align_col_left{justify-content:flex-start;}

section.infosColonnes .content_marges > article{
display:flex;
flex-flow:column;
align-items:center;
padding:30px 15px 0 15px;
text-align:center;
}

section.infosColonnes .content_marges > article.valign_middle{justify-content:center;}

section.infosColonnes .content_marges > article.valign_bottom{justify-content:flex-end;}

section.infosColonnes .content_marges.align_left > article{
align-items:flex-start;
text-align:left;
}

section.infosColonnes .content_marges.align_right > article{
align-items:flex-end;
text-align:right;
}

section.infosColonnes.col2 .content_marges > article{width:50%;}

section.infosColonnes.col3 .content_marges > article{width:calc(100% / 3);}

section.infosColonnes.col4 .content_marges > article{width:25%;}

section.infosColonnes .content_marges > article > div, section.infosColonnes .content_marges > article > figure{
margin-bottom:30px;
width:100%;
}

section.infosColonnes .content_marges > article > div.lien_plus{
width:auto;
margin-top:auto;
}

section.infosColonnes .content_marges > article > figure{position:relative;}

section.infosColonnes .content_marges > article > figure a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

section.infosColonnes .content_marges > article > figure::after{
content:'';
display:block;
padding-bottom:100%;
}

section.infosColonnes .content_marges > article > figure img{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;
}

section.infosColonnes .content.lien{text-align:center;}

section.infosColonnes .intro + .lien, section.infosColonnes .content_marges + .lien{padding-top:70px;}

/********** medias **********/
@media screen and (max-width:1380px){
section.infosColonnes .intro > .titre1 + .ckeditor, section.infosColonnes .intro + .content_marges{padding-top:20px;}

section.infosColonnes{padding:50px 0;}

section.infosColonnes .content_marges > article > div, section.infosColonnes .content_marges > article > figure{margin-bottom:20px;}
}

@media screen and (max-width:1060px){
section.infosColonnes .content_marges > article{padding-top:20px;}

section.infosColonnes.col4 .content_marges > article{width:calc(100% / 3);}
}

@media screen and (max-width:980px){
section.infosColonnes .content_marges > article > div, section.infosColonnes .content_marges > article > figure{margin-bottom:15px;}

section.infosColonnes.col3 .content_marges > article{width:50%;}
}

@media screen and (max-width:780px){
main section.infosColonnes:first-child{padding-top:120px;}

section.infosColonnes .content_marges > article{padding:20px 5px 0 5px;}

section.infosColonnes.col2 .content_marges > article{
width:100%;
padding:20px 0 0 0;
}

section.infosColonnes.col4 .content_marges > article{width:50%;}

section.infosColonnes .intro + .content_marges, section.infosColonnes .intro > .titre1 + .ckeditor{padding-top:20px;}
}

@media screen and (max-width:680px){
section.infosColonnes.col3 .content_marges > article{
width:100%;
padding:20px 0 0 0;
}
}

@media screen and (max-width:460px){
section.infosColonnes .content_marges > article{padding:20px 0 0 0;}

section.infosColonnes.col4 .content_marges > article{width:100%;}

section.infosColonnes{padding:40px 0;}
}