.artsquare {
  position: relative;
  width: 100%;

		
}

.artsquare:after {
  content: "";
  display: block;
  padding-bottom: 105%;
  
}

.artcontent {
/* border-radius: 10px;
 background-color: rgba(0, 0, 0, 0.04);
   box-shadow: 1px 2px 4px rgba(0, 0, 0, .9);
 */
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  transition: 0.65s;	
}

.artcontent:hover {
  transition: 0.35s;	
  /*background-color: rgba(0, 0, 0, 0.001);
  JAUNE =  background-color: rgba(228, 196, 5, 0.21);
  */
  background-color: rgba(255, 255, 255, 0.1);
}


.artitle,.petitart,.artcat,.datum ,.artprice{
	/*font : 240%/0.9 'IM Fell Double Pica', cursive;'Emilys Candy',
	font : 220%/0.9 'Raleway', Garamond, 'Bell MT', Serif; */	
	font : 2.5vh 'Montserrat', 'Raleway', Garamond, 'Bell MT', Serif;
	font-weight: 700; /* was 400 with Emilys Candy */
	text-align: left;
	text-transform : uppercase;
	padding: 8px 10px 6px 10px; 
	background-color: rgba(255, 255, 255, 0.9);
	color: #000000;
	/*background-color: rgba(0, 0, 0, 0.7);
	color: #FFFFFF;
	/* top right bottom left */
	vertical-align: bottom;
	overflow: ellipsis;
	-o-text-overflow: ellipsis; /* pour Opera 9 */
	text-overflow: hidden; /* pour le reste du monde */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.petitart {
	font : 1.0em 'Montserrat', 'Raleway', 'HelveticaNeue-Thin', Arial;
}
.artprice {
	font : 260%/0.9 'Montserrat', 'Raleway', 'HelveticaNeue-Thin', Arial;
}

.artcat {
	font : 1.4vh 'Montserrat', 'Julius Sans One', 'BodoniSvtyTwoSCITCTT-Book', serif; 	
	padding: 0px 10px 0px 10px;
	text-transform : uppercase;
	color: #000000;
}
.sole {
width:33;
transition: 0.45s;
}
.sole:hover{
width:70;
transition: 0.19s;
}
.datum{
vertical-align: bottom;
font : 110% 'Montserrat', 'Julius Sans One', 'BodoniSvtyTwoSCITCTT-Book', serif; 	
	padding: 10px;
	color: #000000;
	position:absolute;
	bottom:0;
background-color: rgba(255, 255, 255, 0.0);
}
.datum:hover{
	background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 780px) {
.artsquare {
width: 97%;
}
	.artitle,.petitart,.artcat,.datum ,.artprice{
		padding: 2px 3px 2px 4px; 
		font : 100%/0.9 'Montserrat', 'Raleway', 'HelveticaNeue-Thin', Garamond, 'Bell MT', Serif;
	}
	.artcat {
		padding: 2px 3px 2px 4px; 
		font-size : 50%; 	
	}
	.datum{
	font-size : 70%; 	
	padding: 2px;
	}

}