body{
background-color:#343230;

}
#connexion{
background-color:#009ee0;
text-align:center;
margin-left : 35vw;
margin-right:35vw;
border-radius: 20px;
padding-top:4%;
padding-bottom:4%;
margin-top:25vh;
  font-family:Myriad Pro;
}
h1{
font-size:4vh;
font-family:Myriad Pro;
}
input{
border-radius:5px;

}
input:focus {
  background: #eaeaea;
}
table{
margin-left:auto;
   margin-right:auto;
}
button{
padding:6px 0 6px 0;
	font:Bold 13px Arial;
	background:white;
	color:#009ee0;
	width:120px;
	border-radius:2px;
	border:#009ee0 solid 2px;
	cursor:pointer;
}
h2{
color:red;
}
label{
font-size:2vh;
}
input{
width:10vw;
}
#tete{
background-color:#009ee0;
padding:1%;
margin:0;

}
img{
width:20vw;
height:auto;
display:inline;
position:left;

}
#titre{
text-align:center;
padding:0;
padding-left:20%;
color:white;
display :inline;
font-size:250%;
}