/************************
 GALERIE PHOTOS
 ************************/

body.oeuvres {
background:url('images/paper_512x512.jpg');
}

body.oeuvres hr {
	background-color: var(--couleur2);
}

.galerie {
  border-top: 1px solid var(--couleur2);
  border-bottom: 1px solid var(--couleur2);
 	margin:3em 0;
	padding:3em 0;

  color: var(--blanc);
}

.galerie h3 {
	margin-top:0 !important;
}

.galerie .galeriePhotos .col {
	 padding-top:15px;
    padding-bottom:15px;
    }

.galerie .galerieContent figure {
	width: 100%;
    height:100%;
    overflow: hidden;
    margin:0 !important;
   }
.galerie .galerieContent figure img {
	object-fit:cover;
	width:100%;
	height:100% !important;
	transition:transform 0.3s;
}

.galerie .galerieContent figure:hover img {
	transform:scale(1.1);
}

.galerie .galerieContent figcaption {
padding:1px 3px 3px;
	font-size:0.8em;
	color:#999999;
}



.square-box{
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #EEEEEE;
    transition:transform 0.3s;
   }
  .square-box:hover {
	transform:scale(1.1);
  }  	
  	
.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
    text-align: center;
}