section.blocsTxtVisuels{
margin:0 20px;
border-radius:15px;
padding:45px 50px;
text-align:center;
color:var(--vert1);
opacity:0.2;
transition:opacity 0.2s ease-in-out;
}

section.blocsTxtVisuels.animer{opacity:1;}

section.blocsTxtVisuels.is_bg{padding:90px 50px;}

section + section.blocsTxtVisuels{margin-top:20px;}

section.blocsTxtVisuels.txt_blanc{color:#fff;}

section.blocsTxtVisuels .intro{
width:800px;
max-width:100%;
margin:0 auto;
text-align:center;
}

section.blocsTxtVisuels .intro.hidden{display:none;}

section.blocsTxtVisuels .intro > .surti{
font-size:15px;
line-height:17px;
text-transform:uppercase;
font-family:var(--font-bold);
letter-spacing:0.5px;
}

section.blocsTxtVisuels .intro > .titre2 + .ckeditor, section.blocsTxtVisuels .intro > .surti + .ckeditor{padding-top:30px;}

section.blocsTxtVisuels .intro > .surti + .titre2{padding-top:10px;}

section.blocsTxtVisuels .vignettes{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:1450px;
max-width:100%;
margin:0 auto;
padding-top:70px;
}

section.blocsTxtVisuels .intro.hidden, section.blocsTxtVisuels .vignettes.hidden{display:none;}

section.blocsTxtVisuels .intro.hidden + .vignettes{padding-top:0;}

section.blocsTxtVisuels .vignettes article{
position:relative;
width:calc(50% - 20px);
margin:10px;
border-radius:15px;
overflow:hidden;
}

section.blocsTxtVisuels .vignettes article.col_20{width:calc(20% - 20px);}

section.blocsTxtVisuels .vignettes article.col_25{width:calc(25% - 20px);}

section.blocsTxtVisuels .vignettes article.col_30{width:calc(30% - 20px);}

section.blocsTxtVisuels .vignettes article.col_40{width:calc(40% - 20px);}

section.blocsTxtVisuels .vignettes article.col_75{width:calc(75% - 20px);}

section.blocsTxtVisuels .vignettes article .bloc{
position:relative;
overflow:hidden;
height:100%;
display:block;
}

section.blocsTxtVisuels .vignettes .content_txt .bloc{
display:flex;
flex-flow:column;
overflow:hidden;
align-items:center;
justify-content:center;
padding:85px 25px;
color:var(--vert1);
}

section.blocsTxtVisuels .vignettes .content_txt .bloc .ckeditor{max-width:100%;}

section.blocsTxtVisuels .vignettes .content_txt.txt_blanc .bloc{color:#fff;}

section.blocsTxtVisuels .vignettes article .bloc > .bt{
position:absolute;
bottom:20px;
right:20px;
z-index:20;
}

section.blocsTxtVisuels .vignettes .content_img img{
width:100%;
height:100%;
object-fit:cover;
transition:all 0.6s ease-in-out;
}

section.blocsTxtVisuels .vignettes .content_img:hover img{transform:scale(1.1);}

section.blocsTxtVisuels .vignettes .content_img .legende{
position:absolute;
z-index:20;
width:100%;
padding:20px 85px 30px 20px;
bottom:0;
left:0;
text-align:left;
font-family:var(--font-semibold);
font-size:16px;
line-height:18px;
color:var(--vert1);
}

section.blocsTxtVisuels .vignettes .content_img .legende.txt_blanc{color:#fff;}

section.blocsTxtVisuels .vignettes .content_img .legende::before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(250, 245, 235, 0.9);
z-index:-1;
}

section.blocsTxtVisuels .vignettes .content_img .legende.txt_blanc::before{background:rgba(0, 68, 42, 0.9);}

section.blocsTxtVisuels > .liens{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
text-align:center;
padding-top:80px;
}

section.blocsTxtVisuels > .liens a{margin:10px 7px 0 7px;}

section.blocsTxtVisuels .intro.hidden + .vignettes.hidden + .liens{padding-top:0;}

/********** medias **********/
@media screen and (max-width:1380px){
section.blocsTxtVisuels, section.blocsTxtVisuels.is_bg{padding:45px 25px;}

section.blocsTxtVisuels .vignettes, section.blocsTxtVisuels > .liens{padding-top:50px;}

section.blocsTxtVisuels .vignettes .content_txt .bloc{padding:85px 10px;}
}

@media screen and (max-width:1180px){
section.blocsTxtVisuels .vignettes article.col_20, section.blocsTxtVisuels .vignettes article.col_25, section.blocsTxtVisuels .vignettes article.col_30, section.blocsTxtVisuels .vignettes article.col_40, section.blocsTxtVisuels .vignettes article.col_75{width:calc(50% - 20px);}

section.blocsTxtVisuels .vignettes article .bloc > .bt{
bottom:10px;
right:10px;
}

section.blocsTxtVisuels .vignettes .content_img .legende{padding:20px 75px 20px 20px;}

section.blocsTxtVisuels .vignettes .content_txt .bloc{padding:75px 10px;}
}

@media screen and (max-width:680px){
section.blocsTxtVisuels .vignettes article, section.blocsTxtVisuels .vignettes article.col_20, section.blocsTxtVisuels .vignettes article.col_25, section.blocsTxtVisuels .vignettes article.col_30, section.blocsTxtVisuels .vignettes article.col_40, section.blocsTxtVisuels .vignettes article.col_75{
width:100%;
margin:10px 0;
}

section.blocsTxtVisuels .vignettes .content_txt .bloc{padding:50px 25px;}

section.blocsTxtVisuels .vignettes .content_txt .bloc > .bt{
position:relative;
bottom:0;
right:0;
align-self:flex-end;
margin-top:20px;
}

section.blocsTxtVisuels .vignettes article .bloc{height:auto;}

section.blocsTxtVisuels .vignettes .content_img .legende{position:relative;}
}