@charset "utf-8";
/* CSS Document */

html, body{font-size:16px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px;}
html { 
  background: url(../img/graphisme/drop_bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* home */
.logincontainer{padding:150px 40px 0px 40px; position:fixed; right:0; font-size:14px; }
.loginbox{border:2px solid #666666; max-width:330px; margin:0px auto 0px auto; background: rgba(255, 255, 255, 0.50); box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.4); border-radius:8px; padding:6px;}
.loginboxtitle{font-size:18px; padding:7px 7px 0px 7px; text-align:center;}
.loginwarning{color:red; font-size:14px; padding-top:10px; text-align:center;}
.mobile{background: rgba(164, 255, 164, 0.80); margin-bottom:20px;}
.ie{background:rgba(255, 0, 29, 0.40);; margin-bottom:20px;}

.main{padding:0px 430px 0px 50px;}
.main .layer{background: rgba(255, 255, 255, 0.30); padding: 50px 10px;}
.main p{text-align:justify;}

@media (max-width: 768px) {
    .logincontainer{float:none; margin:auto auto; padding:40px 0px 0px 0px; min-height: inherit; position:inherit;}
	.loginbox{background: rgba(255, 255, 255, 0.70);}
	.main{padding:20px;}
	.main .layer{padding:0px; background:none;}
}



/************************************************************
					No JS, help me!
*************************************************************/
.no-js {position:absolute; top:150px; left:210px; width:20px; height:20px; text-decoration:none;}
.no-js * {cursor:help; font-family:Verdana,Arial,Helvetica,sans-serif;}
.no-js img{border:0px; padding:0px; margin:0px;}
.no-js .content {display:none; width:240px; border:solid 1px #ff5a00; background:#ffedcd; position:absolute; top:0; left:20px; text-align:left; padding:4px 6px 4px 4px; z-index:999; text-decoration:none; color:#000000;}
.no-js .content .title {display:block; font-weight:bold; font-size:12px; margin:0 0 6px;}
.no-js .content p {font-size:10px; 	margin:8px 0 0;}
.no-js:hover .content {display:block;}