@charset "utf-8";




#zoneCreation {
	height: auto;
	width: 100%;
	position: relative;
	padding-left: 20px;
	padding-right: 20px;

	 display: flex;
  flex-wrap: wrap;
  gap: 20px;
	justify-content: space-evenly;
	
	 box-sizing: border-box;
}

.ficheCreation {
    height: 365px;
    width: 225px;
    position: relative;
    background-color: #fff;
    box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.5);
    opacity: 1;
    border-radius: 10px;
}



.photoCreation {
    height: 225px;
    width: 225px;
    position: relative;
    background-color: #aaa;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.descriptionCreation {
	height: auto;
	width: 225px;
	position: relative;
	border-radius: 10px;

	
}

.titreCreation {
	height: auto;
	width: 225px;
	position: relative;

	
	font-family: "Oswald", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 20px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
	
	color:#6f59a5;
	
	text-align:center;
	
}

.texteCreation {
	height: auto;
	width: auto;
	position: relative;
	padding-left: 10px;

	
	font-family: "arial", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: justify;
	color: #333;
	

	
}

.espCreation {
    height: auto;
    width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
    position: absolute;
    bottom: 0;
    background-color: #6f59a5;
    font-family: "Oswald", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 14px;
    text-align: center;
    color: #f7a600;
	border-width: 4px;
	border-style: solid;
	border-color: #fff;
	
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	
    transition: color .2s;
}



.cat-miniature .catCreation {
    color: #0244d2;
}

.cat-props .catCreation {
    color: #d94f4f;
}

.cat-costume .catCreation {
    color: #2e9d4f;
}

.cat-réplique .catCreation {
    color: #d24bd8;
}


.cat-buste .catCreation {
    color: #dca81c;
}

.cat-animatronique .catCreation {
    color: #04aaff;
}

.cat-marionnette .catCreation {
    color: #ff94c2;
}


.ficheCreation {
/*    transition: opacity .2s, transform .2s;*/
	    display: block;
    text-decoration: none;
	   overflow: hidden;
}

.ficheCreation:hover {
   /* opacity: 1;
    transform: scale(1.05) rotate(2deg);
    z-index: 100;*/
}




.ficheCreation:hover .espCreation {
	
    color: #fff;
	

	
}




#filters {
  margin-bottom: 20px;
	margin-left: 20px;
		 display: flex;
  flex-wrap: wrap;
  gap: 10px;
	justify-content: center;
	
	 box-sizing: border-box;
}

#filters button {
  padding: 8px 15px;
  margin-right: 10px;
  border: none;
  background-color: #fff;
  color: #6f59a5;
  cursor: pointer;
  border-radius: 10px;
  font-family: "Oswald", sans-serif;
	font-size: 16px;
	
	    transition: background-color .2s;
}

#filters button:hover {
  background-color: #f7a600;
	
}