@charset "utf-8";
/* CSS Document */
*{ margin:0;
padding:0;}
body{
	background-color:#E1E2E1;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	}
h1{
    padding-top: 25px;
    box-sizing:border-box;
}
h1,h2{
	text-align:center;}
h1>img{
    width: 200px;
}
h2{
	padding:10px;
	box-sizing:border-box;
    font-weight: lighter;
}
#accesControl{
	padding:0px;
	box-sizing:border-box;
	width:100%;
}
from{
	width:100%;
}
form>div{
	width:300px;
	margin:0 auto;
	text-align:center;
}
input{
	width:100%;
	background-color:#F5F5F6;
	padding:13px;
	box-sizing:border-box;
	margin-top:25px;
	border:none;
    text-align: center;
}
input::placeholder{
	color:#000;
	text-align:center;
	font-size:18px;
}
#acces{
    color: #fff;
	background-color:#EC0F8F;
	border:none;
    width:300px;
	font-weight:bold;
	border-radius:5px;
	padding:13px;
	box-sizing:border-box;
	font-size:18px;
    margin-top:25px;
	margin-bottom:25px;}
#acces:hover{
    background-color:#b40062;
    
}
#acces:active{
    background-color:#ff5dbf;   
}
#acces:focus{
    background-color:#ff5dbf;   
}
hr{
    width: 500px;
    margin: 0 auto;
}
#notice{
    padding-top: 15px;
    box-sizing:border-box;
    margin: 0 auto;
    width: 500px;
    text-align: center;
}
section{
	text-align:center;
}
footer{
	background-color:#00AFEF;
	text-align:center;
	position:fixed;
	bottom:0;
	width:100%;
    padding-bottom: 15px;
    box-sizing:border-box;
}
footer>section{
	padding-top:10px;
	box-sizing:border-box;
}
footer>section>p>a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}
@media screen and (max-width:767px ) {
	h1>img{
	width:50%;}
    form>div{
	width:90%;
	margin:0 auto;
    text-align:center;}
    input{
	width:90%;
}
    #acces{
        width: 90%;
    }
    hr{
    width: 90%;
}    
    #notice{
    padding-top: 15px;
    padding-bottom: 15px;
    box-sizing:border-box;
    margin: 0 auto;
    width: 90%;
    text-align: center;
}
    
	footer{
	text-align:center;
	position:inherit;
	width:100%;
    padding-bottom: 15px;
    box-sizing:border-box;}  
}