body {
  width: 100%;
  height: 100%;
   margin:0px;
   background-color: black;

}
.all {

  
}
.choix {

  background-image: url(../img/goku3.png);
  background-size:cover ;
  background-repeat: no-repeat;
  background-position: center;
  background-position: top;
  height:100%;
width: 100%;
  font-family: 'Titre', sans-serif;
  font-size: 50px;
  text-transform: uppercase; /* Met en majuscules */
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Ombre noire */
 
  -webkit-text-stroke: 2px black; /* Bordure de 2 pixels de large en noir */
  color: rgb(255, 189, 76);
}

.row {

}
.cart {
   gap:20%; 
}
.carte {
background-color:rgb(87,87,87);
  border:15px solid  rgb(44, 44, 44);
  border-radius: 20px;
  height:100%;
}


      a {
        color: rgb(255, 189, 76);
        text-decoration: none;
      }
      .card-title {
        color: rgb(255, 189, 76);
        text-decoration: none;
      }
/* CSS pour styliser la partie de filtrage */
.filter-container {
  display: flex;
  justify-content: space-between;
}

.filter-item {
  margin-right: 10px;
}

/* Couleurs personnalisées pour les icônes FontAwesome */
.text-blue {
  color: blue;
  ;
}

.text-yellow {
  color: yellow;
}

.text-red {
  color: red;
}

.text-green {
  color: green;
}
.text-black {
  color: rgb(0, 0, 0);
}





.svg {
  width:15%;
  margin-left: 5%;
  margin-right: 5%;

}
.fa-circle {
  font-size: 2.5em;
  border: 2px solid white;
  border-radius: 50px;
}
.fa-circle:active {
  transform: scale(0.8) translateY(0.2em);
}
.color {
  gap:1em;
}

button {
  border:none;
  border-radius: 50px;
  font-size: 1.7em;
  width:8em;
  height:1.5em;
  border: 6px solid rgb(149, 149, 149);
  
}



.title {
  background-color: orange;
  border-radius: 50px;
  width:80%;
  border: 4px solid white;


 
}
 .liste {
    position: relative;
  z-index: 99;
  }

#car6 {

  position: absolute;


right: 0;

background-color: black;
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;

font-family: 'Titre', sans-serif;
font-size: 50px;
text-transform: uppercase; /* Met en majuscules */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Ombre noire */
color: #ffffff; /* Couleur rouge pour le texte */
-webkit-text-stroke: 2px black; /* Bordure de 2 pixels de large en noir */

font-family: 'Titre', sans-serif;
font-size: 20px;
text-transform: uppercase; /* Met en majuscules */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Ombre noire */

-webkit-text-stroke: 2px black; /* Bordure de 2 pixels de large en noir */
color: rgb(255, 189, 76);

}

#car1 {

  overflow-y: auto; /* Ajoute une barre de défilement vertical */
  max-height: 100vh; /* Limite la hauteur de l'élément à la hauteur de la fenêtre */
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    background-image: url(../img/kamgoku.jpg);
background-size:cover ;
background-repeat: no-repeat;
background-position: center;
background-position: top;
height:100%;
width: 100%;

font-family: 'Titre', sans-serif;
font-size: 20px;
text-transform: uppercase; /* Met en majuscules */
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Ombre noire */

-webkit-text-stroke: 2px black; /* Bordure de 2 pixels de large en noir */
color: rgb(255, 189, 76);

}