@charset "utf-8";
/* CSS Document */
/*==============================*/
/*=====     RABIUL      ========*/
/*===== DATE:2016/08/06 ========*/
/*==============================*/
@font-face{
    font-family:'StellarRegular';
    src:url('/jeux-experiences/morbusdelirium/fonts/StellarRegular/StellarRegular.eot');
    src:url('/jeux-experiences/morbusdelirium/fonts/StellarRegular/StellarRegular.eot') format('embedded-opentype'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarRegular/StellarRegular.html') format('woff2'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarRegular/StellarRegular.woff') format('woff'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarRegular/StellarRegular.ttf') format('truetype'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarRegular/StellarRegular.svg#StellarRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'StellarBold';
    src:url('/jeux-experiences/morbusdelirium/fonts/StellarBold/StellarBold.eot');
    src:url('/jeux-experiences/morbusdelirium/fonts/StellarBold/StellarBold.eot') format('embedded-opentype'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarBold/StellarBold.html') format('woff2'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarBold/StellarBold.woff') format('woff'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarBold/StellarBold.ttf') format('truetype'),
         url('/jeux-experiences/morbusdelirium/fonts/StellarBold/StellarBold.svg#StellarBold') format('svg');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:'ADAM-CGPRO';
    src:url('/jeux-experiences/morbusdelirium/fonts/ADAM-CGPRO/ADAM-CGPRO.eot');
    src:url('/jeux-experiences/morbusdelirium/fonts/ADAM-CGPRO/ADAM-CGPRO.eot') format('embedded-opentype'),
         url('/jeux-experiences/morbusdelirium/fonts/ADAM-CGPRO/ADAM-CGPRO.html') format('woff2'),
         url('/jeux-experiences/morbusdelirium/fonts/ADAM-CGPRO/ADAM-CGPRO.woff') format('woff'),
         url('/jeux-experiences/morbusdelirium/fonts/ADAM-CGPRO/ADAM-CGPRO.ttf') format('truetype'),
         url('/jeux-experiences/morbusdelirium/fonts/ADAM-CGPRO/ADAM-CGPRO.svg#ADAM-CGPRO') format('svg');
    font-weight:normal;
    font-style:normal;
}

body{
	padding:0;
	margin:0;
    font-family:'StellarRegular';
	background-position:center center;
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/landing/bodyBg.jpg', sizingMethod='scale')";
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/images/landing/bodyBg.jpg', sizingMethod='scale');
	background:url(/jeux-experiences/morbusdelirium/images/landing/bodyBg.jpg) no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-color: #000;
	line-height:41px;
	font-size:33px;
	color:#fff;
	overflow-x:hidden;
	background-attachment:fixed;
}

.pulse {
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 1.5s infinite;
}
.pulse:hover {
  animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
    box-shadow: 0 0 0 0 rgba(204,169,44, 0.4);
  }
  70% {
      -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
      box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
      box-shadow: 0 0 0 0 rgba(204,169,44, 0);
  }
}

.mvc-footer{
  position: fixed;
  bottom: 0px;
  margin: auto 0 0 20px;
  font-size: 9px;
  width: 50px;
}

.boxCont{
	width:100%;
	padding-top:2%; /* Initialy at 8% */
	padding-bottom:8%;
}
audio{position:absolute;left:0;top:0;display:block;height:0;width:0;}

/*==============================*/
/*=====   Common styles   ======*/
/*==============================*/
*{outline:none}
*:before,*:after{box-sizing:border-box}
header,nav,section,article,aside,footer{display:block}
div,ul,li,form,img,button,label,input,textarea{
	padding:0;
	margin:0;
	outline:none;
	border:none;
	display:block;
	background:none;
}
.enterBtn {
	width:80%;
}

.errorPopup {
	position:absolute;
	width:40%;
	top:40%;
	left:30%;
	display:none;
}

.errorPopup img {
	width:100%;
	display:block;
}
.progressionPopup {
    position: absolute;
    width: 50%;
    height: 254px;
    top: 40%;
    left: 25%;
    display: none;
    background-color: black;
    opacity: 0.9;
    border: 1px solid red;
    z-index: 2;
}

.formErrorPopup {
    position: absolute;
    width: 50%;
    height: 254px;
    top: 40%;
    left: 25%;
    display: none;
    background-color: black;
    opacity: 0.9;
    border: 1px solid red;
    z-index: 2;
}

.registrationMsgs {
  width:70%;
  position:absolute;
  margin:auto;
  bottom:-20%;
  right:0;
  left:0;
}

@media screen and (max-width:699px){
  .progressionPopup {
    width: 84%;
    top: 5%;
    left: 8%;
  }
  
  .formErrorPopup {
    width: 84%;
    top: 5%;
    left: 8%;
  }
}

@media screen and (min-width:700px) and (max-width:899px){
  .progressionPopup {
    width: 72%;
    top: 8%;
    left: 14%;
  }
  
  .formErrorPopup {
    width: 72%;
    top: 8%;
    left: 14%;
  }
}

@media screen and (min-width:900px) and (max-width:1024px){
  .progressionPopup {
    width: 50%;
    top: 19%;
    left: 25%;
    height:217px;
  }
  
  .formErrorPopup {
    width: 50%;
    top: 19%;
    left: 25%;
    height:217px;
  }
}
.playBtnDiv {
    position: absolute;
    width: 55.0253807106599%;
    margin: auto;
    right: 0;
    left: 0;
    top: 46%;
}
@media screen and (max-width:767px){
  .playBtnDiv {
    top:7%;
  }
  .registrationMsgs{
    bottom: 58%;
  }
  .registrationMsgs p{
    font-size: 11px;
    line-height: 17px;
  }
}

@media screen and (max-width:639px){
  .playBtnDiv {
    top:7%;
  }
  .registrationMsgs{
    bottom: 58%;
  }
  .registrationMsgs p{
    font-size: 9px;
    line-height: 10px;
  }
}

.progressionBtns{
	  position: absolute;
    top: 70%;
    left: 10%;
    width:80%;
}
.progressionMessage {
	-webkit-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff; 
	-moz-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	-o-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff; 
	display:block;	
    font-family:'StellarRegular';
	color:#fff;
	margin-top: 5px;
	line-height: 20px;
	font-size: 16px
}

.boxText {
    width: 100%;
    height: 100px;
    padding: 0px 10px;
    text-align: center;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
}

.chatTextIn p {
	font-size: 17px;
    line-height: 31px;
    margin-top: 5%;
}

.errorOkBtn{
  position: absolute;
  left: 40%;
  bottom: -56%;
}

.errorMessage {
	
	-webkit-text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00; 
	-moz-text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00;
	-o-text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00;
	text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00; 
	display:block;	
    font-family:'StellarRegular';
	color:#fff;
	margin-top: 5px;
	line-height: 20px;
	font-size: 16px
}


.registrationMsgs p {
  font-family: 'ADAM-CGPRO';
  text-align: center;
}

.user_connected {
	font-size:20px;
}
.no_user_connected{
	font-size: 15px;
  line-height: 21px;
}

#contactFormFeedback {
  margin: 15px 0;
  font-size: 16px;
  border-top: double 3px #fff;
  border-bottom: double 3px #fff;
  width: 100%;
}

.clear{
	width:0;
	height:0;
	line-height:0;
	font-size:0;
	clear:both;
}
a{
	text-decoration:none;
	outline:none;
	color:#f6c44c;
}
a:hover{
	text-decoration:none;
	outline:none;
	color:#006db8;
}

.box{
	margin:auto;
	width:77.34375%;
	padding-top:37.2%;
	position:relative;
}
.bdrBox{
	width:100%;
	height:100%;
	text-align:center;
	/*border:5px solid #fff;*/
	/*overflow:hidden;*/
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
}
#mvcLogo{
	width: 9.84375%;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    right: 3.046875%;
    top: 4.75%;
    z-index: 9;
}
#mvcLogo img{
	width:100%;
	display:block;
}
#mvcLogo2{
	  width: 9.84375%;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 3.046875%;
    top: 4.75%;
    z-index: 9;
}
#mvcLogo2 img{
	width:100%;
	display:block;
}
.menuBtn{
	height:0;
	width:5.228426395939086%;
	padding-top:5.5%;
	display:block;
	text-decoration:none;
	background:url(/jeux-experiences/morbusdelirium/images/landing/menuBtn.png) no-repeat;
	background-size:100% auto;
	position:absolute;
	top:1.702127659574468%;
	left:1.2690355329949238%;
}
.backBtn{
	height:0;
	width:4.6700507614213196%;
	padding-top:4.8%;
	display:block;
	text-decoration:none;
	background:url(/jeux-experiences/morbusdelirium/images/landing/backBtn.png) no-repeat;
	background-position:left top;
	background-size:199% auto;
	position:absolute;
	left:0.8629441624365483%;
	bottom:1.8085106382978722%;
}
.backBtn:hover{background-position:right top}
.backBtn span{
	width:155px;
	padding-left:20px;
	margin-top:-14px;
	display:inline-block;
    font-family:'ADAM-CGPRO';
	line-height:24px;
	font-size:20px;
	color:#fff;
	position:absolute;
	top:50%;
	left:100%;
}

.compte{
	padding-top:7px;
	width:39.79695431472081%;
	background:url(/jeux-experiences/morbusdelirium/images/landing/compte.png) no-repeat center top;
	background-size:100% auto;
	position:absolute;
	overflow:hidden;
	margin:auto;
	top:2%;
	right:0;
	left:0;
	z-index:9;
}
.compte span{
	width:50%;
	text-align:center;
    font-family:'ADAM-CGPRO';
	line-height:38px;
	font-size:20px;
	color:#fff;
	float:left;
}
.compte span a{color:#fff}
.compte span a:hover{color:#f6c44c}
.box form{
	width:50.619289%;
	text-align:center;
	margin:0 auto;
}
.connectionForm{padding-top:13%}
.textBox{
	width:100%;
	padding:0 0 38px;
	position:relative;
}
.box form label{
	display:block;	
	-webkit-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	-moz-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	-o-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
    font-family:'ADAM-CGPRO';
	line-height:79px;
	font-size:33px;
	color:#fff;
}

.box form .text{
    width:100%;
    height:75px;
	padding:20px 15px;
	display:block;
	background-color:rgba(0,0,0,0.8);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
    border-radius:5px;
	border:3px solid #b9a24b;
	box-sizing:border-box;
    font-family:'StellarRegular';
	line-height:35px;
	font-size:25px;
	color:#eaba4a;
}
.submitBox{
	display:inline-block;
	position:relative;
}
.box form input[type="submit"]{
    height:82px;
	padding:0 32px 10px;
	margin-top:30px;
	display:inline-block;
	background-color:rgba(0,0,0,1);
	border:4px solid #f6c44c;
	box-sizing:border-box;
    font-family:'StellarRegular';
	line-height:64px;
	font-size:33px;
	color:#eaba4a;
	cursor:pointer;
	-webkit-appearance:none;
}


.box form input[type="submit"]:hover{
	color:#fff;
	background-color:rgba(0,0,0,0.8);
	-webkit-text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
	-moz-text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
	-o-text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
	text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
}
.box form p{
	margin:34px 0 0;
    font-family:'ADAM-CGPRO';
	line-height:30px;
	font-size:21px;
	color:#fff;
}
.box form p a{color:#f6c44c}
.box form p a:hover{text-decoration:underline}

.accueilBtnWrapper .btn{
  background-color:rgba(0,0,0,1);
}

.copyrightWrapper{
  text-align:center;
  font-size:12px;
  padding-top:10px;
}

.indexCopyrightLogo{
    color: white;
    position: absolute;
    left: 45%;
    font-size: 17px;
}

.accueil{
	width:65.48223350253807%;
	padding-top:25.1%;
	margin:0 auto;
	position:relative;
}
.accueil .logo{
	width:59.92248062015504%;
	display:block;
	text-decoration:none;
	position:absolute;
	margin:auto;
	top:0;
	right:0;
	left:0;
}
.accueil .logo img{
	width:100%;
	display:block;
}
.innerTxt{
	width:100%;
	padding:55px 15px;
	box-sizing:border-box;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background:url(/jeux-experiences/morbusdelirium/images/landing/innerTxt.png) no-repeat center top;
	background-size:100% 100%;
}
.landing .innerTxt{
    padding-top: 10px;
    padding-bottom: 0px;
}
.innerTxt p{
	margin:0;
	padding:21px 0;
    font-family:'StellarRegular';
	line-height:41px;
	font-size:33px;
	color:#fff;
}
.landing .innerTxt p{font-family:'StellarBold'}
.innerTxt p strong{
    font-family:'StellarBold';
	display:inline-block;
	font-size:41px;
	color:#00fbfd;
}
.landing .innerTxt p strong{font-size:50px}
.btn{
    height:82px;
	display:inline-block;
	border:4px solid #f6c44c;
	box-sizing:border-box;
    font-family:'StellarRegular';
	line-height:38px;
	font-size:33px;
	color:#eaba4a;
}
.landing .btn{
	width:306px;
	padding:14px 15px 22px;
	margin-top:25px;
}
.landing .btn2{margin-right:160px}
.accueil .btn{
	padding:14px 25px 22px;
	margin-top:15px;
	background-color:rgba(0,0,0,1);
}
.btn:hover{
	color:#fff;
	background-color:rgba(0,0,0,0.8);
	-webkit-text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
	-moz-text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
	-o-text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
	text-shadow:0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037, 0 0 3px #c65037;
}

.landingLogo{
	width:69.89847715736041%;
	display:block;
	text-decoration:none;
	position:absolute;
	margin:auto;
	top:-2.5%;
	right:0;
	left:0;
}
.landingLogo img{
	width:100%;
	display:block;
}
.landing{
	width:65.48223350253807%;
	padding-top:30.2%;
	margin:0 auto;
	position:relative;
}
.landing.enterPage {
	padding-top: 20px;
	width:auto;
	top: 0;
}
.landing.enterPage .btn, .landing.indexPage .btn {
	height:auto;
	padding: 14px 25px;
}
@media screen and (max-width:767px){
	.landing.enterPage {
		top: 0;
	}
	.landing.enterPage .btn {
		width: 160px;
		padding-top: 11px;
	}
}
.menuButton{
  z-index:5;
}
.menuBox{
	width:55.0253807106599%;
	position:absolute;
	margin:auto;
	top:5%;
	right:0;
	left:0;
}
.menuBox img{
	margin:0;
	width:100%;
	display:block;
}

.menuBox a.homeIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/homeIcon.png);
	top:21.5%;
	left:6%;
}
.menuBox a.profileIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/profileIcon.png);
	top:42.3%;
	left:2.2%;
}
.menuBox a.informationIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/informationIcon.png);
	bottom:21.3%;
	left:4.7%;
}
.menuBox a.soundIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/soundOffIcon.png);
	top:21.5%;
	right:6%;
}
.menuBox a.francaisIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/francaisIcon.png);
	top:42.3%;
	right:2.2%;
}
.menuBox a.englishIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/englishIcon.png);
	top:42.3%;
	right:2.2%;
}
.menuBox a.visuallyImpairedIcon{
	background-image:url(/jeux-experiences/morbusdelirium/images/landing/visualimpairedOn.png);
	bottom:21.3%;
	right:4.7%;
}
.menuBox a{
	width:13.099630996309963%;
	height:16.359447004608296%;
	background-position:left top;
	background-repeat:no-repeat;
	background-size:200% auto;
	text-decoration:none;
	position:absolute;
	display:block;
}
.menuBox a:hover{background-position:right top}
.menuBox a i{
	width:200px;
	margin-top:-14px;
    font-family:'ADAM-CGPRO';
	font-style:normal;
	position:absolute;
	line-height:24px;
	font-size:20px;
	display:none;
	color:#fff;
	top:50%;
}
.menuBox a:hover i{display:block}
.menuBox a.homeIcon i,
.menuBox a.profileIcon i,
.menuBox a.informationIcon i{
	text-align:right;
	margin-right:45%;
	right:100%;
}
.menuBox a.soundIcon i,
.menuBox a.visuallyImpairedIcon i,
.menuBox a.francaisIcon i,
.menuBox a.englishIcon i{
	text-align:left;
	margin-left:45%;
	left:100%;
}

.shadowBg1{
	width:120%;
	margin:auto;
	position:absolute;
	top:0;
	left:-50%;
	bottom:0;
	right:-50%;
}
.logInBg{
	width:53.1979695431472%;
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}


.animated{
  -webkit-animation-duration:1s;
          animation-duration:1s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}

.animated.infinite{
  -webkit-animation-iteration-count:infinite;
          animation-iteration-count:infinite;
}

.animated.hinge{
  -webkit-animation-duration:2s;
          animation-duration:2s;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
            transform:scale3d(.3,.3,.3);
  }

  50% {
    opacity:1;
  }
}

@keyframes zoomIn {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
            transform:scale3d(.3,.3,.3);
  }

  50% {
    opacity:1;
  }
}

.animated.zoomIn {
  -webkit-animation-name:zoomIn;
          animation-name:zoomIn;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:rotate3d(0,0,1,-200deg);
            transform:rotate3d(0,0,1,-200deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:rotate3d(0,0,1,-200deg);
            transform:rotate3d(0,0,1,-200deg);
    opacity:0;
  }

  100% {
    -webkit-transform-origin:center;
            transform-origin:center;
    -webkit-transform:none;
            transform:none;
    opacity:1;
  }
}

.animated.rotateIn {
  -webkit-animation-name:rotateIn;
          animation-name:rotateIn;
}
@-webkit-keyframes bounceInDown {
  0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
            transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-3000px,0);
            transform:translate3d(0,-3000px,0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(0,25px,0);
            transform:translate3d(0,25px,0);
  }

  75% {
    -webkit-transform:translate3d(0,-10px,0);
            transform:translate3d(0,-10px,0);
  }

  90% {
    -webkit-transform:translate3d(0,5px,0);
            transform:translate3d(0,5px,0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes bounceInDown {
  0%,60%,75%,90%,100% {
    -webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
            transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);
  }

  0% {
    opacity:0;
    -webkit-transform:translate3d(0,-3000px,0);
            transform:translate3d(0,-3000px,0);
  }

  60% {
    opacity:1;
    -webkit-transform:translate3d(0,25px,0);
            transform:translate3d(0,25px,0);
  }

  75% {
    -webkit-transform:translate3d(0,-10px,0);
            transform:translate3d(0,-10px,0);
  }

  90% {
    -webkit-transform:translate3d(0,5px,0);
            transform:translate3d(0,5px,0);
  }

  100% {
    -webkit-transform:none;
            transform:none;
  }
}

.animated.bounceInDown {
  -webkit-animation-name:bounceInDown;
          animation-name:bounceInDown;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
            transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
            animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
            animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
            transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
            animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
            transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
            animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
  }
}

.animated.zoomInUp {
  -webkit-animation-name:zoomInUp;
          animation-name:zoomInUp;
}
.innerTxt{
  font-size: 18px;
  line-height: 30px;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
            animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
            transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
            animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
            transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
            animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
            transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
            animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
  }
}

.animated.zoomInLeft {
  -webkit-animation-name:zoomInLeft;
          animation-name:zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
            transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
            animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
            transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
            animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity:0;
    -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
            transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
            animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);
  }

  60% {
    opacity:1;
    -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
            transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
            animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);
  }
}

.animated.zoomInRight {
  -webkit-animation-name:zoomInRight;
          animation-name:zoomInRight;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform:scale3d(1,1,1);
            transform:scale3d(1,1,1);
  }

  30% {
    -webkit-transform:scale3d(1.25,0.75,1);
            transform:scale3d(1.25,0.75,1);
  }

  40% {
    -webkit-transform:scale3d(0.75,1.25,1);
            transform:scale3d(0.75,1.25,1);
  }

  50% {
    -webkit-transform:scale3d(1.15,0.85,1);
            transform:scale3d(1.15,0.85,1);
  }

  65% {
    -webkit-transform:scale3d(.95,1.05,1);
            transform:scale3d(.95,1.05,1);
  }

  75% {
    -webkit-transform:scale3d(1.05,.95,1);
            transform:scale3d(1.05,.95,1);
  }

  100% {
    -webkit-transform:scale3d(1,1,1);
            transform:scale3d(1,1,1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform:scale3d(1,1,1);
            transform:scale3d(1,1,1);
  }

  30% {
    -webkit-transform:scale3d(1.25,0.75,1);
            transform:scale3d(1.25,0.75,1);
  }

  40% {
    -webkit-transform:scale3d(0.75,1.25,1);
            transform:scale3d(0.75,1.25,1);
  }

  50% {
    -webkit-transform:scale3d(1.15,0.85,1);
            transform:scale3d(1.15,0.85,1);
  }

  65% {
    -webkit-transform:scale3d(.95,1.05,1);
            transform:scale3d(.95,1.05,1);
  }

  75% {
    -webkit-transform:scale3d(1.05,.95,1);
            transform:scale3d(1.05,.95,1);
  }

  100% {
    -webkit-transform:scale3d(1,1,1);
            transform:scale3d(1,1,1);
  }
}

.animated.rubberBand {
  -webkit-animation-name:rubberBand;
          animation-name:rubberBand;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
            transform:translate3d(100%,0,0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity:0;
    -webkit-transform:translate3d(100%,0,0);
            transform:translate3d(100%,0,0);
  }

  100% {
    opacity:1;
    -webkit-transform:none;
            transform:none;
  }
}

.animated.fadeInRight {
  -webkit-animation-name:fadeInRight;
          animation-name:fadeInRight;
}
@-webkit-keyframes shake {
  0%,100% {
    -webkit-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
  }

  10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-10px,0,0);
            transform:translate3d(-10px,0,0);
  }

  20%,40%,60%,80% {
    -webkit-transform:translate3d(10px,0,0);
            transform:translate3d(10px,0,0);
  }
}

@keyframes shake {
  0%,100% {
    -webkit-transform:translate3d(0,0,0);
            transform:translate3d(0,0,0);
  }

  10%,30%,50%,70%,90% {
    -webkit-transform:translate3d(-10px,0,0);
            transform:translate3d(-10px,0,0);
  }

  20%,40%,60%,80% {
    -webkit-transform:translate3d(10px,0,0);
            transform:translate3d(10px,0,0);
  }
}

.animated.shake {
  -webkit-animation-name:shake;
          animation-name:shake;
}

@media screen and (max-width:2559px){
	.enterBtn {
		width:50%;
	}
	.compte span{
		line-height:22px;
		font-size:16px;
	}
	.box form label{
		font-size:28px;
		line-height:35px;
		padding-bottom:20px;
	}
	.textBox{padding-bottom:25px}
	.box form .text{
		font-size:22px;
		height:60px;
		line-height:30px;
		padding-top:15px;
		padding-bottom:15px;
	}
	.box form input[type="submit"]{
		font-size:25px;
		height:70px;
		border-width:3px;
		line-height:52px;
		margin-top:20px;
		padding-bottom:10px
	}

	.box form p{margin-top:15px}
	.innerTxt{
		padding-top:3%;
		padding-bottom:3%;
	}
	.innerTxt p{
		padding-top:2%;
		padding-bottom:2%;
		line-height:30px;
		font-size:25px;
	}
	.landing .innerTxt p{
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.3em;
    font-size: 1.1em;
	}
	.landing .innerTxt p strong,
	.innerTxt p strong{font-size:30px}
	.btn{
		font-size:25px;
		height:70px;
		border-width:3px;
		line-height:28px;
		padding-top:14px;
		padding-bottom:22px
	}
}

@media screen and (max-width:1919px){
	.enterBtn {
		width:50%;
		font-size: 15px;
    	height: 51px;
	}
	.menuBox a i{
		width:140px;
		margin-top:-11px;
		line-height:18px;
		font-size:14px;
	}
	.backBtn span{
		width:110px;
		text-align:left;
		padding-left:10px;
		margin-top:-11px;
		line-height:18px;
		font-size:14px;
	}
	.compte{padding-top:5px}
	.compte span{
		line-height:18px;
		font-size:14px;
	}
	.textBox{padding-bottom:15px}
	.box form label{
		font-size:24px;
		line-height:26px;
		padding-bottom:10px;
	}
	.box form .text{
		height:50px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.box form input[type="submit"]{
		border-width:3px;
		font-size:21px;
		height:60px;
		line-height:44px;
		margin-top:10px;
		padding-bottom:5px;
	}

	.box form p{
		font-size:14px;
		line-height:20px;
	}
	.innerTxt{
		padding-top:2%;
		padding-bottom:2%;
	}
	.innerTxt p{
		line-height:25px;
		font-size:22px;
	}
	.landing .innerTxt p strong,
	.innerTxt p strong{font-size:23px}
	.btn{
		font-size:16px;
    	height: 50px;
    	line-height: 20px;
		padding-top:12px;
		padding-bottom:18px;
		padding-left:35px;
		padding-right:35px;
	}
	.popupBtn{
    width: 31%;
    padding-left: 20px;
	}
	.landing .btn{width:200px; font-size: 14px;}
	.landing .btn2{margin-right:50px; font-size: 14px;}
	
	#indexEnglishVIBtn , #indexFrenchVIBtn{
	  padding: 5px;
	  font-size: 14px;
	}
	#indexEnglishVIBtn span , #indexFrenchVIBtn span{
	  font-size: 12px;
    display: block;
	}

}


@media (min-width:1280px) and (max-width:1400px){
  
  #indexEnglishVIBtn , #indexFrenchVIBtn{
    height: 45px;
	  line-height: 17px;
	}
  
	.enterBtn {
		width:50%;
	}
	
	.compte{width:50%}
	.connectionForm{padding-top:9%}
	.accueil,
	.landing{width:90%}
	.landing .innerTxt{
		padding-bottom:15px;
		padding-top:15px;
	}
	.innerTxt p{
		padding-bottom:1%;
		padding-top:1%;
	}
	.innerTxt p br{display:none}
	.landing .btn,
	.accueil .btn{
		height:40px;
		line-height:35px;
		margin-right:0;
		margin-top:10px;
		padding:0;
		width:200px;
		font-size:12px;
	}
}

@media (min-width:768px) and (max-width:1024px){
  
  #indexEnglishVIBtn , #indexFrenchVIBtn{
    height: 50px;
	  line-height: 17px;
	}
  
  .copyrightWrapper{
    padding-top:10px;
  }
  
	.box{padding-top:50%}
	.compte{width:74%}
	.box form{
		width:70%;
		padding-top:12%;
	}
	.chatTextIn p {
	    font-size: 15px;
	    line-height: 25px;
	    margin-top: 5%;
	}
	.textBox{ padding-bottom:5%}
	.box form .text{
		height:40px;
		font-size:14px;
		padding-bottom:5px;
		padding-top:5px;
	}
	.box form label{
		line-height:18px;
		font-size:16px;
	}
	.connectionForm{padding-top:33%}
	.box form input[type="submit"]{
		font-size:16px;
		height:40px;
		line-height:25px;
	}

	.accueil,
	.landing{width:90%}
	.landing .innerTxt{
		padding-bottom:15px;
		padding-top:15px;
	}
	.innerTxt p br{display:none}
	.landing .btn,
	.accueil .btn{
		height:40px;
		line-height:35px;
		margin-right:0;
		margin-top:10px;
		padding:0;
		width:200px;
		font-size:12px;
	}
	.menuBox{top:15%}
}

@media screen and (max-width:767px){
  
  .copyrightWrapper{
    padding-top:10px;
    margin-top: -75px;
  }
  
  .copyrightWrapper a{
    color:white;
  }
  
  .innerTxt{
    font-size: 12px;
    line-height: 13px;
  }
	
	.errorPopup {
	    width: 64%;
	    top: 13%;
	    left: 18%;
	}
	
	.box{
		width:95%;
		padding-top:120%;
	}
	.menuBox{
		top:25%;
		width:98%;
	}
	.compte{
		padding-top:12px;
		width:90%;
		/*top:13%;*/
		top: 5px;
	}
	.menuBtn{
		left:2%;
		padding-top:10%;
		width:10%;
	}
	#mvcLogo{
		right:2%;
		top:4%;
		width:15%;
	}
	#mvcLogo2{
		left:2%;
		top:4%;
		width:15%;
	}
	.backBtn{
		left:2%;
		padding-top:10%;
		width:10%;
	}
	.menuBox a.homeIcon i,
	.menuBox a.profileIcon i,
	.menuBox a.informationIcon i{
		margin-left:25%;
		margin-right:0;
		right:auto;
		left:100%;
		text-align:left;
	}
	.menuBox a.soundIcon i,
	.menuBox a.visuallyImpairedIcon i,
	.menuBox a.francaisIcon i,
	.menuBox a.englishIcon i{
		margin-right:25%;
		margin-left:0;
		left:auto;
		right:100%;
		text-align:right;
	}
	.box form{width:90%}
	.connectionForm{padding-top:8%}
	.landingLogo{
		/*top:20%;*/
		top: -60px;
		width:100%;
	}
	.landing .btn{
		/*width:150px;*/
		margin-right:10px;
	}
	.landing{
		width:84%;
		top: -118px;
		/*padding-top:70%;*/
	}
	.accueil{
		width:84%;
		/*padding-top:60%;*/
		top: -60px;
	}
	.accueil .logo{
		top:15%;
		width:90%;
		visibility: hidden;
	}
	.enterBtn{width: 45%;}
	.innerTxt p{font-size:18px}
	.landing .innerTxt p strong,
	.innerTxt p strong{font-size:20px}
	
	.shadowBg1{
		visibility: hidden;
	}
	
	#menuBoxImg{
		visibility: hidden;
	}
	
	.menuBox a.homeIcon{
		top: -20.5%;
    left: 3%;
	}
	
	.menuBox a.profileIcon{
		top: -20.5%;
    left: 27%;
	}
	
	.menuBox a.soundIcon{
		top: -20.5%;
    left: 59%;
	}
	
	.menuBox a.informationIcon{
		top: -2.5%;
    left: 3%;/*15%;*/
	}
	
	.menuBox a.englishIcon{
		top: -2.5%;
    left: 71%;
	}
	
	.menuBox a.francaisIcon {
    top: -2.5%;
    left: 83%;/*71%;*/
}

  .menuBox a.visuallyImpairedIcon {
    top: -20.5%;
    left: 83%;
}
	
	.backBtn{
		top: 32%;
	} 
	
}
@media screen and (max-width:639px){
  
  .copyrightWrapper{
    padding-top:0px;
    margin-top: -85px;
  }
  
  .innerTxt{
    font-size: 10px;
    line-height: 11px;
  }
  
	.compte{padding-top:8px}
	.compte span{
		font-size:12px;
		line-height:15px;
	}
	.backBtn span{font-size:12px}
	
	.menuBox a.homeIcon i,
	.menuBox a.profileIcon i,
	.menuBox a.informationIcon i,
	.menuBox a.soundIcon i,
	.menuBox a.francaisIcon i{font-size:12px}
	.menuBox a.englishIcon i{font-size:12px}
	.box form label{
		font-size:19px;
		padding-bottom:5px;
	}
	.box form input[type="submit"]{
		font-size:20px;
		height:50px;
		line-height:34px;
		margin-top:5px;
		min-width:200px;
	}

	.landing .btn,
	.accueil .btn,
	.box form .text,
	.box form input[type="submit"]{border-width:2px}
}
@media screen and (max-width:479px){
	.box form .text{
		height:40px;
		font-size:14px;
		padding-bottom:5px;
		padding-top:5px;
	}
	.box form label{
		line-height:18px;
		font-size:16px;
	}
	.connectionForm{padding-top:33%}
	.box form input[type="submit"]{
		font-size:16px;
		height:40px;
		line-height:25px;
	}
	.box form p{
		font-size:12px;
		line-height:14px;
		margin-top:10px;
	}
	/*.innerTxt p,*/
	/*.landing .innerTxt p{*/
	/*	font-size:12px;*/
	/*	line-height:15px;*/
	/*}*/
	.landing .innerTxt p strong,
	.innerTxt p strong{font-size:15px}
	.accueil,
	.landing{width:90%}
	.landing .innerTxt{
		padding-bottom:15px;
		padding-top:15px;
	}
	.landing .btn,
	.accueil .btn{
		height:40px;
		line-height:30px;
		margin-right:0;
		margin-top:10px;
		padding:0;
		min-width: 120px;
		font-size:16px;
	}
}

/* Game credit */
.game_credit {
    text-align: center;
    position: absolute;
    overflow-y: auto;
    overflow-x: hidden;
    height: 300px;
    margin-top: 25px;
}

.game_credit .content {
    font-size: 18px;
    color: white;
}

.game_credit_menu {
	font-family:StellarRegular;
	font-size: 12pt;
	text-transform: uppercase;
}

.game_credit_menu_link {
	color: #fff;
}

.game_credit_inner_title {
	font-family:StellarRegular;
	font-size: 14pt;
	color: #00fdff;
	font-weight: bold;
}

.game_credit_inner_text {
	font-family:StellarRegular;
	font-size: 12pt;
	color: #fff;
}

.partnerLink{
  color:#fff;
  text-decoration: underline;
}

.partnerLink:hover{
  color:#00fdff;
}

.partnerLink:visited{
  color:#f6c44c;
}

.partnerLink:visited:hover{
  color:#fff;
}

.game_credit_section_title {
	display:block;	
	-webkit-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	-moz-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	-o-text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
	text-shadow:0 0 15px #3cfdff, 0 0 15px #3cfdff, 0 0 15px #3cfdff;
    font-family:'ADAM-CGPRO';
	line-height:79px;
	font-size:12pt;
	color:#fff;
}

/* Disable portrait for mobile devices */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  body:after {
    content: "";
    display: block;
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20000;
    background: url(/jeux-experiences/morbusdelirium/images/media_portrait.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 740px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  body:after {
    content: "";
    display: block;
    background-color: black;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 20000;
    background: url(/jeux-experiences/morbusdelirium/images/media_portrait.jpg) no-repeat center fixed;
    -webkit-background-size: cover;
    background-size: cover;
  }
}

/*  Accessibility */
html[data-focus-source="key"] > body :focus {
  /* styling for when focus was given by keyboard */
  /*background: blue;*/
  border-radius: 5px;
  background-color: rgba(0, 0, 255, 0.5);
}

.invalidInput {
	-webkit-text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00 !important; 
	-moz-text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00 !important;
	-o-text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00 !important;
	text-shadow:0 0 15px #ff0b00, 0 0 15px #ff0b00, 0 0 15px #ff0b00 !important; 
}