@media only screen and (max-width: 640px) {
  #identification {
  margin: 2% auto;
  font-size: 1em;
  width:90vw;}
  
  #divlogo {
  margin: 2% auto;
  font-size: 1em;
  height:100px;
  width:90vw;}
  
  #divbouton {
  width:90vw;}
  
  #logo {max-height:80px;
  margin:10px 20px;}
  
  .myInput {
  height: 4%;
  width: 80vw;
  font-size: 1.2em;
  padding :4px;
  margin-left:20px;
  }
  
  #identification H1 {font-size: 1em;}
  
  .myButton {
	  	font-size:1.2em; }
  
}

@media only screen and (min-width: 640px) {
  #divlogo {
  margin: 2% auto;
  width:400px;}
  
  #identification {
  margin: 2% auto;
  font-size: 1.2em;
  width:400px;}
  
  #divbouton { font-size: 1.2em;
  width:600px;}
  
  #logo {max-height:100px;  }
  
  .myInput {
  font-size: 1em;
  width: 350px;
  height: 30px;
  margin-left:25px;
  }
    
  #identification H1 {
  font-size: 1.1em;}
  
  .myButton {
  font-size:1.2em; }
	
}

body {
	background-color: #FFFFFF;
	margin : 0;
	width:100%;
}
#divlogo {
     margin: 4vh auto;
	text-align:center;
	padding-left: 0px;
	padding-top:0px;
	background: #FFFFFF;
	color: #FFFFFF;
	font-weight:bolder;	
}
#identification {
	text-align:left;
	padding-left: 0px;
	padding-top:1%;
	border: 3px outset #ddd;
	background: linear-gradient(180deg, #3a4a5c 0%, #426987 100%);
	color: #EBF4FF;
	font-weight:bolder;	
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 0px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	border-radius: 10px;
}

#divbouton {
	margin: 4vh auto;
	text-align:center;
	padding-left: 0px;
	padding-top:0px;

}



.myInput{
	  	 }
	
h1 {
	  	margin-left:20px; }
		
.myButton {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
	background-color:#ededed;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#0f0d0f;
	font-family:Arial;
	font-weight:bold;
	padding:10px 30px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
	background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
	background-color:#dfdfdf;
}
.myButton:active {
	position:relative;
	top:1px;
}