.suggestions-bar{
    display: none;
}
main{
    margin:0;
}
header input{
    display:none;
}
header{
    display: block;
    border-bottom: 2px solid #ccc;
    margin-right: 0;
}
header .logo{
    position: absolute;
    width: 20%;
    margin-left: 40%;
    margin-top: 0.5rem;
}
header .param-responsive{
    margin-left: 80%;
    right: 0;
    display: block;
    list-style: none;
    margin-top: 11%;
}
header .param-responsive img{
    max-width: 55%;
}
header .param-responsive p{
    display: none;
}
.side-nav {
    width: 100%; /* Ajustement de la largeur pour occuper tout l'écran */
    height: 10%; /* Hauteur automatique */
    bottom: 0; /* Placer la barre latérale en bas de la fenêtre */
    top: auto; /* Réinitialiser la position en haut */
    background-color: #ccc;
    padding-left: 5%;
}
.nav-links p{
    display: none;
}
#searchbar{
    display: none;
}
.side-nav .param-responsive{
    display: none;
}
.nav-links .loupe-responsive{
    margin: 0;
    display: block;
}
ul.nav-links {
    display: flex;
    flex-direction: row; /* Afficher les liens horizontalement */
    align-items: center;
    /* position: absolute;
    z-index: 1; */
}
.nav-links li {
    margin-right: 15px; /* Ajouter un peu d'espace entre les liens */
}
.nav-links a {
    display: flex;
    justify-content: center;
}
ul.list{
    padding-left: 6%;
}
.img-container {
    object-fit: cover;
    width: 100%;
    height: 40%;
}
.card-img{
    width: 85%;
    margin-left: 7%;
   
}

.card-container {
    margin-left: 5%;
    max-width: 90%;
}
.card-section {
    margin-top: 0;
    margin-left: 1rem;
}
.card-container #card-icons{
    width: 45%;
}
form.form{
    width:auto;
    display: flex;
}

.input-send {
    margin-left: 1%;
}
footer{
    margin: 7rem 0rem;
}