.afficher{
    padding: 3px;
	font-size: 14px;
    margin-left: 25px;
    margin-right: 60%;
}

.afficherLink{
	font-size: 14px;

}

a:hover{
    outline: none;
    text-decoration: none;
}

.modif {
color: blue;
  }

  table, td{
      padding: 2px;
  }

  tbody,td{
      padding: 3px;
      /* background-color: blue; */
  }

  .active{
    background-color:#ff0000;
    color: red;
    padding:2px;
}

tr > th > .activerow{
    padding:1px; text-align:center; font-weight:bold;color:yellow;background-color:red;
}

/* body{
    background-color: #d1d1d1;
} */
.pad{
    padding:0px;
      
}

tr > .activer{
    padding:1px; text-align:center; font-weight:bold;color: yellow;background-color:red;
}

tr > .activrow{
    padding:1px; text-align:center;
}

tr > .total{font-weight: bold;font-size: 15px;padding: 1px;}

.control-sm{
 padding: 0.4em;
 width: 180px;
 margin-bottom: 20px;
 text-align: center;
 background-color: transparent;
 color: white;
 font-size: 13px;
 border: none;
 border-bottom: 1px solid white;
}

.control-sm:focus{
    border: none;
    outline: none;
    border-bottom: 2px solid rgba(21, 75, 211, 0.994);
}

#back{
    font-size: 15px;
    color: black;
}