@charset "UTF-8";
/* CSS Document */
@keyframes ProductsIn {
 0% {
filter: grayscale(100%) opacity(0%) ;
}
 50% {
filter: grayscale(90%) opacity(0%) ;
}
 60% {
filter: grayscale(80%) opacity(10%) ;
}
 100% {
filter: grayscale(0%) opacity(100%) ;
}
}
article {
    font-size: 1.1em;
    height: auto;
}
.catalogue-tatarou {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.cat {
    width: 33%;
    position: relative;
    margin: 0 1px;
	display: table;
}
.cat img {
    width: 100%;
    height: auto;
	animation: ProductsIn 5s ease 0s 1 normal;
}
.cat p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.8em;
    margin: 3px;
    padding: 6px;
}

@media (min-width: 321px) {
	body {
		background-size: auto;
		background-repeat: repeat;
	}
.catalogue-tatarou {
    display: block;
    width: 100%;
}
.cat {
    width: 100vw;
}
}

@media (min-width: 415px) {
.cat {
    width: 100%;
}
}

@media (min-width: 1024px) {
.catalogue-tatarou {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.cat {
    width: 33%;
}
}