html{
padding:0px;
margin:0px;
background-color:#28414b;
font-family:sansation;
color:#28414b;
}

a{
text-decoration:underline;
color:inherit;
}

input{
display:block;
margin-left:auto;
margin-right:auto;
width:280px;
margin-top:26px;
font-size:16px;
font-family:sansation;
padding-left:0px;
}

input[type="submit"]{
-webkit-appearance: none;
padding-top: 8px;
padding-bottom: 8px;
border-radius:6px;
background-color:#cc3333;
font-size:18px;
color:#ffffff;
margin-left:auto;
margin-right:auto;
border:none;
font-weight:bold;
cursor:pointer;
width:280px;
margin-top:36px;
margin-bottom:26px;
}

#logo{
margin-top:100px;
margin-left:auto;
margin-right:auto;
width:400px;
text-align:center;
}

#logo>a>img{
width:260px;
}

#cadreConnexion{
font-size:18px;
background-color:#ffffff;
margin-top:20px;
width:400px;
margin-left:auto;
margin-right:auto;
border-radius:6px;
}

#entete{

border-bottom:1px solid #28414b;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:14px;
padding-bottom:14px;
}

#cadreForm{
padding-top:14px;
padding-bottom:14px;
}

#mdpRetrouve{
display:block;
font-size:14px;
width:296px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:6px;
margin-bottom:26px;
}

@media screen and (max-width:430px){

#logo{
margin-top:10px;
width:320px;
}

#logo>a>img{
width:200px;
}

input{
margin-top:20px;
font-size:14px;
}

input[type="submit"]{
font-size:16px;
margin-bottom:20px;
}

#cadreConnexion{
font-size:16px;
width:320px;
}

#entete{
border-bottom:1px solid #28414b;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

}