@charset "UTF-8";
/*Purge des marge par défault sur toute la page*/
*
{
  margin:0;
  padding:0;
}
body
{
  background-image: url("../IMAGE/interface/Background.jpg");
  background-repeat: repeat;
}
#login-admin
{
	background-color: rgba(37,150,203,0.5);
	width: 70%;
	height: 420px;
	margin: auto;
	margin-top: 10%;
	border-radius: 10px;
	border: solid 5px #2596cb;
}
@media(max-width:768px)
{
	#login-admin
	{
		width: 80%;
	}

}
/*MAIL*/
.title-mail
{
	margin: 10px;
	color: white;
	font-size: 2rem;
    letter-spacing: 0.07em;
}
.block-pictoMail
{
    width: 35px;
    height: 50px;
    background-color: #2596cb;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 3px;
    margin-left: 30px;
}
#picto-mail
{
	position: absolute;
    font-size: 20px;
    margin-left: -5px;
    margin-top: 7px;
    color: white;
}
#mail-connexion
{
    border: inherit;
    border-radius: inherit;
    width: 105%;
    height: 50px;
    font-size: 2rem;
    background-color: #FFFFFF;
    border: solid 2px #2596cb;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: -15px;
}
@media(max-width:768px)
{
	.block-pictoMail
	{
		margin-left: 20px;
	}
	#mail-connexion
	{
	    width: 100%;
	}
}
/*MAIL*/
/*ANTI-SPAM*/
.title-antiSpam
{
	margin: 10px;
	color: white;
	font-size: 2rem;
    letter-spacing: 0.07em;
}
.block-antiSpam
{
    width: 35px;
    height: 50px;
    background-color: #2596cb;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 3px;
    margin-left: 30px;
}
#picto-antiSpam
{
	position: absolute;
    font-size: 20px;
    margin-left: -5px;
    margin-top: 7px;
    color: white;
}
#code
{
    border: inherit;
    border-radius: inherit;
    width: 105%;
    height: 50px;
    font-size: 2rem;
    background-color: #FFFFFF;
    border: solid 2px #2596cb;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: -15px;
}
@media(max-width:768px)
{
	.block-antiSpam
	{
		margin-left: 20px;
	}
	#code
	{
	    width: 100%;
	}
}
/*ANTI-SPAM*/
/*PASSWORD*/
.title-password
{
	margin: 10px;
	color: white;
	font-size: 2rem;
    letter-spacing: 0.07em;
}
.block-pictoPassword
{
    width: 35px;
    height: 50px;
    background-color: #2596cb;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-top: 3px;
    margin-left: 30px;
}
#picto-password
{
    position: absolute;
    font-size: 20px;
    margin-left: -4px;
    margin-top: 7px;
    color: white;
}
#password-connexion
{
    border: inherit;
    border-radius: inherit;
    width: 105%;
    height: 50px;
    font-size: 2rem;
    background-color: #FFFFFF;
    border: solid 2px #2596cb;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: -15px;
}
@media(max-width:768px)
{
	.block-pictoPassword
	{
		margin-left: 20px;
	}
	#password-connexion
	{
	    width: 100%;
	}
}
/*PASSWORD*/
.checkbox
{
	margin-left: 20px;
	color: white;
    letter-spacing: 0.07em;
}
#btn-submit
{
	margin: 5px;
	border: inherit;
    border-radius: inherit;
    width: 95%;
    height: 50px;
    font-size: 2rem;
    background-color: #FFFFFF;
    border-radius: 10px;
}
#btn-submit:hover,
#btn-submit:active
{
    background-color: rgba(37,150,203,0.7);
    color: white;
    border: solid 3px white;
}
.anti-robot
{
    text-align: center;
}