.bodyNormal {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.bodyMobile{
	display: none;
}
body{
	background-color: #111111;
}


p{
	color: #ffffff;
}

h1, h2, h4{
	color: #ffffff;	
}

h3{
	color: #ffffff;
	font-family: "Andalus", Times, serif;
	text-align: justify;
    	text-justify: inter-word;
}

.grossesLettres{
	color: #ffffff;
	font-family: "Viner Hand Itc", Times, serif;
	
}

.moyennesLettres{
	color: #ffffff;
	font-family: "Viner Hand Itc", Times, serif;
	font-size:20;
}


table{
	padding: 5px;
}

td.books{
	padding: 15px;
}

.leftMarge{

	 margin-left: 45px;
}


img.bookButton{

	height: 100px;
}

img.craneButton{

	width: 90px;
}

img.page{

	height: 1000px;
}

#text{
	
	position: absolute;
    	left: 150px;
    	top: 90px;
}

div.body{
	position: absolute;
    	top: 0px;
    	left: 35px;

}


#chapterButton {
	height: calc(15% - 16px);
}

#pageBody {
	display: flex;
	justify-content: center;
}

#minigame {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 100%;
	width: 100%;
}

.empty, #arrowButton {
	width: 40px;
}

#leftPage, #rightPage {
	height: 85%;
}

#placeholder {
	display: none;
	width: 60%;
	height: 100%;
}

#gameDiv {
    height: 200px;
    width: 200px;
    background-color: #000000 ;
    border: 1px outset white;
    position: absolute;
    text-align: center;
    left: calc( 50% - 100px );
    top: 20%;
}

#title {
    color: #ffffff;
    font-family: Andalus, Times serif;
}

#desc {
    color: #ffffff;
    font-family: Andalus, Times serif;
}


#yesBtn {
    width: 70%;
    height: 20px;
    background-color: #FFFFFF;
    border: 1px outset grey ; 
}

#noBtn {
    width: 70%;
    height: 20px;
    background-color: #FFFFFF;
    border: 1px outset grey ;
}