*{margin:0}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{background-image:url(images/CHNevers.jpg);background-attachment:fixed;background-repeat:no-repeat;background-size: cover;font-size:20px;}
.img-responsive {display: block;height: auto;max-width: 100%;}
#ActionMenu, #CloseAndRedirect
{
	background-color:#FF9900;
	position:absolute;
	left:150px;
	width:350px;
	top:75px;
	z-index:3;
	padding:100px 5px 20px 5px;
	background-image:url(images/cineolia_w.png);
	background-repeat:no-repeat;
	background-position:0px 0px
}
#ActionMenu  ul, #ActionMenu  li{list-style: none;margin:0;padding:0}
#ActionMenu  ul li
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: left;
	border:0;
	width:100%;
	margin:3px 0px;
	padding:4px;
	
}
#ActionMenu  li.field{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;/*background-color:#e99897*/}

#ActionMenu  hr{border:0;height:15px;border-top:1px white solid;border-bottom:1px white solid;margin:15px 2px}

input[type=text],input[type=password]{border:1px rgba(123,110,106,1) solid;width:100%;font-size:18px;}
#ActionMenu>div{padding-top:15px;text-align:center}
input[type=submit],input[type=button],a.btn{margin:auto auto;
    background-color:#fff;color:#FF9900;padding:5px 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-style: normal;
    font-weight: 600;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
}
input[type=submit]:hover,input[type=button]:hover{background-color:#EEEEEE}
input[type=submit]:disabled,input[type=button]:disabled{background-color:#EEEEEE;color:#ccc}


@media only screen and (max-width: 800px)
{
	#ActionMenu	{position:relative;margin:auto auto;left:auto;}
}

#ActionMenu div.charte{padding-left:5px;text-align:left;font-size:14px;}
#ActionMenu div.charte label{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;padding-left:15px;}
a, a:visited{color:#fff}


#loadingballs {display:none;margin:50px auto;/*background: rgba(255, 255, 255, .85);*/position:absolute;top:0;line-height:40px;overflow:hidden;width:340px/*width:960px;*/}
#loadingballs span {display:inline-block;left:-50px;vertical-align:middle;width: 5px;height:5px;margin:4px;border-radius:50%;z-index:10;-webkit-animation:loadingshort 6s infinite;animation:loadingshort 6s infinite;background:#FFF;}

@keyframes loadingshort {
    /* 215 */
    0% {transform: translateX(-350px);-ms-transform: translateX(-350px);animation-timing-function: ease-out;}
    33% {transform: translateX(-10px);-ms-transform: translateX(-10px);animation-timing-function: linear;}
    67% {transform: translateX(10px);-ms-transform: translateX(10px);animation-timing-function: ease-in;}
    100% {transform: translateX(350px);-ms-transform: translateX(350px);}
}

@-webkit-keyframes loadingshort {
    0% {-webkit-transform:translateX(-350px);-webkit-animation-timing-function:ease-out;}
    33% {-webkit-transform:translateX(-10px);-webkit-animation-timing-function:linear;}
    67% {-webkit-transform:translateX(10px);-webkit-animation-timing-function:ease-in;}
    100% {-webkit-transform:translateX(350px);}
}

#loadingballs span:nth-of-type(1) {animation-delay:.6s;-webkit-animation-delay:.6s;}
#loadingballs span:nth-of-type(2) {animation-delay:.4s;-webkit-animation-delay:.4s;}
#loadingballs span:nth-of-type(3) {animation-delay:.2s;-webkit-animation-delay:.2s;}



#CreateAccount {font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.1em;
    font-style: normal;
    color:#fff;
}

.btn{
    display: inline-block;
    padding: .375rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: .25rem;
}

#CreateAccount a.btn{margin:10px 0px; line-height:25px }
#CreateAccount a.btn small{font-size:14px}
#CreateAccount p{font-size:0.8em;}

#ActionMenu, #CloseAndRedirect{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff}

#CloseAndRedirect{line-height: 36px;padding: 120px 20px 20px 20px;display:none}#CloseAndRedirect input[type=submit]{margin-top:15px}