body {
background-color: #ffffff;

}

img.logo {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  justify-content: center;
  display: block;
}

.nom {
  line-height: 1;
  font-size: 20px;
  margin: 0%;
}

.login-form {
  width: 500px;
  margin: 50px auto;
}
.shadow-lg form {
  width: 500px;
  margin: 50px auto;
}
.login-form form {
  margin-bottom: 15px;
  background: #f7f7f7;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  padding: 30px;
}
.login-form h2 {
  margin: 0 0 15px;
}
.form-control, .btn {
  min-height: 38px;
  border-radius: 2px;
}
.btn {        
  font-size: 15px;
  font-weight: bold;
}
.centered-element{
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  width: 120px;
}
.resize {
  resize: both;
}

.tdcenter {
  text-align: center;
}

.tdright {
  text-align: right;
}

.tablespace {
  border-collapse: separate;
  border-spacing: 1em;
}

.red {
  color: red;
}

/* Tooltip*/
a.info {
  position: relative;
  color: black;
  text-decoration: none;
  border-bottom: 1px gray dotted; /* On souligne le texte. */
}
a.info div {
  display: none; /* On masque l'infobulle. */
    
}
a.info:hover {
  background: none; /* Correction d'un bug d'Internet Explorer. */
  z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */
 
  /* cursor: help;  On change le curseur par défaut par un curseur d'aide. */
}
a.clos:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
 
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
 
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
 
  background: green;
 
  color: white;
  padding: 3px;
 
  border: 1px solid green;
}

a.ouvert:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
 
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
 
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
 
  background: rgb(17, 202, 240);
 
  color: white;
  padding: 3px;
 
  border: 1px solid rgb(17, 202, 240);
}

a.ebauche:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
 
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
 
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
 
  background: rgb(255, 255, 255);
 
  color: white;
  padding: 3px;
 
  border: 1px solid grey;
}

a.syndic:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
  
    white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
  
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
  
  background: rgb(102, 15, 242);
  
  color: white;
  padding: 3px;
  
  border: 1px solid rgb(0, 0, 0);
}

a.annule:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
  
    white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
  
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
  
  background: rgb(0, 0, 0);
  
  color: white;
  padding: 3px;
  
  border: 1px solid rgb(0, 0, 0);
}


a.autre:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
 
   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
 
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
 
  background: rgb(46, 12, 238);
 
  color: white;
  padding: 3px;
 
  border: 1px solid grey;
}

a.solaris:hover div {
  display: inline; /* On affiche l'infobulle. */
  position: absolute;
  
    white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */
  
  top: -3px; /* On positionne notre infobulle. */
  left: 0px;
  
  background: rgb(0, 0, 0);
  
  color: white;
  padding: 3px;
  
  border: 1px solid rgb(151, 140, 140);
}