@font-face {
	font-family: Constantine;
	src: url(fonts/constantine.woff2)
	}
@font-face {
	font-family: Cinzel;
	src: url(fonts/cinzeldecorative-regular.woff2)
	}
@font-face {
	font-family: Eisenbahn;
	src: url(fonts/eisenbahn.woff2)
	}
@font-face {
	font-family: DayRoman;
	src: url(fonts/day-roman.woff2)
	}
@font-face {
	font-family: Mont;
	src: url(fonts/mont-extralight.woff2)
	}

h1 {
	font-family: Cinzel;
	font-size: 600%;
	color: white;
	text-shadow: 4px 4px black;
}
/* rgb(225, 235, 243) */
/* rgb(242, 231, 211) */
/* rgb(0, 33, 64) */

h2 {
	font-family: Mont;
	color: white;
	font-size: 200%;
}

h3 {
	font-family: Cinzel;
	font-size: 200%;
	color: white;
	text-shadow: 3px 3px black;
}

h4 {
	font-family: DayRoman;
	font-size: 100%;
	color: white;
	text-shadow: 1px 1px black;
}

a:link {
	color: white;
	background-color: transparent;
	text-decoration: underline;
}

a:visited {
	color: pink;
	background-color: transparent;
	text-decoration: underline;
}

a:hover {
	color: pink;
	background-color: transparent;
	text-decoration: underline;
}

a:active {
	color: pink;
	background-color: transparent;
	text-decoration: underline;
}

body {
	/* background-color: cadetblue; */
	background-image: url("background/1-min 2.jpeg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	margin:0;
}

/* body:before {
	content: "";
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -10;
	background: url("background/1-min 2.jpeg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} */

img {
	max-width: 20%;
	height: auto;
}


.cadre {
	background: linear-gradient(90deg,rgba(0, 0, 0, 1) 0%,rgba(1, 81, 130, 0) 80%);
	/* background: linear-gradient(to right, rgba(255,255,255,0) 80%, rgba(255,255,255,1)), url("background/stars.png"); */
	/* background-image: url("background/stars.png"); */
	/* border-radius: 25px; */
	padding-left: 15pt;
	padding-right: 2pt;
	padding-bottom: 1pt;
}

/* .refe{
	font-size: 7px;
} */




/* https://codepen.io/nxworld/pen/ZYNOBZ */

.hover14 figure {
	position: relative;
}
.hover14 figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: calc(100% + 13pt);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14 figure:hover::before {
	-webkit-animation: shine 2s;
	animation: shine 2s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}