@media (max-width:575px) {
    .display-4 {
        font-size: 1.5rem;
    }
    .day h5 {
        font-size: 12px;
	    text-transform: uppercase;
	    color: #99a1a7;
	    text-align: center;
	    border-bottom: 1px solid rgba(166, 168, 179, 0.12);
	    line-height: 50px;
	    font-weight: 500;
    }
    .date {
        padding-left: 4px;
    }
}

@media (min-width: 576px) {
    .day {
        height: 14.2857vw;
    }
}

.element {
  border-left-width: 3px;
  padding: 8px 12px;
  margin: 10px;
  border-left-style: solid;
  font-size: 14px;
  align-self: center;
}

.bg-chome {
    --bs-bg-opacity: 1;
    background-color: rgb(250, 198, 188) !important;
}

.disponibilite-utilisee {
  border-left-color: #0162b1;
  background: #c4d9ff;
  color: #0162b1;
}

.disponibilite-non-utilisee {
  border-left-color: #fc9b10;
  background: #fef0db;
  color: #fc9b10;
}

.besoin-satisfait {
  border-left-color: #0162b1;
  background: #c4d9ff;
  color: #0162b1;
}

.besoin-non-satisfait {
  border-left-color: #fc9b10;
  background: #fef0db;
  color: #fc9b10;
}

.pas-besoin {
  border-left-color: #99a1a7;
  background: rgb(228, 228, 228);
  color: #99a1a7;
}