:root {
	--main-color: #0072b0;
}

@font-face {
	font-family: LinBiolinum;
	src: local("Linux Biolinum O"), url('font/LinLibertine/LinBiolinum_R.woff');
}

@font-face {
	font-family: LinBiolinum;
	src: local("Linux Biolinum O Bold"), url('font/LinLibertine/LinBiolinum_RB.woff');
	font-weight: bold;
}

@font-face {
	font-family: LinBiolinum;
	src: local("Linux Biolinum O Italic"), url('font/LinLibertine/LinBiolinum_RI.woff');
	font-style: italic;
}

* {
	box-sizing: border-box;
}

main, nav, header, footer { display: block; } /* Petit rappel pour les navigateurs qui auraient oublié ! */

body {
	margin: 0;
	padding: 0;
	background-color: #abcdef;
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	font-family: LinBiolinum;
	color: #0072b0;
	color: var(--main-color);
}

a:link, a:active, a:hover, a:visited {
	color: #0072b0;
	color: var(--main-color);
}

body > header {
	display: flex;
	align-items: center;
	text-align: center;
	color: #0072b0;
	color: var(--main-color);
	font-family: LinBiolinum;
	font-size: 1.5em;
}

body > header h1 {
	display: inline-block;
	flex: 10;
}

#logo {
	height: 100px;
	flex: 1;
}

main {
	padding: 10px;
/*	background-color: #ddeeff;*/
	background-color: #e8f8ff;
}

footer {
	text-align: center;
	font-family: LinBiolinum;
	color: #0072b0;
	color: var(--main-color);
	font-size: small;
}

.mainmenu {
	position: sticky;
	top: 0;
	background: inherit;
	z-index: 9999999999;
	padding-left: 2px;
	padding-right: 2px;
	font-family: LinBiolinum;
	font-size: large;
	color: #0072b0;
	color: var(--main-color);
}

ul.hmenu {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.hmenu li {
	display: inline-block;
	list-style: none;
	border-style: solid;
	border-color: #0072b0;
	border-color: var(--main-color);
	border-width: 0px 2px 0px 2px;
}

ul.hmenu li:hover {
	background: #bbddff;
}

ul.hmenu a:link, ul.hmenu a:active, ul.hmenu a:hover, ul.hmenu a:visited {
	text-decoration: none;
	color: inherit;
	padding: 5px;
}

.randomDisplay {
	position: relative;
	overflow: hidden;
}

.randomDisplay > * {
	position: absolute;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition-property: opacity, width, top, left;
	transition-duration: 1.5s;
}

.hgallery {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
	height: 250px;
	text-align: center;
}

.hgallery > * {
	height: 100%;
}