section.blocsMasques{
margin:0 20px;
border-radius:15px;
padding:45px 50px;
text-align:center;
color:var(--vert1);
}

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

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

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

section.blocsMasques .vignettes{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:1265px;
max-width:100%;
margin:0 auto;
}

section.blocsMasques.bloc_gd .vignettes{width:1450px;}

section.blocsMasques.bloc_big .vignettes{width:1680px;}

section.blocsMasques .vignettes.hidden{display:none;}

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

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

section.blocsMasques.col_3 .vignettes article{width:calc((100% / 3) - 20px);}

section.blocsMasques .vignettes .content_txt .bloc{
display:flex;
flex-flow:column;
position:relative;
overflow:hidden;
align-items:center;
justify-content:center;
height:100%;
padding:150px 25px;
}

section.blocsMasques .vignettes .content_txt .bloc .masque{
position:absolute;
left:-1px;
width:calc(100% + 2px);
z-index:10;
}

section.blocsMasques .vignettes .content_txt .bloc .masque svg{width:100%;}

section.blocsMasques .vignettes .content_txt .bloc .masque.top{top:-1px;}

section.blocsMasques .vignettes .content_txt .bloc .masque.bottom{bottom:-1px;}

section.blocsMasques .vignettes .content_txt .bloc .txt{
position:relative;
z-index:20;
width:400px;
max-width:100%;
color:var(--vert1);
}

section.blocsMasques .vignettes .content_txt.txt_blanc .txt{color:#fff;}

section.blocsMasques .vignettes .content_txt .bloc .titre_maj + .ckeditor{padding-top:30px;}

section.blocsMasques .vignettes .content_txt .bloc > .bt{
position:absolute;
bottom:30px;
right:30px;
z-index:20;
}

section.blocsMasques > .ckeditor{
width:940px;
max-width:100%;
margin:0 auto;
}

section.blocsMasques > .surti + .vignettes, section.blocsMasques > .titre2 + .vignettes, section.blocsMasques > .ckeditor + .vignettes{padding-top:40px;}

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

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

section.blocsMasques > .titre2 + .ckeditor, section.blocsMasques > .surti + .ckeditor{padding-top:20px;}

section.blocsMasques > .bt{margin-top:50px;}

section.blocsMasques > .vignettes.hidden + .bt{margin-top:0;}

section.blocsMasques > .titre2 + .vignettes.hidden + .bt, section.blocsMasques > .ckeditor + .vignettes.hidden + .bt{margin-top:40px;}

section.blocsMasques .vignettes .content_img figure{
position:relative;
z-index:10;
width:100%;
height:100%;
}

section.blocsMasques .vignettes .content_img figure img{
width:100%;
height:100%;
object-fit:cover;
}

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

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

/********** medias **********/
@media screen and (max-width:1380px){
section.blocsMasques.is_bg{padding:50px;}

section.blocsMasques .vignettes .content_txt .bloc{padding:100px 25px;}
}

@media screen and (max-width:1180px){
section.blocsMasques, section.blocsMasques.is_bg{padding:50px 0}

section.blocsMasques .vignettes .content_txt .bloc{padding:75px 25px;}

section.blocsMasques .vignettes .content_txt .bloc > .bt{
bottom:10px;
right:10px;
}

section.blocsMasques.col_4 .vignettes article{width:calc(50% - 20px);}
}

@media screen and (max-width:1080px){
section.blocsMasques.col_3 .vignettes article{width:calc(50% - 20px);}
}

@media screen and (max-width:680px){
section.blocsMasques .vignettes article, section.blocsMasques.col_3 .vignettes article, section.blocsMasques.col_4 .vignettes article{
width:100%;
margin:10px 0;
}

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

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

@media screen and (max-width:480px){
section.blocsMasques .vignettes .content_txt .bloc{padding:25px;}
}