section.articles2Col.bg_bleu, section.articles2Col.bg_beige, section.articles2Col.bg_rouge{padding:70px 0;}

section.articles2Col .intro{
padding-bottom:60px;
text-align:center;
}

section.articles2Col .intro > .titre1, section.articles2Col .intro > .ckeditor{
display:block;
margin:0 auto;
width:620px;
max-width:100%;
}

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

section.articles2Col .liste{
display:flex;
flex-flow:row wrap;
justify-content:center;
}

section.articles2Col .liste.content{width:1460px;}

section.articles2Col .liste > figure, section.articles2Col .liste > article{
width:50%;
display:flex;
flex-flow:column;
justify-content:center;
align-items:center;
}

section.articles2Col .liste > article.align_top{justify-content:flex-start;}

section.articles2Col .liste > figure.gd, section.articles2Col .liste > article.gd{width:100%;}

main section.articles2Col:first-child .intro, main section.articles2Col:first-child .liste:first-child article:first-child, main section.articles2Col:first-child .liste:first-child article:nth-child(2){padding-top:180px;}

section.articles2Col .liste.col_textes > figure, section.articles2Col .liste.col_textes > article{justify-content:flex-start;}

section.articles2Col .liste.arrondis > article, section.articles2Col .liste.arrondis > figure{
border-radius:17px;
width:calc(50% - 30px);
margin:15px;
overflow:hidden;
}

section.articles2Col .liste.arrondis > article.gd, section.articles2Col .liste.arrondis > figure.gd{width:100%;}

section.articles2Col .liste > article{padding:60px 80px;}

section.articles2Col .liste.col_textes > article{
padding:50px 80px;
margin-top:50px;
}

section.articles2Col .liste.col_textes > article:nth-child(even){border-left:2px solid var(--bleu);}

section.articles2Col.bg_rouge .liste.col_textes > article:nth-child(even), section.articles2Col.bg_bleu .liste.col_textes > article:nth-child(even){border-left:2px solid var(--beige);}

section.articles2Col .liste.col_textes > article:first-child + section.articles2Col .liste.col_textes > article:first-child + article{margin-top:0;}

section.articles2Col .liste > article.align_left, section.articles2Col .liste > article .lien.align_left{text-align:left;}

section.articles2Col .liste > article.align_centre, section.articles2Col .liste > article .lien.align_centre{text-align:center;}

section.articles2Col .liste > article.align_right, section.articles2Col .liste > article .lien.align_right{text-align:right;}

section.articles2Col .liste > article .txt, section.articles2Col .liste > article .lien{
width:620px;
max-width:100%;
}

section.articles2Col .liste > article .txt + .txt{margin-top:20px;}

section.articles2Col .liste > article.gd .txt, section.articles2Col .liste > article.gd .lien{width:100%;}

section.articles2Col .liste > article .lien{padding-top:45px;}

section.articles2Col .liste > figure img{margin:0 auto;}

section.articles2Col .liste > figure{padding:60px;}

section.articles2Col .liste > figure.full{padding:0;}

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

/********** medias **********/
@media screen and (max-width:1380px){
section.articles2Col.bg_bleu, section.articles2Col.bg_beige, section.articles2Col.bg_rouge{padding:50px 0;}

section.articles2Col .intro{padding-bottom:40px;}

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

section.articles2Col .liste > article{padding:60px;}
}

@media screen and (max-width:1280px){
section.articles2Col .liste > article{padding:60px 40px;}

section.articles2Col .liste > figure{padding:40px;}

section.articles2Col .liste.col_textes > article{padding:30px 50px;}

main section.articles2Col:first-child .intro, main section.articles2Col:first-child .liste:first-child article:first-child, main section.articles2Col:first-child .liste:first-child article:nth-child(2){padding-top:150px;}

section.articles2Col .intro{padding-bottom:50px;}
}

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

main section.articles2Col:first-child .intro, main section.articles2Col:first-child .liste:first-child article:first-child, main section.articles2Col:first-child .liste:first-child article:nth-child(2){padding-top:80px;}

section.articles2Col .liste.col_textes > article{margin-top:25px;}
}

@media screen and (max-width:780px){
section.articles2Col .liste > figure, section.articles2Col .liste > article, section.articles2Col .liste > article .txt, section.articles2Col .liste > article .lien{width:100%;}

section.articles2Col .liste > figure.full{max-height:500px;}

section.articles2Col .liste > figure + figure{margin-top:20px;}

section.articles2Col .liste > article, section.articles2Col .liste.col_textes > article{padding:40px 20px;}

section.articles2Col .liste.col_textes > article{margin-top:0;}

section.articles2Col .liste.col_textes > article:nth-child(2n){border-left:0;}

section.articles2Col .liste.content > article{padding:40px 0;}

section.articles2Col .liste.content > article.bg_beige, section.articles2Col .liste.content > article.bg_rouge, section.articles2Col .liste.content > article.bg_bleu{padding:40px 20px;}

main section.articles2Col:first-child .liste:first-child article:nth-child(2){padding-top:40px;}

section.articles2Col .liste > article .lien{padding-top:25px;}

section.articles2Col .liste.arrondis > article, section.articles2Col .liste.arrondis > figure{
width:100%;
margin:10px 0;
}

section.articles2Col .liste > figure{padding:20px;}
}

@media screen and (max-width:460px){
section.articles2Col.bg_bleu, section.articles2Col.bg_beige, section.articles2Col.bg_rouge{padding:40px 0;}
}