@charset "utf-8";
/* CSS Document */

.galerie {
	background-color: purple;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.carre {
	background-color: tomato;
	min-width: 180px;
	width: 10%;
	margin: 1px;
	display: flex;
	flex: 1 0 auto;
	-object-fit: cover;
	-overflow: hidden;
	-justify-content: flex-start;
}

.carre:before{
    content:'';
    display: table;
}

.carre_bis {
	width:100%;
	height: 0;
	padding-bottom: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	opacity: 0.9;
}

.carre_bis:hover {
	opacity: 1;
}

.ZZZcarre_bis img {
  flex-shrink:0;
  min-width:100%;
  min-height:100%
}

.fantome_portfolio {
	-background-color: red;
	width: 10%;
	min-width: 180px;
	margin: 0 1px;
	flex: 1 0 auto;
	visibility: hidden;
}

.centre{
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
-display: block;
-margin: 0 auto;
}

.carre, .galerie {
	background-color: #f9f9f9;
}

.dimensions {
max-width: 100%;
height: auto;
}