/* CSS Document */

.vigVignettes .vigVignette {
	display:inline-block;
	position:relative;
	margin:0 20px 20px 0;
	text-decoration:none;
	vertical-align:top;
	width:calc(25% - 15px);
}
.vigVignettes .vigVignette:nth-of-type(4n) {
	margin:0 0 20px 0;
}
.vigVignettes .vigVignette img {
	display:block;
	width:100%;
}

.vigVignettes .vigBoutons {
	position:absolute;
	top:10px;
	left:10px;
}

.vigVignettes .vigLegende {
	background-color:rgba(255,255,255,0.8);

	position:absolute;
	bottom:0;
	left:0;
	right:0;
	top:50%;
}
.vigVignettes .vigLegende div {
	color:black;
	font-size:11pt;
	line-height:12pt;
	padding:10px;
	text-align:left;
	text-transform:uppercase;
	
	position:absolute;
	bottom:0;
}

@media only screen and (max-width:1000px) {
	.vigVignettes .vigVignette {
		margin:0 20px 20px 0;
		width:calc(33% - 13px);
	}
	.vigVignettes .vigVignette:nth-of-type(4n) {
		margin:0 20px 20px 0;
	}
	.vigVignettes .vigVignette:nth-of-type(3n) {
		margin:0 0 20px 0;
	}
	@media only screen and (max-width:800px) {
		.vigVignettes .vigVignette {
			margin:0 20px 20px 0;
			width:calc(50% - 10px);
		}
		.vigVignettes .vigVignette:nth-of-type(3n) {
			margin:0 20px 20px 0;
		}
		.vigVignettes .vigVignette:nth-of-type(2n) {
			margin:0 0 20px 0;
		}
		@media only screen and (max-width:450px) {
			.vigVignettes .vigLegende div {
				font-size:10pt;
				line-height:10pt;
			}
		}
	}
}