@font-face {
  font-family: 'Didot';
  src: url('fonts/Didot.eot');
  src: url('fonts/Didot.eot?#iefix') format('embedded-opentype'),
       url('fonts/Didot.svg#Didot') format('svg'),
       url('fonts/Didot.ttf') format('truetype'),
       url('fonts/Didot.woff') format('woff'),
       url('fonts/Didot.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

html,body {
	font-family: Didot;
	padding: 0 2em;
	font-size: 36px;
	background: #000;
	color: rgba(255,250,200,.9);
	text-align: justify;
	margin: 0;
}

a:hover, a:link, a:visited, a:active {
	color: #e66;
	text-decoration: none;
}

.alignement {
	position: absolute;
	left: 31px;
	top: 5px;
	transform:rotate(-2deg);
	width: 93.5%;
	overflow: hidden;
}

.alpha {
	opacity: .1;
}

#bg {
	position: fixed; 
	top: -50%; 
	left: -50%; 
	width: 200%; 
	height: 200%;
}

#bg img {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
	opacity: .4;
}

/* GALLERY */

.section{
	position: absolute;
	left: 29px;
	top: 147px;
	rotate: -2deg;
	width: 93.5%;
	column-width: 225px;
	column-gap: 5px;
	padding: 5px;
	pointer-events: none;
	/* background-color: red;
	opacity: .66; */
}

.section img{
	width: 100%;
	border: 1px solid #0001;
	pointer-events: auto;
}

.image {
	position: relative;
	width: 100%; /* for IE 6 */
	opacity: .8;
	margin-bottom: -8px;
}

.image:hover {
	opacity: 1;
}

.infos {
	font-family: Didot;
	color: rgba(255,250,200,.9);
	font-size: 14px;
	text-align: right;
	position: absolute; 
	bottom: 12px; 
	right: -1px;
	padding-bottom: 10px;
	background: rgba(0,0,0,.33);
	width: calc(100% - 4px);
	padding-right: 4px;
	/* border: 2px solid rgba(255,250,200,.25); */
}

.close {
	font-family: Didot;
	color: #e66;
	font-size: 16px;
	text-align: center;
	position: absolute; 
	bottom: 5px;
	width: 100%;
}

.lb {
	display: none;
	position: fixed!important;
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	text-align:center;
}

.lb img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-width: 90%;
	max-height: 90%;
	border: 1px solid #0001;
}

img.center {
	display: block;
	margin: 0 auto;
}

.lb:target {
	outline: none;
	display: block;
}