@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
body {
    background: url(/Content/img/bg/smooth-green-background.jpg) no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    font-family: Poppins
}

#content-tile {
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 1rem
}

.tile {
    width: 184px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /* margin-bottom: 1rem; */
    padding: 1rem .5rem;
    background: #ffffff4a;
    backdrop-filter: blur(10px);
    border-radius: 6px;
    position: relative;
    cursor: pointer
}

.content-date-garde {
    padding: 7px;
    border-radius: 6px;
    margin-top: 2rem
}

.date_garde {
    /* margin-top: 2rem; */
}

.badge {
    position: absolute;
    top: -6px;
    right: -6px;
}

.ph_name, .ph_tel {
    font-weight: bold
}

.form-control {
    background-color: #ffffff5e;
    background-clip: padding-box;
    border: 1px solid #5858582b;
    color: #fff;
    backdrop-filter: blur(5px)
}

input::placeholder {
    color: #fff !important; /* couleur du texte du placeholder */
    opacity: 1; /* important sur certains navigateurs (Firefox met 0.54 par défaut) */
}