/* Fonts */
@font-face {
    font-family: 'GERMANICA';
    src: url('FONTS/GERMANICA/plain_germanica.woff2') format('woff2'),
         url('FONTS/GERMANICA/plain_germanica.woff') format('woff'),
}

@media only screen and (min-width: 960px) {
/* Grid Container Param */
body {
    display: grid;
    grid-template-columns: 20vw 60vw 20vw;
    gap: 8px;
	overflow-x: hidden;
	background-color: black;
	cursor: default;
}

.deviceCtrls {
	position: fixed;
	display: none;
	width: 100vw;
	z-index: 2;
	right: 1vw;
}

ul {
	list-style-type: none;
}

/* left and right params */
.left {
	display: grid;
	text-align: center;
}

.left nav {
	position: fixed;
	margin-top: 1vh;
	margin-left: 1vh;
}
.left ul {
	font: 1.2em "consolas", serif;
	padding: 0; padding-left: 10px;
	position: fixed; 
	text-align: left;
}

.left .chapNavDir {
	padding: 0; padding-left: 10px;
	position: fixed; 
	margin-top: 3vh;
}

.left a {
	color: white;
	text-decoration: none;
}

.left .chapNav {
	display: grid;
	color: white;
	margin: vw;
	width: 17vw;
	height:20vh;
	background-image: url('../content/main/bg.png');
	background-size: cover;
	padding: 0; padding-left: 0px;
	position: fixed; 
	text-align: left;
	margin-top: 2vh;
}

.left .chapNavBut {
	padding: 0; padding-left: 10px;
	position: 500px; 
	text-align: center;
	margin-top: 22vh;
}

.left button {
	font: bold 1.0em "consolas", serif;
	display:grid;
	text-align: center;
}

.left .navIcon {
	width: 19vw;
	margin-left: 0vw;
}

.left .icon {
	display: none;
}

.left .clan {
	position: fixed;
	bottom: 6vh;
	left: 1vh;
	width: 19vw;
}

.dynPart {
	display: none;
}

.left .btnNextContent {
	display: none;
}

.right #chatAndGo {
	width: 20vw;
	position: fixed;
	height: 100vh;
}

/* center params */
main img {
	width: 60vw;
	object-fit: contain;
}

.containerBtnNextContent, .containerBtnPrevContent {
	text-align: center;
}

#preloader {
	display: none;
}

.lecture {
	position: relative;
}

.lecture #bottomPage {
	position: absolute;
	width: 100%;
	height: 400px;
	bottom: -0px;
	right:0%;
	cursor: none;
}

.lecture #topPage {
	position: absolute;
	width: 100%;
	height: 300px;
	top: -0px;
	right:0%;
	cursor: none;
	z-index: 1;
}

.cursor {
	width: 74px;
	height: 48px;
	background-image: url('../content/cursor/cursornext.png');
	background-size: cover;
	position: fixed;
	pointer-events: none;
	transition: scale 300ms;
	display: none;
}

.cursorGrow {
scale: 8;
}
	
/* bonne chance */

#chatAndGo #cid0020000418457561407 {
	background-color: brown;
}

}


/*
			/// PHONE MODE ///
*/



@media only screen and (max-width: 980px) {
/* Grid Container Param */
body {
	overflow-x: hidden;
	background-color: black;
	cursor: auto;
}

.deviceCtrls {
	position: fixed;
	display: block;
	width: 74vw;
	z-index: 2;
	right: 14vw;
	top: 7vh;
}

ul {
	list-style-type: none;
}

/* left and right params */
.left {
	display: grid;
	grid-template-columns: auto auto auto;
	background-color: black;
	top: 0vh;
	text-align: center;
	z-index: 1;
}

.left nav {
	position: grid;
	top: 14vh;
	background-color: black;
	z-index: 1;
}
.left ul {
	color: purple;
	padding: 0; padding-left: 10px;
	position: relative; 
	text-align: left;
	left: 10vw;
	font: bold 0.84em "consolas", serif;
}

.left .chapNavDir {
	padding: 0; padding-left: 10px;
	position: relative; 
	left: 0vh;
	top: 0vh;
	height: 0vh;
	background-color: black;
}

.left .dynPart {
	display: none;
}

.left a {
	color: white;
	text-decoration: none;
}

.left .chapNav {
	display: block;
	background-color: black;
	color: white;
	left: 2vw;
	height: 8vh;
	top: 0vh;
	background-size: cover;
	padding: 0; padding-left: 0px;
	position: relative; 
	text-align: center;
}

.left .chapNavBut {
	display: none;
	background-color: black;
	grid-template-rows: 3vh 3vh 3vh 3vh;
	grid-template-columns: 12vw 12vw;
	padding: 0; padding-left: 10px;
	position: fixed; 
	text-align: center;
	bottom: 5vh;
	left: 40vw;
}


.left button {
	display: none;
	position: fixed;
	bottom: 1vh;
	left: 35vw;
	font: bold 1.0em "consolas", serif;
	text-align: center;
}
	
.left .navIcon {
	display: none;
	width: 16vw;
	margin-left: 0vw;
}

 .clan {
	display: none;
	position: relative;
	right: 1vw;
	height: 7vh;
}

.left .icon {
	display: none;
	width: 9vw;
	margin-left: 1vw;
	position:fixed;
}

.right #chatAndGo {
	width: 1px;
	position: fixed;
	height: 100vh;
	display: none;
}

/* center params */
main img {
	width: 95vw;
	object-fit: contain;
	z-index: 2;
}

.containerBtnNextContent, .containerBtnPrevContent {
	text-align: center;
}

#preloader {
	display: none;
}


.lecture {
	position: relative;
	top: 0vh;
}

.lecture #bottomPage {
	position: absolute;
	width: 100%;
	height: 500px;
	bottom: -0px;
	right:0%;
	cursor: auto;
	z-index: 1;
}

.lecture #topPage {
	position: absolute;
	width: 100%;
	height: 300px;
	top: -0px;
	right:0%;
	cursor: auto;
	z-index: 1;
}

.cursor {
	width: 0px;
	height: 0px;
	background-size: cover;
	position: fixed;
	pointer-events: none;
	transition: scale 300ms;
	display: none;
}

.cursorGrow {
scale: 8;
}
	
/* bonne chance */

#chatAndGo #cid0020000417630668284 {
	display:none;
}

}