section.articleDamier{text-align:center;}

section.articleDamier.beige{background-color:var(--beige);}

section.articleDamier.noir{
background-color:#000;
color:var(--beige);
}

section.articleDamier > .ti_gd{
display:block;
width:1200px;
max-width:100%;
margin:0 auto;
padding:110px 20px;
}

section.articleDamier .liste{
display:flex;
flex-flow:row wrap;
}

section.articleDamier .liste article{
position:relative;
width:50%;
padding:85px 50px;
}

section.articleDamier .liste article.beige{
background-color:var(--beige);
color:#000;
}

section.articleDamier .liste article.noir{
background-color:#000;
color:var(--beige);
}

section.articleDamier .liste article .content{
display:flex;
flex-flow:column;
align-items:center;
width:470px;
max-width:100%;
margin:0 auto;
}

section.articleDamier .liste article .content .ti_gd + .ckeditor, section.articleDamier .liste article .content .ti_gd + figure,
section.articleDamier .liste article .content .ckeditor + figure, section.articleDamier .liste article .content .ti_gd + .lien,
section.articleDamier .liste article .content .ckeditor + .lien, section.articleDamier .liste article .content figure + .lien{
padding-top:60px;
}

section.articleDamier .liste article .content .lien{margin-top:auto;}

/********** medias **********/
@media screen and (max-width:1380px){
section.articleDamier > .ti_gd{padding:70px 20px;}

section.articleDamier .liste article{padding:60px 20px;}
}

@media screen and (max-width:980px){
section.articleDamier > .ti_gd{padding:50px 20px;}

section.articleDamier .liste article{padding:40px 20px;}

section.articleDamier .liste article .content .ti_gd + .ckeditor, section.articleDamier .liste article .content .ti_gd + figure,
section.articleDamier .liste article .content .ckeditor + figure, section.articleDamier .liste article .content .ti_gd + .lien,
section.articleDamier .liste article .content .ckeditor + .lien, section.articleDamier .liste article .content figure + .lien{
padding-top:40px;
}
}

@media screen and (max-width:680px){
section.articleDamier > .ti_gd{padding:40px 20px;}

section.articleDamier .liste article{width:100%;}
}