@import url('https://fonts.googleapis.com/css?family=Montserrat');
*
{
	margin:0px;
	padding:0px;
}
*, *:after, *:before {
	box-sizing: border-box;
}
input, button, li, a
{
	cursor:pointer;
	margin:5px;
	color:white;
	transition:color 1s ease;
	font-family:"Montserra";
}
nav a
{
	font-size:1.2em;
}
input
{
	background:none;
	font-family:"Montserra";
	border:none;
}
input:hover, button:hover, li:hover, a:hover
{
	color:silver;
}
input:focus 
{ 	 
	outline: none !important;border:none;
	border-bottom:1px solid white; 
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: white;
  opacity: 0.8; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: white;
}
pre{
  white-space: pre-wrap;
  word-wrap: break-word;
  text-align: justify;
 tab-size:4;
}
html
{
	height:100%;
	font-family:"Montserra";
	color:white;
}
body
{
	height:100%;
	text-align:center;
}
.bl
{
	display:block;
}
#over
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition:ease 1s opacity;
	text-shadow:
}
h1 {
	color:rgba(255, 255, 255, 0.8);
	font-size: calc(1em + 20vw) ;  
	font-weight: 900;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
	font-family:"Montserra";	letter-spacing:2px;
}
#a,#b,#c,#d, #e, #f, #g, #h
{
	display:none;
	width:100%;
	height:100%;
	text-align:left;
	padding:0px;
	margin:0px;
}
code
{
	display:block;
	overflow:auto;
}
#interact{
	display:inline-block;
	vertical-align:top;
	width:50%;
	height:100%;
}
#unity-container
{
	display:inline-block;
	width:50%;
	height:100%;
}
#speach
{
	display:block;
	margin-top:2%;
	display:inline-block;
}
#speach p
{
	display:inline-block;vertical-align:top;
}
.voice,.unknow
{
	height:90px;
	width:90px;
	padding:0px;
	margin:0px;
}
#voix,#inconnu
{
	width:100%;
	height:100%;
}
.inl
{
	display:inline-block;
	vertical-align:top;
	margin:3px;
}
.txtSha
{
	text-shadow:1px 1px 0 #8c098a;
}
.txtShaDeux
{
	text-shadow:1px 1px 0 silver;
}
.ulDisplay
{
	display:block;
	border:2px solid red;
}

.topnav {
  overflow: hidden;
  
}

.topnav #menu_mobile{
  display: none;
}
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
#titre_menu_mobile{
  border:none;
  color:white;
  width:100%;
  padding-top:5px;
  padding-bottom:5px;
font-family:"Montserra";
}
#btMobile
{
	position:absolute;
	top:0px;
	right:0px;
	padding:8px;
	  background: none;
  border:none;
  color:white;
}
.ava_male
{
	width:86px;
	height:86px;
	margin:auto;
	background:url('https://www.optimages.fr/lecteur/male.png') no-repeat top;
	background-size:100% 100%;
}
.ava_female
{
	width:86px;
	height:86px;
	margin:auto;
	background:url('https://www.optimages.fr/lecteur/female.png') no-repeat top;
	background-size:100% 100%;
}
.iconel
{
	margin-left:10px;
}
.rotateIcon
{
	margin-right:15px;
	transform-origin: center;
	transform: rotate(-75deg);
}
#avatar
{
	display:none;
}
.blockM{height:50%;border:2px solid silver;}
.star{ font-family:"Montserra";	letter-spacing:2px;font-size:2.5em;}
.heade{width:100%;height:20%;	text-align:left;}
.middle{width:100%;height:70%;overflow:auto;padding:0px;}
.foot{width:100%;padding:2%;height:10%;}
.itale{cursor:pointer;transition:ease 0.5s color;font-style:italic;margin-left:5px;}
.itale:hover{color:silver;}
#unity-canvas
{
	width:200px;
	height:200px;
	display:none;
}
#header-unity{
	position:absolute;
	font-family:"Montserra";
	width:50%;
	text-align:center;
	padding:5px;
	display:none;
}
#goInter{
	cursor:pointer;width:auto;margin:0px;padding:5px;background:none;
	font-family:"Montserra";
	letter-spacing:2px;
	color:white;
	border-radius:0px;
	transition:color 1s ease;
}
#autoPlay
{
	float:left;display:inline-block;cursor:pointer;background:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	margin:0px;
	font-family:"Montserra";
	letter-spacing:2px;
	color:white;
	transition:color 1s ease;
}
#unity-build-title {display:inline-block;font-family: arial;}
#unity-fullscreen-button {float:right;display:inline-block;cursor:pointer; 	padding:8px;}
#autoPlay:hover, #goInter:hover, #unity-fullscreen-button:hover
{
	color:silver;
}
#navM{
	display:none;
	width:100%;
	height:auto;
}
@media screen and (max-width: 840px) {
  #unity-container, #interact{
    display:block;
	width:100%;
  }
  #header-unity
  {
	  width:95%;
  }
  #unity-container{
	  border:none;
	  border-bottom:1px dashed silver;
  }
  #navP
  {
	  display:none;
  }
  #navM{
	  display:block;
  }
  .middle
  {
	  height:auto;
  }
  	pre{
		tab-size:2;
	}
}
@media screen and (max-width: 640px) {
	pre{
		tab-size:0;
	}
}