@font-face {
font-family: "Quantum";

src: url('Quantum.otf') format('truetype');
font-weight: normal;
font-style: normal;
}


body {
 margin: 0;

 
 }
 
 .encadre_login
 {
	 background-color:#d7d7d7;
	 height: 20%;
	 width: 100%;
	 
	 
	 
 }
 
 
 .barre_haut
 {
	 background-color:#d7d7d7;
	 height: 40%;
	 
	 
 }
 
 .barre_bas
 {
	 background-color:#d7d7d7;
	 height: 40%;
	 
	 
 }
 
 
 .colonneG
 {
	 width: 40%;
	float:left;
	height: 100%;
	 
	 
 }
 
  .colonneM
 {
	 width: 20%;
	 
	 background-color:#ffffff;
	 float:left;
	 height: 100%;
	 text-align:center;
	
	 
 }
 
  .colonneD
 {
	 width: 40%;
	 float:left;
	 height: 100%;
	 
	 
 }
 
 .conteneur
 {
	 width: 100%;
	 
 }
 
 
 
 .entete
 {
	 
	 height: auto;
	 font-family: Quantum, cursive;
	 font-size:250%;
	 border-bottom-width:1px;
	 border-bottom-style:solid;
	 
	 
 }

	 
 
 
 .identifiant
 {
	
	 height:auto;
	 font-family: Quantum, cursive;
	 font-size:150%;
	 
 }
 
 .mdp
 {
	  height:auto;
	 font-family: Quantum, cursive;
	 font-size:150%;
	 
 }
 
 .boutton_connexion
 {
	 border:0;
	 border-radius: 5px;
	 
    box-shadow: inset 2px 2px 3px rgba(255, 255, 255, .6),
                inset -2px -2px 3px rgba(0, 0, 0, .6);
	background-color:#d7d7d7;
	opacity: 0.7;
	height: 15%;
	 
	 
 }
 
 .boutton_connexion:hover {
    color:#ffffff;
 }
 
 .boutton_connexion:active {
    color:#000000;
 }
 
 .erreur
 {
	 width:100%;
	 background-color:#c7c7c7;
	  font-family: Quantum, cursive;
	  height: 10%;
	  text-align:center;
	  font-size: 100%;
 }