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.beige{background-color:var(--beige);}

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

section.articleParagraphe.txt_align_left > article{text-align:left;}

section.articleParagraphe.txt_align_right > article{text-align:right;}

section.articleParagraphe > article .content{
width:650px;
max-width:100%;
}

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

section.articleParagraphe.txt_align_left > article .content .ckeditor{margin:0;}

section.articleParagraphe.txt_align_right > article .content .ckeditor{margin:0 0 0 auto;}

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

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

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

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

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

section.articleParagraphe, section.articleParagraphe.reverse{flex-flow:column-reverse;}

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