html {
  font-size: 14px;
}
table {
    border-collapse:collapse;
    }
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}
#calendar-container {
    text-align:center;
}
#calendar-table {
    margin: 0 auto;
}
.weekend {
    background-color: #f2f2f2;
}
.calendar-day {
    padding:12px;
    vertical-align:top;
    text-align: right;
    border:1px solid lightgrey;
    min-width: 30px;


}
.day-number {
    margin-bottom:8px;
    font-size:1.2em;
    font-weight:bold;
    }
.reservation-label {
    color:#fff;padding:2px 8px;border-radius:8px;font-size:0.9em;margin:1px 0;
    margin-left : -12px;
    margin-right: -12px;
    height: 4px;
    }
.tdEdit {
    text-align:center
}
.tdEdit i {
    color: #a9a7a7;
    cursor:pointer;
}
.tdEdit .fa-trash-can:hover, .tdEdit .fa-trash-alt:hover {
    color: indianred;
}
.divReservation {
    color:white
        }
/* cases user */
.userCase {
    color:#fff;padding:2px 8px;border-radius:8px;font-size:0.9em;margin:1px 0;
    margin-left : -12px;
    margin-right: -12px;
    height: 12px;
    font-size: 0.8em;
    }
/* pop password */
#pwdInput {
    padding:4px;
    margin-top:8px;
    margin-bottom:8px;
    }
#pwdError {
    color: red
        }
/* pop réservations */
#popValidReservation div {
    margin: 6px 0;
    }
#divInputComment textarea {
    margin-top:4px;
    }