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

header {
	position: fixed;
	top: 0;
	width: 100%;
	font-size: 36px;
	text-align: center;
	padding: 10px 0;
	background-color: #f8f8f8;
	z-index: 99;
}
header a {
	font-family: 'Bronkoh-Heavy' !important;
	color: #2f302d;
	text-decoration: none;
}
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #f8f8f8;
}
footer a {
	font-family: 'Bronkoh-Heavy' !important;
	color: #2f302d;
	text-decoration: none;
	font-size: 36px;
}
nav {
	text-align: center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 190px; /*requires explicit height*/
}
nav a {
	display: block;
	font-family: 'Bronkoh-Heavy' !important;
	color: #81847b;
	text-decoration: none;
	font-size: 6vmax;
	text-transform:uppercase;
}
nav p {
	display: block;
	font-family: 'Bronkoh-Heavy' !important;
	color: #81847b;
	text-decoration: none;
	font-size: 3vmax;
	text-transform:uppercase;
}
nav a::first-letter {
	color : #2f302d;
}
nav a:hover {
	color : #2f302d;
}

/** PAGE **/
@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
.page {
	z-index: 100;
	padding: 10px;
	animation: 1s ease-out 0s 1 slideInFromRight;
	position: fixed;
	top: 35%;
	right: 0;
	width:100px;
	height: auto; /*requires explicit height*/
	background-color: #f8f8f8;
	border-radius : 5px;
}
.page a {
	display: block;
	font-family: 'Bronkoh-Heavy' !important;
	color: #81847b;
	text-decoration: none;
	font-size: 100px;
	text-transform:uppercase;
}
.page a#actif {
	color : #2f302d;
}
.page a:hover{
	color : #2f302d;
}
.photos {
	width:100%;
}
.photos img {
	display: block;
	width:50%;
	margin:250px auto;
	height:auto;
}
.photos iframe {
	display: block;
	margin:100px auto;
	/*width:100%;*/ /*Supprimé pour intégration correcte de la vidéo dailymotion*/
}
img.verticale {
	width:35%;
}
html.sr .headline {
    visibility: hidden;
}
html.sr .headlinesuite {
    visibility: hidden;
}