@charset "utf-8";

*::-webkit-scrollbar{
	/* Hide scrollbar */
	display: none; /* Chrome, Safari and Opera */
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}

html, body {
	/*overflow: hidden; */
}

body,td,th {
	color: #E0E0E0;
	font-family: Consolas, Courier New, Courier, monospace;
	font-size: 13px;
}
body {
	background-color: transparent;
	/* background-attachment: fixed; */
	opacity: 0;
	animation-name: fadeIn;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	/*-webkit-animation: fadeIn 0.5s ease-in forwards;*/ /* Prend le dessus de animation-... */
}
body.menu {
    animation-duration: 0.5s;
}
body.banner {
    animation-duration: 0.25s;
}
body.explorer {
	animation-delay: 1s;
    animation-duration: 0.5s;
}

a {
	font-weight: bold;
}
a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}

p {
    text-align: justify;
}

div {
    text-align: center;
}

table {
	margin-left: auto;
 	margin-right: auto;
}
table.banner {
    width: 80%;
	border-spacing: 10px;
	border: none;
}

table.explorer {
	min-width: 700px;
	text-align: center;
	border-spacing: 15px;
	/* border-collapse : collapse; */
	overflow-x: auto;
	border-radius: 6px;
}
table.explorer td {
	border-radius: 3px;
}

table.explorer.welcome {
    border-spacing: 15px !important;
}

table.explorer.papers td {
	padding: 0px !important;
}

td.div.explorer {
    background: url(images/carpet.jpg);
	border-radius: 10px;
}

table.medias {
	width: 100%;
	min-width: 700px;
	border-spacing: 5px;
	/* border-collapse : collapse; */
	overflow-x: auto;
}
table.medias td {
	border: 1px solid gray;
	padding: 20px;
	border-radius: 6px;
}
td.medias.player {
	background: url(images/ScratchedBlackMetal.jpg);
	vertical-align: middle;
	text-align:center ;
	width: 365px;
}
td.medias.description {
	background: url(images/BlackPaper.jpg);
	vertical-align: top;
}

.border-rounded {
    border-radius: 30px;
}

.highlight {
	color: #F5F5F5;
	font-weight: bold;
}
.footer-menu {
  position: fixed;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  text-align: center;
  white-space: nowrap;
}
.copyright {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #808080;
}

@media screen and (max-height: 800px) {
	/* Responsive Mobile style*/
	table.browsing-container { height: calc(100% + 75px) !important; }
}
@media screen and (max-width: 1000px) {
	/* Responsive Mobile style*/
	table.explorer { border-spacing: 4px !important; }
	table.explorer.photos td { padding: 5px !important; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}