body{
    /*background:url('banieree.jpg');*/
    background-color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

table{
    border: 1px solid black;
    border-collapse: collapse;
}

td,th{
    border: 1px solid black;
    padding: 10px;
}

.navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x) !important;
    font-size: var(--bs-navbar-toggler-font-size) !important;
    line-height: 1 !important;
    color: var(--bs-navbar-color) !important;
    background-color: transparent !important;
    border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color) !important;
    border-radius: var(--bs-navbar-toggler-border-radius) !important;
    transition: var(--bs-navbar-toggler-transition) !important}

    .navbar-toggler-icon {
        display: inline-block !important;
        width: 1.5em !important;
        height: 1.5em !important;
        vertical-align: middle !important;
        background-image: var(--bs-navbar-toggler-icon-bg) !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 100% !important}

input{
    width: 100%;
}

#recherche form{
    border:2px solid black;
    padding: 50px;
    border-radius: 8px;
    padding-top:25px;
}



#recherche button{
    margin-top: 15px !important;
    border-radius: 8px;
    color:whitesmoke;
    background-color: #4e576a;
    border: 0;
    padding:7px;
}

#recherche button:hover{
    border-radius: 8px;
    color:rgb(221, 221, 221);
    background-color: #373f50;
    border: 0;
    padding:7px;
}

#recherche button:click{
    border-radius: 8px;
    color:rgb(221, 221, 221);
    background-color: #373f50;
    border: 0;
    padding:7px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

main{
    display: flex;
    flex-direction: column;
}

form{
    display: flex;
    flex-direction: column;
}

#recherche{
    padding: 25px 25%;
}

table{
    max-width: 50% !important;
    table-layout: auto;
}

th, td {
    word-wrap: break-word;  /* Si le contenu est trop long, il se coupera dans les cellules */
    overflow-wrap: break-word; /* Cela permet de couper les mots longs et d'éviter qu'ils fassent dépasser les cellules */
  }

#listing{
    display: flex !important;
    align-items: center;
}

#footer{
    width: 100%;
}