div.container_vignettes{position: relative;}
div.container_vignettes div.container_vignette{display: block; height: 100%; position: relative; height: 250px; padding-bottom: 50px;}
div.container_vignettes div.container_vignette.without_url{padding-bottom: 25px;}
div.container_vignettes div.container_vignette a{text-decoration: none;}
div.container_vignettes div.container_vignette div.vignette{position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; display: flex; height: 100%; align-items: center;  overflow: hidden; border-radius: 7px; }
div.container_vignettes div.container_vignette div.vignette div.filter{background-blend-mode: multiply; background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.container_vignettes div.container_vignette div.vignette div.filter.white-filter{background-blend-mode: unset; opacity: .75; background-image: unset !important;}
div.container_vignettes div.container_vignette div.vignette div.container_texte{padding: 35px 25px; position: relative; z-index: 1; text-align: center; width: 100%;}
div.container_vignettes div.container_vignette div.vignette div.container_texte div.container_titre{font-family: "OpenSans Condensed"; line-height: .9; margin-bottom: 0; position: relative; display: block; text-decoration: none; text-align: center;}
div.container_vignettes div.container_vignette div.vignette div.container_texte div.container_titre.black span{color:#000;}
div.container_vignettes div.container_vignette div.vignette div.container_texte div.container_titre.white span{color:#fff;}
div.container_vignettes div.container_vignette div.vignette div.container_texte div.container_titre span{font-weight: 700; font-size:20px; text-transform: uppercase;}

div.container_vignettes div.container_vignette div.container_button{display: inline-flex; background: #fff; border-radius: 170px; line-height: 1; width: 50px; height: 50px; align-items: center; justify-content: center; position: absolute; bottom: 25px; z-index: 2; transform: rotate(0) translateX(-50%); transition: transform ease-in-out .25s; -webkit-backface-visibility: hidden; backface-visibility: hidden; left: 50%;}
div.container_vignettes div.container_vignette div.container_button div.body_button{text-decoration: none; width: 40px; height: 40px; border: solid #b91b1d 3px; display: inline-flex; align-items: center; justify-content: center; border-radius: 150px; background-color: #fff;}
div.container_vignettes div.container_vignette div.container_button div.body_button div.button{padding: 6px 10px; border-radius: 5px;}
div.container_vignettes div.container_vignette div.container_button div.body_button div.button span:nth-child(1){display: inline-block; background-color: #000; height: 4px; width: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 1px;}
div.container_vignettes div.container_vignette div.container_button div.body_button div.button span:nth-child(2){display: inline-block; background-color: #000; height: 4px; width: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 1px; transform: translate(-50%, -50%) rotate(90deg);}

div.container_vignettes div.swiper-button-next{position: absolute; top: 50%; transform: translateY(-50%); right: -100px; outline: none; display: none;}
div.container_vignettes div.swiper-button-next:after{display: none;}
div.container_vignettes div.swiper-button-next div.container_nav_next{}
div.container_vignettes div.swiper-button-next div.container_nav_next div.nav_next{width: 30px; height: 50px; background-image: url(../assets/images/chevron.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
div.container_vignettes div.swiper-button-prev{position: absolute; top: 50%; transform: translateY(-50%); left: -100px; outline: none; display: none;}
div.container_vignettes div.swiper-button-prev:after{display: none;}
div.container_vignettes div.swiper-button-prev div.container_nav_prev{transform: rotate(180deg);}
div.container_vignettes div.swiper-button-prev div.container_nav_prev div.nav_prev{width: 30px; height: 50px; background-image: url(../assets/images/chevron.svg); background-size: contain; background-repeat: no-repeat; background-position: center;}
div.container_vignettes div.container_vignettes-pagination{margin: 5px auto 25px auto; position: relative; width: 100%; text-align: center;}
div.container_vignettes div.container_vignettes-pagination span.swiper-pagination-bullet{outline: none; background: #898989; transition: width ease-in-out .5s, background ease-in-out .5s; height: 8px; width: 8px; margin: 3px 5px; border-radius: 7px; opacity: 1;}
div.container_vignettes div.container_vignettes-pagination span.swiper-pagination-bullet-active{width: 18px; transition: width ease-in-out .5s, background ease-in-out .5s; background-color: #b91b1d;}

@media (min-width: 0px){}
@media (min-width: 992px){
	div.container_vignettes{display: flex; flex-wrap: wrap; justify-content: center;}
	div.container_vignettes div.container_vignette{max-width: 250px; width: 100%; margin: 0 auto;}
	div.container_vignettes div.swiper-button-next{display: block;}
	div.container_vignettes div.swiper-button-prev{display: block;}
}