section.articleParagraphe{
display:flex;
flex-flow:row;
justify-content:center;
}

section.articleParagraphe.reverse{flex-flow:row-reverse;}

section.articleParagraphe > article{width:100%;}

section.articleParagraphe > figure, section.articleParagraphe > figure + article{width:50%;}

section.articleParagraphe > figure a{
display:block;
width:100%;
height:100%;
}

section.articleParagraphe > figure img{
width:100%;
height:100%;
object-fit:cover;
}

section.articleParagraphe > article{
display:flex;
flex-flow:column;
justify-content:center;
align-items:center;
padding:100px 50px;
text-align:center;
}

section.articleParagraphe > article .content{
width:700px;
max-width:100%;
margin:0 auto;
}

section.articleParagraphe > article .content > .ti + .ckeditor{padding-top:40px;}

section.articleParagraphe > article .content > .ti + .bt, section.articleParagraphe > article .content > .ckeditor + .bt{margin-top:80px;}

/********** medias **********/
@media screen and (max-width:1180px){
section.articleParagraphe > article{padding:50px 20px;}

section.articleParagraphe > article .content > .ti + .ckeditor{padding-top:20px;}

section.articleParagraphe > article .content > .ti + .bt, section.articleParagraphe > article .content > .ckeditor + .bt{margin-top:40px;}
}

@media screen and (max-width:780px){
section.articleParagraphe, section.articleParagraphe.reverse{flex-flow:column-reverse;}

section.articleParagraphe > article{padding:40px 20px;}

section.articleParagraphe > figure, section.articleParagraphe > figure + article{width:100%;}
}

@media screen and (max-width:420px){
section.articleParagraphe > article{padding:20px;}

section.articleParagraphe > article .content > .ti + .bt, section.articleParagraphe > article .content > .ckeditor + .bt{margin-top:20px;}
}