#tempo {
    width: 300px;
    height: 40px;
  border:0px;
  font-size:1.5rem;
  color:black;
  text-align:center;
  line-height:40px;
    animation-name: example;
    animation-duration: 2s;
   visibility:hidden;
}

@keyframes example {
    from {visibility:visible;
      background-color:lightgreen;}
    to {background-color:rgb(48, 190, 48);
      visibility:hidden;}
}

.editable[contenteditable="true"]{
  background-color:lightgreen
}

#form_modif{
  position: fixed;
  padding: 10px;
  right: 0px;
  top: 0px;
  background-color:whitesmoke;
  display:none;
  max-height:100vh;
  overflow:auto;
}


.tache_agenda{
  cursor: pointer;
  border-radius: 10px;
  margin: 5px;
  padding-left: 5px;
}

.tache_agenda.autre{
  color:royalblue;
}

.tache_agenda.retard{
  background-color:red;
}

.tache_agenda.temps{
  background-color:Gainsboro;
}

.tache_agenda.fait{
  background-color:PaleGreen;
}

.jour_agenda{
  cursor: pointer;
}

.jour_agenda.allowDrop{
  background-color:yellow;
}