body{
   background-color: gray;
   
}

.menu{
    border: 3px solid white;
}
.menuguay{
    background-color: rgba(0, 0, 0, 0.7);
}
.card img{
    width: 250px;
    border-radius: 10px;
}
.line-product{
    text-decoration: none;
}
.carousel-inner img{
    height: 500px;
    object-fit: cover;
}

main{
    min-height: 100vh;
}
.input-group .form-control {
 border-left: none;
 border-right: none;
 }
       
 .input-group .btn, .input-group .dropdown-toggle {
border-radius: 0;
}
       
.input-group .dropdown-toggle {
border-top-left-radius: 0.25rem; /* Pour correspondre à Bootstrap rounded classes */
border-bottom-left-radius: 0.25rem;
}
       
.input-group .btn-search {
border-top-right-radius: 0.25rem;
 border-bottom-right-radius: 0.25rem;
}
 /* Carousel */
 
  /* Assurez-vous que le conteneur parent occupe toute la largeur */
.col-12 {
      padding: 0;
  }

  /* Définissez une hauteur fixe pour le carrousel et les images */
  #nomCarousel {
      height: 7cm;
  }

  /* Ajustez les images pour qu'elles remplissent le conteneur */
  .carousel-item img {
      height: 7cm;
      width: 100%;
      object-fit: cover; /* Pour couvrir tout l'espace disponible sans déformer l'image */
  }

  /* Supprimez les marges pour une adaptation parfaite */
  .carousel-inner {
      height: 100%;
     
  }
  .navbar-menu li{
   list-style: none;
}
.navbar-menu li:hover{
   text-decoration: underline;
   color: orange;
}
.div-principal a{
   text-decoration: none;
}
.aid a:hover{
   color: orange;
}

  /* Styles supplémentaires pour une meilleure apparence */
  .carousel-control-prev-icon, .carousel-control-next-icon {
      background-color: rgba(0, 0, 0, 0.5); /* Fond semi-transparent pour les icônes de navigation */
      border-radius: 50%; /* Arrondir les icônes */
  }
 .car{
   background-image: url(styles.css/styles/Image\electronique\game.jpg) 
 }
article:hover{
   transform: scale(1.05);

 }
 article{
   transition-duration: 400ms;
 }