.blocMod.bandeauArticles{
position:relative;
display:flex;
flex-flow:column;
justify-content:flex-end;
}

.blocMod.bandeauArticles > figure{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:5;
overflow:hidden;
}

.blocMod.bandeauArticles > figure img{
width:100%;
opacity:0.2;
transform:scale(1.05);
transition:all 0.3s ease-in-out;
}

.blocMod.bandeauArticles.bgimg > figure img{
height:100%;
object-fit:cover;
}

.blocMod.bandeauArticles.animer > figure img{
opacity:1;
transform:scale(1);
}

.blocMod.bandeauArticles.hidden_articles > figure{position:relative;}

.blocMod.bandeauArticles.hidden_articles > figure img{
width:auto;
height:auto;
object-fit:none;
margin:0 auto;
}

.blocMod.bandeauArticles.hidden_articles .wrapper{display:none;}

.blocMod.bandeauArticles .wrapper{
position:relative;
width:1960px;
max-width:100%;
margin:0 auto;
padding:20px;
z-index:10;
}

.blocMod.bandeauArticles .wrapper .articles{
margin:0 auto;
width:calc(50% - 20px);
background-color:var(--beige);
border-radius:5px;
}

.blocMod.bandeauArticles > figure + .wrapper .articles{margin:0;}

.blocMod.bandeauArticles > figure + .wrapper .articles.align_right{margin:0 0 0 auto;}

.blocMod.bandeauArticles .wrapper .articles article{
padding:40px;
color:var(--noir);
}

.blocMod.bandeauArticles .wrapper .articles.txt_beige article{color:var(--beige);}

.blocMod.bandeauArticles .wrapper .articles article + article{border-top:1px solid var(--noir);}

.blocMod.bandeauArticles .wrapper .articles article > .filAriane{padding-bottom:5px;}

.blocMod.bandeauArticles .wrapper .articles article > .txt{
width:680px;
max-width:100%;
}

.blocMod.bandeauArticles .wrapper .articles.align_txt_center article > .txt{
text-align:center;
margin:0 auto;
}

.blocMod.bandeauArticles .wrapper .articles.align_txt_center article > .filAriane{text-align:center;}

.blocMod.bandeauArticles .wrapper .articles article > .txt .ti + .ckeditor, .blocMod.bandeauArticles .wrapper .articles article > .txt .ssti + .ckeditor, .blocMod.bandeauArticles .wrapper .articles article > .txt .ti + .lien, .blocMod.bandeauArticles .wrapper .articles article > .txt .ssti + .lien, .blocMod.bandeauArticles .wrapper .articles article > .txt .ckeditor + .lien{padding-top:20px;}

.blocMod.bandeauArticles .wrapper .articles article > .txt .ckeditor a{text-decoration:none;}

.blocMod.bandeauArticles .wrapper .articles article > .txt .ckeditor a:hover{text-decoration:underline;}

/********** medias **********/
@media screen and (max-width:1380px){
.blocMod.bandeauArticles .wrapper .articles{width:50%;}
}

@media screen and (max-width:980px){
.blocMod.bandeauArticles .wrapper .articles{
width:680px;
max-width:100%;
}

.blocMod.bandeauArticles > figure + .wrapper .articles, .blocMod.bandeauArticles > figure + .wrapper .articles.align_right{margin:0 auto;}

.blocMod.bandeauArticles .wrapper .articles article > .txt{
margin:0 auto;
}
}

@media screen and (max-width:680px){
.blocMod.bandeauArticles .wrapper .articles article{padding:20px;}
}