body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  background-color: #F7F6F3;
}

.tbContaint {
  width: 100%;
}

/* Pour éviter les bords arrondis sur Safari */
input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

.loginBox {
  border-color: #E6E2D8;
  border-style: Solid;
  border-width: 2px;
}

.msgError {
  font: italic;
  color: Red;
}

.btnConnect {
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #257C92), color-stop(1, #257C92) );
  /*background-color: #257C92;*/
  background-color: #626469;
  border-color: #626469;
  border-radius: 0;
  Width: 75px;
  Height: 53px;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

  .btnConnect:hover {
    background-color: #1C5F70;
    border-color: #1C5F70;
  }

h2 {
  margin: 0;
  font-size: 1.2em;
  color: #79BE1E;
  font-weight: bold;
}

.MsgBienvenue {
  color: #FFFFFF;
  font-size: 14px;
  padding-left: 20px;
}

/* Version mobile */
/*@media (max-width: 640px)*/
@media (max-width: 767px) {
  /*body:before
  {
    content: "Version mobile du site";
    display: block;
    color: #777;
    text-align: center;
    font-style: italic;
  }*/

  body {
    font-size: 100%;
  }

  .logo {
    display: block;
    text-align: center;
  }

  .banniere {
    background-color: #009530;
    width: 100%;
    height: 50px;
    display: table;
    vertical-align: middle;
  }

  .header {
    font-size: xx-large;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }

  .pictoAppli {
    display: none;
  }

  .MsgBienvenue {
    display: none;
  }
}


/* Version tablette */
/*@media (min-width: 641px) and (max-width: 1024px)*/
@media (min-width: 768px) and (max-width: 1023px) {
  /*body:before
  {
    content: "Version tablette du site";
    display: block;
    color: #777;
    text-align: center;
    font-style: italic;
  }*/

  body {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 100%;
  }

  .banniere {
    background-color: #009530;
    width: 100%;
    height: 50px;
    display: table;
    vertical-align: middle;
  }

  .header {
    font-size: xx-large;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
  }

  .pictoAppli {
    display: none;
  }
}


/* Version desktop */
/*@media (min-width: 1025px)*/
@media (min-width: 1024px) {
  /*body:before
  {
    content: "Version desktop du site";
    display: block;
    color: #777;
    text-align: center;
    font-style: italic;
  }*/

  body {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 100%;
  }

  .banniere {
    background-color: #009530;
    width: 100%;
    height: 50px;
    display: table;
    vertical-align: middle;
  }

  .header {
    font-size: xx-large;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
  }

  .pictoAppli {
    float: left;
  }
}