.vignettes {display:flex;justify-content:space-between;align-items:stretch;}
.vignettes .vignette {background:#000;color:#FFF;margin:0;padding:3px;box-sizing:border-box;width:24%;}
.vignettes .vignette .div_image {position:relative;width:100%;overflow:hidden;}
.vignettes .vignette .div_image img {position:relative;width:100%;}
.vignettes .vignette .div_content_html {position:absolute;width:100%;top:0;bottom:0;left:0;right:0;}
.vignettes .vignette .div_texte {padding:7px;text-align:center;}
.vignettes .vignette .div_texte H3 {text-align:center;}
.vignettes .vignette .div_texte H3 a {color:#FFF;text-decoration:none;text-transform:uppercase;}
.vignettes .vignette .div_texte .resume {text-align:justify;}
.vignettes .vignette .div_texte .div_liens a.lien_fleche {color:#FFF;padding-left:15px;background:url(../image/bt/fl_blanc.png) center left no-repeat;}



@media screen and (max-width : 800px) {
	.vignettes{flex-wrap: wrap;}
	.vignettes .vignette {width:49%;margin-bottom:5px;}
}
@media screen and (max-width : 550px) {
	.vignettes .vignette {width:100%;}
}