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

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

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

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

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

section.articleParagraphe.bg_beige{background-color:var(--beige);}

section.articleParagraphe.bg_bleu{background-color:var(--bleu);}

section.articleParagraphe.txt_beige > article{color:var(--beige);}

section.articleParagraphe.txt_rouge > article{color:var(--rouge);}

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

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

section.articleParagraphe > article .content > figure + .titre1, section.articleParagraphe > article .content > .titre1 + .ckeditor, section.articleParagraphe > article .content > .titre1 + .bt, section.articleParagraphe > article .content > .ckeditor + .bt{margin-top:60px;}

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

section.articleParagraphe > article .content > figure img{margin:0 auto;}

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

section.articleParagraphe > article .content > figure + .titre1, section.articleParagraphe > article .content > .titre1 + .ckeditor, section.articleParagraphe > article .content > .titre1 + .bt, section.articleParagraphe > article .content > .ckeditor + .bt{margin-top:30px;}

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

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

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

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

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

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

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