/* CSS Document */
body
{
		display: flex;
		width: 100%;
}

#LoginPage{
	display:flex;
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	
	justify-content:center;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	-moz-flex-direction: row;
	width: 100%;	
}

#LoginLeftPart
{
	background:white;
	display:flex;
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	
	justify-content:center;
	align-items: center;
	
	flex-direction: column;
}


#LoginRightPart
{
	background:black;
	display:flex;
	display: -webkit-flex;
	display:-ms-flex;
	display:-moz-flex;
	
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	
	position:relative;
	justify-content:center;
	align-items: center;
	color:grey;
	font-size:1.5em;
	
	 width:50%;
			height:100%;
}

#LoginRightPart a
{
	color:white;
}

.LoginForm {
    margin-top: 20%;
	margin: auto
}

.Erreur {
    position: absolute;
    color: red;
    top: 0px;
    margin: 10px;
}
input.login__input{
	font-size: 1.2em;
    display: block;
    margin: 5px;
    padding: 5px;
	color:white;
	background-color:transparent;  
	border: none;
}

hr{
	margin-bottom:20px;
	margin-top: 1px;
	margin-bottom:20px;
}

#LoginSignupFrame
{
	display: flex;
	flex-direction: column;
}

p.LoginSignup{
	font-size: 0.7em;
    text-align: center;
}

.bouton {
	background: rgb(0, 255, 231);
	color: white;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 20%;
	font-size: 1.5em;
	font-weight: initial;
}

.Login_Form_Title {
    margin-bottom: 30px;
}


h1
{
	font-size:1.5em;
	color:black;
}

h2
{
	font-size:1em;
	color:grey;
}

#LoginLeftPartTitle {
    padding-top: 10px;
    padding-bottom: 20px;
	text-align: center;
}

#SocialNetwork {
    position: absolute;
    bottom: 0px;
}

@media all and (min-width: 800px) {
	
	#LoginRightPart { 
  			width:50%;
			height:100%;
			top:0px;
			bottom:0px;
			height:fill;
			
   }
   
   #LoginLeftPart
	{	width:50%;
	height:100%;
				top:0px;
			bottom:0px;

}