.blockIco{
	display:inline-block;
	background-size:contain;
	background-position: center;
}

.diapClose{
	width:32px;
	height:32px;
	border-radius:50%;
	background-size:50%;
	background-color:#666;
}
.diapClose:active{
	background-color:#333;
}

#diapGal{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#111;
	z-index:100;
}

#diapGalClose{
	position:absolute;
	right:20px;
	top:20px;
	z-index:100;
}

@media(min-width:768px){
    .galerieTop{
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 20px;
        column-gap: 20px;
    }

	.galerieFolder{
        display:grid;
        grid-template-columns: repeat(3, 1fr);
        row-gap: 20px;
        column-gap: 20px;
	}
	.galerieItem{
		float:left;
        width:100%;
		border:1px solid #ddd;
		border-radius:6px;
		overflow:hidden;
	}
	.galeriePhoto{
        display:block;
		min-height:200px;
		background:#222;
	}
	.galeriePhoto img{
		display:block;
		width:100%;
	}
	.galerieDetails{
        float:left;
        clear:both;
        width:100%;
		height:120px;
		padding:15px 15px;
	}
	.galerieTitle{
		display:block;
		font-size:18px;
		color:#000;
		font-weight:bold;
		padding:3px 0;
	}
	.galerieLieu{
		display:block;
		font-size:14px;
		color:#0f74ba;
		font-size:14px;
	}
}

@media(max-width:768px){
	#diapGal .swiper-slide img{
		width:100%;
    }

    .galerieTop{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
        column-gap: 20px;
    }
    
    .galerieFolder{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 20px;
        column-gap: 20px;
	}
	.galerieItem{
		float:left;
		width:100%;
		border:1px solid #ddd;
		border-radius:8px;
		overflow:hidden;
	}
	.galeriePhoto{
		display:block;
	}
	.galeriePhoto img{
		display:block;
		width:100%;
	}
	.galerieDetails{
		display:block;
		height:120px;
		padding:15px 15px;
	}
	.galerieTitle{
		display:block;
		font-size:18px;
        color:#000;
        font-weight:bold;
		padding:3px 0;
	}
	.galerieLieu{
		display:block;
		font-size:14px;
		color:#0f74ba;
		font-size:14px;
	}
}

@media(max-width:480px){
    .galerieTop{
        grid-template-columns: repeat(1, 1fr);
    }

    .galerieFolder{
		grid-template-columns: repeat(1, 1fr);
    }
    
    .galerieItem{
		width:100%;
	}
}