/*Things specific to the media library*/


/*image hover effects*/
.cover {
	height:200px
}
.cover:hover{
	transform: scale(1.07);
	cursor: url(../cursors/Zoom.cur), help;	
}


/*pop up sur la base de https://codepen.io/eda220/pen/BVBZYg */
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    backdrop-filter: blur(2px);
	z-index: 3;
	opacity:0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 600px;
    height: 550px;
	position: relative;
	margin: 7% auto;
    border-radius: 8px;
	background: transparent;
}

.close {
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 24px;
    background:none;
}

.close:hover { 
    cursor: url("../cursors/Link.cur"), pointer;;
}

h2 { 
	font-size: 1.5rem;
	font-family:'ViolettaBrigida';
	background-color: none;
	text-decoration: dashed var(--accent2);
	text-transform: none ;
	font-weight:normal;
	text-align: center;
	padding-bottom: 1px;
}