@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

#bloque_page
{
    /*width: 80%;
   margin: auto; */ 
     width: 1100px;  
   margin: auto;  
      border: 1px solid black; /* afficher la bordure*/
   background: linear-gradient(to bottom right, rgb(59,45,170), white); /* couleur bleue*/
  background: url('images/fond4.jpeg') repeat;
   box-shadow: 0px 4px 4px #1c1a19; /* ombre */ 
    border-radius: 10px 10px 5px 5px;
   margin-top: 10px;
}

#bloque_titre
{
  display: block;
 /* border: 0.5px solid; /* afficher la bordure*/
  width: 450px;
  margin-left: auto; 
  margin-right: auto;
 /* position: relative;*/
 /* left: -50px;*/
 margin-top: 60px;
  font-family: 'BallparkWeiner', serif;
  color: rgb(59,45,170); /* bleu*/
  font-size: 1em;
}

#bloque_saisie
{
   border: 0.5px solid; /* afficher la bordure*/
   width: 25%;
   margin-left: auto;  
   margin-right: auto;  
   margin-top: 4%;
   box-shadow: 0px 4px 4px #1c1a19; /* ombre */
   background: white;
   padding-left: 50px;
     
}

#bloque_saisie .bouton_connexion
{
   /*border: 0.5px solid; /* afficher la bordure*/
   display: inline-block;
   border-radius: 8px;
   text-align: center;  
   position: relative;
  left: 140px;
   background-color: rgb(88, 88, 238);
   color: white;
}

.zone_pseudo
{  
   background-color: rgb(242, 237, 237);
   border-radius: 5px;
}

.zone_password
{
   background-color: rgb(242, 237, 237);
   border-radius: 5px;
}

.zone_inscription
{
   /*border: 0.5px solid; /* afficher la bordure*/
   display: inline-block;
   background-color: rgb(202, 195, 195);
   background-color: rgb(224, 224, 224);
   color: black;
   position: relative;
  /* left: 500px;*/
  margin-top: 15px;
  left: 380px;
   border-radius: 2px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   box-shadow: 1px 1px 0px;
   text-decoration:none; 
}

.zone_oubli
{
   display: inline-block;
   background-color: rgb(202, 195, 195);
   background-color: rgb(224, 224, 224);
   color: black;
   position: relative; 
    left: 410px;
   margin-top: 15px;
   border-radius: 2px;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 5px;
   padding-right: 5px;
   box-shadow: 1px 1px 0px; 
   text-decoration:none; 
}

.zone_probleme
{
   display: block;
   margin-left:320px;
   margin-bottom:70px;
   margin-top: 30px;
  /*margin-right:auto;*/
   background-color: rgb(202, 195, 195);
   background-color: rgb(224, 224, 224);
   color: black;
  position: relative; 
  /* left: 130px;*/
  
   width: 455px;
   border-radius: 2px;
   padding-top: 7px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 5px;
   box-shadow: 1px 1px 0px; 
}

.erreur
{
   display: block;
   color:red;
   margin-left:320px;
  margin-bottom: -6px;
}

body
{
     background: url(images/fond.jpg) no-repeat center fixed; 
background: url(images/fond4.jpeg) repeat center fixed; 
 /* background: url(images/fond7.jpeg) center; */
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}