.green{background: #4CAF50;}
.blue{background: #3176d4;}
.green:hover,.green:active,.green:focus {  background: #43A047;}
.blue:hover,.blue:active,.blue:focus {  background: #3f83e0;}
.form .register-form, #echecconnec, #mailnotexist, #notcomp {  display: none;}
.form .password-form {  display: none;}
.form .connexion-form {  display: none;}
.form input {  font-family: "Roboto", sans-serif;  outline: 0;  background: #f2f2f2;  width: 100%;  border: 0;  margin: 0 0 15px;  padding: 15px;  box-sizing: border-box;  font-size: 14px;}
.form .message {  margin: 15px 0 0;  color: #b3b3b3;  font-size: 12px;}
.form .messageb {  margin-top:5px;  color: #b3b3b3;  font-size: 12px;  text-align: left;}
#messagesent{  display:none;}
body a:link, body a:visited, body a:hover, body a:active{  text-decoration:none;  color:#fff;}
.connec, .connecb{  color: #4CAF50;  cursor:pointer;}
#betaimg{position: fixed; top:0; right:0; width:10%;}
#copylink:link, #copylink:visited, #copylink:hover, #copylink:active{  text-decoration:none;  color:#b3b3b3; display:none;}
.container .info span {  color: #4d4d4d;  font-size: 12px;}
.container .info span a {  color: #000000;  text-decoration: none;}
.container .info span .fa {  color: #EF3B3A;}
.container:before, .container:after {  content: "";  display: block;  clear: both;}
.copyright{  position:absolute;  bottom:0;  right:15px;  color: #b3b3b3;  font-size: 12px; display:none;}
.container {  position: relative;  z-index: 1;  max-width: 300px;  margin: 0 auto;}
.container .info {  margin: 50px auto;  text-align: center;}
.click{cursor:pointer;}

@media screen and (min-width: 1260px) {
	.login-page {width: 360px;margin: 50px auto;}
	.form { position: relative; z-index: 1;  background: #FFFFFF;  max-width: 360px;  padding: 45px;  text-align: center;  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
	#version{position:fixed; right:3px; bottom:3px; font-size:9pt; font-style:italic;}
	.button{ width:210px; background-color: #0d829b;   border: none;  color: white;  border-radius: 4px;  padding: 10px 24px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;  transition-duration: 0.4s;  border: 2px solid #0d829b;}
	.container .info h1 {  margin: 0 0 15px;  padding: 0;  font-size: 36px;  font-weight: 300;  color: #1a1a1a;}	
	body {  overflow:hidden;  background: #c1c1c1; /* fallback for old browsers */  background: -webkit-linear-gradient(right, #c1c1c1, #efefef);  background: -moz-linear-gradient(right, #c1c1c1, #efefef);  background: -o-linear-gradient(right, #c1c1c1, #efefef);  background: linear-gradient(to left, #c1c1c1, #efefef);  font-family: "Roboto", sans-serif;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;      }
}

@media screen and (max-width: 1260px) {
	.login-page {width: 95%;margin: 50px auto;}
	.form {  z-index: 1;  max-width: 100%;  padding: 45px;  text-align: center;}	
	.button{  width:210px; background-color: #0d829b;   border: none;  color: white;  border-radius: 4px;  padding: 10px 24px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 16px;  transition-duration: 0.4s;  border: 2px solid #0d829b;}
	body {  font-family: "Roboto", sans-serif;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  }
}