.blocMod.scrollArticles .wrapper_main > .titre2{
padding:0 20px 40px 20px;
display:block;
text-align:center;
width:100%;
}

.blocMod.scrollArticles.txt_beige{color:var(--beige);}

.blocMod.scrollArticles .wrapper_main > .filAriane{
text-align:center;
padding:0 20px;
}

.blocMod.scrollArticles.txt_beige .wrapper_main > .filAriane{color:var(--beige);}

.blocMod.scrollArticles.txt_beige .wrapper_main > .filAriane span.separ{background-color:var(--beige);}

.blocMod.scrollArticles .articles{
position:relative;
overflow:hidden;
}

.blocMod.scrollArticles .articles .contentResp{display:none;}

.blocMod.scrollArticles .articles .wrapper_main{
display:flex;
height:calc(100vh - 84px);
padding:84px 0 40px 0;
flex-flow:row wrap;
}

.blocMod.scrollArticles .articles .left, .blocMod.scrollArticles .articles .right{
position:relative;
overflow:hidden;
width:50%;
height:100%;
}

.blocMod.scrollArticles .articles .left{padding:0 60px 60px 20px;}

.blocMod.scrollArticles .articles .left article{
position:relative;
border-left:1px solid var(--noir);
border-bottom:1px solid var(--noir);
padding:5px 0 7px 10px;
margin-bottom:20px;
margin-top:100%;
opacity:0;
}

.blocMod.scrollArticles.txt_beige .articles .left article{
border-left:1px solid var(--beige);
border-bottom:1px solid var(--beige);
}

.blocMod.scrollArticles .articles .left article:last-child{margin-bottom:0;}

.blocMod.scrollArticles .articles .left article .ti + .ssti{padding-top:10px;}

.blocMod.scrollArticles .articles .right{padding:0 20px 60px 60px;}

.blocMod.scrollArticles .articles .right figure{
position:absolute;
left:0;
top:100%;
width:100%;
height:100%;
display:flex;
flex-flow:column;
justify-content:flex-start;
align-items:center;
background-color:var(--beige);
}

.blocMod.scrollArticles .articles .right figure img{
max-height:100%;
width:auto;
height:auto;
opacity:0.3;
}

/********** medias **********/
@media screen and (max-width:1380px){
.blocMod.scrollArticles .articles .wrapper_main{
height:calc(100vh - 76px);
padding-top:76px;
}
}
@media screen and (max-width:860px){
.blocMod.scrollArticles .articles .wrapper_main{display:none;}

.blocMod.scrollArticles .articles .contentResp{
display:flex;
flex-flow:column;
padding:40px 20px;
}

.blocMod.scrollArticles .articles .contentResp > .titre2{
text-align:center;
width:100%;
padding:0 20px;
}

.blocMod.scrollArticles .articles .contentResp > .filAriane{
text-align:center;
padding:0 20px;
}

.blocMod.scrollArticles .articles .contentResp article{
border-left:1px solid var(--noir);
border-bottom:1px solid var(--noir);
padding:5px 0 7px 10px;
margin-top:40px;
}

.blocMod.scrollArticles.txt_beige .articles .contentResp article{
border-left:1px solid var(--beige);
border-bottom:1px solid var(--beige);
}

.blocMod.scrollArticles .articles .contentResp figure{padding-top:10px;}

.blocMod.scrollArticles .articles .contentResp figure img{margin:0 auto;}

.blocMod.scrollArticles .wrapper_main > > .titre2{padding-top:40px;}
}