html,
body {
  margin: 0;
  height: 100%;
}

body {
  background-color: #FFF;
}

body.hide-overflow {
  overflow: hidden;
}

/* helpers */

.book-wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.book-container {
  display: table-cell;
  vertical-align: baseline;
  text-align: center;
  position: relative;
}

/* book */

.book {
  margin: 0 auto;
  width: 90%;
  height: 90%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	box-shadow: 6px 6px 12px #aaa;
	
}

.book .page {
  height: 100%;
}

.book .page img {
  max-width: 100%;
  height: 100%;
}

#logoEnclume{
	margin-left: 57px;margin-top: 27px;margin-bottom: 0px;width: 500px;height: auto;
}

@media screen and (max-width:620px){
#logoEnclume{
	content: url('https://www.kinorev.fr/ENCLUME/logos/logoEnclumeTxtCompact.png');
	width: 250px;
	height: auto;
		}
}


@font-face {font-family: 'sans italic 600';
src: url('../webfonts/open-sans-v20-latin-600italic.woff2') format('woff2');
}
h1 {
	font-family: "sans italic 600";
	font-size: 14px ;
	margin-top: 10px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px; color:#000000;
}