@media (prefers-color-scheme: dark) {
    
    body {
        background-color: #333;
        color: #fff; 
    }
    .navbar{
        background-color: #171717;
    }
    .navbar .nav-link.active{
        color: #fff !important;
    }
    .navbar .nav-link{
        color: #fff !important;
    }
    .navbar .nav-link.active :hover{
        color: #fff !important;
    }
    .navbar .nav-link :hover{
        color: #fff !important;
    }
    .footer-link{
        color: #fff !important;
    }
    .footer-link :hover{
        color: #fff !important;
    }
    .btn-bo{
        background-color: #fff;
    }
}
@media (prefers-color-scheme: light) {
    .navbar{
        background-color: #fff;
    }
}

@media (min-width: 782px) {
    .card-img-top{
        min-height: 10.7rem;
    
    }
}
@media (min-width: 992px) {
    .card-img-top{
        min-height: 15rem;
    
    }
}

@media (min-width: 1400px) {
.card-img-top{
    min-height: 18.5rem;
    }
}
ul{
    list-style: none;
}


.logo_lg{
    height: 64px;
}
.page {
    padding-top: 6.5rem;
}
.foryou{
    display: none;
}

.accordion-button {
    font-size: 2rem;
}



footer{
    padding-top: 6rem;  
}
input.Email {
    height: 0;
    margin: 0;
    text-decoration: none;
    border: none;
  }
  input.Nom {
    height: 0;
    margin: 0;
    text-decoration: none;
    border: none;
  }
  input.Sujet {
    height: 0;
    margin: 0;
    text-decoration: none;
    border: none;
  }
  input.Message {
    height: 0;
    margin: 0;
    text-decoration: none;
    border: none;
  }
  .foryou{
    display: none;
  }