/* Custom StyleSheet */

body{
	font-family: Junge;
	font-size:1.4em;
}

h1, h2, h3, h4{
	font-family: "IM Fell English";
	text-align: center;
}

button{
	cursor:pointer;
}

b{
  color:red;
}


/* ID */

#page{
	width:968px;
	margin:auto;
}

/* Page titre */

#titres{
	margin-top:7em;
	cursor:pointer;
}

#titres h1{
	font-size: 6.5em;
}

#titres h2{
	font-size: 3.5em;
	color: #999999;
}

#titres h3{
	font-size: 1.9em;
	max-width:600px;
	margin : 1em auto;
}

#titres h4{
  font-size : 1.1em;
}

#logos{
	margin: 5em auto;
	background: white;
	opacity: 0.8;
	border-radius: 0.2em;
}

#logos img{
	height:90px;
	margin-right :1.1em;
	padding:0.3em;
}

/* Citation */

#citation{
	width:400px;
	color:white;
}

#citation p{
	padding :0;
	margin:0;
}

/* Chap 1 */

#chap1{
	color:white;
	font-size:1.8em;
	margin-top:7em;
}

#chap1 h1{
	font-size: 1.7em;
}

#chap1 h2{
	font-size: 1.4em;
}

#chap1 hgroup{
	margin-bottom: 2em;
}

#chap1 p{
	font-size: 0.8em;
	cursor:pointer;
	text-align: center;
}


/* Unity */

#unityPlayer{
	width: 960px;
	margin :auto;
}

/* Maria */

#mar h1, #mar button{
	text-align: center;
	color:white;
}

#boiteBouton{
	margin:auto;
	text-align: center;
}

#boutonUnity{
	margin:2em auto;
}


/* Sluu et Tigran */

#andrew1{
	margin-left: 9em;
	font-size: 2em;
}

#andrew2{
	margin-left: 14em;
	font-size: 2.1em;
}

#andrew3{
	margin-left: 10em;
	font-size: 2.1em;
}

#andrew4{
	margin-left: 16em;
	font-size: 1.8em;
}

#andrew5{
	margin-left: 8em;
	font-size: 4.4em;
	margin-top: 1em;
}

.sluu_vid{
	position:fixed;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
	height:100%;
	z-index: -1;
}

#sluu_foule{
	text-align:center;
	margin:auto;
	width: 600px; 
}

#slu_gallerie{
	margin-top: 2em;
}

#slu_gallerie img{
	padding: 1em;
}

/* Boites de texte */

.textBox{
	width:450px;
	margin: auto;
	margin-top:8em;
	font-size: 1.1em;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0.2em;
	padding: 0.7em;
	cursor:pointer;
}

.emptyBox{
	position :fixed;
	height: 100%;
	width: 100%;
}