.titreH1{
    color: rgb(20, 20, 3);
    border: 3px solid #0e0303; /*Bordure de 2px*/
    width: 50%; /*Largeur des divs = 80% de la page*/
    margin-left: 5px; /*Centre nos div dans la page*/
    background-color: #d4ec49; /*Fond orangé*/
    margin-bottom : 10px ;/*Marge externe basse de 50px*/
    padding: 10px; /*Marges internes de 10px*/
    box-sizing: border-box; /*Contenu + padding + border = 80%*/
    box-shadow: 10px 10px;
}
.titreH2{
    color: rgb(248, 248, 244);
    border: 3px solid #be1439; /*Bordure de 2px*/
    width: 40%; /*Largeur des divs = 80% de la page*/
    margin-left: 15px; /*Centre nos div dans la page*/
    background-color: #869406; /*Fond orangé*/
    margin-bottom : 10px ;/*Marge externe basse de 50px*/
    padding: 10px; /*Marges internes de 10px*/
    box-sizing: border-box; /*Contenu + padding + border = 80%*/
    box-shadow:5px 5px;
}
.titreH3{
    color: rgb(153, 14, 79);
    border: 3px solid #bbbe14; /*Bordure de 2px*/
    width: 30%; /*Largeur des divs = 80% de la page*/
    margin-left:25px; /*Centre nos div dans la page*/
    background-color: #c0b518; /*Fond orangé*/
    margin-bottom : 10px ;/*Marge externe basse de 50px*/
    padding: 10px; /*Marges internes de 10px*/
    box-sizing: border-box; /*Contenu + padding + border = 80%*/
    box-shadow: 10px 10px;
}
.li1{
    color: #582f96;
    font-weight: bold;
    font-size: 20px;
}
.div1 {
    height: 90px; display: flex; 
    align-items: center; 
    justify-content: left; 
    font-size: 20px;
    box-shadow: 2px 2px;
    width : 70%;
  }
  .fieldset1{
   border-color: #582f96;
   border-width: 5px;
  }
  .texte1{
    color: #044d16;
    font-weight: bold;
    font-size: 20px;
  }
  .texte2{
    color: #d10a0a;
    font-weight: bold;
    font-size: 26px;
  }

  .texte3{
    color: #1f6f8f;
    font-weight: bold;
    font-size: 22px;
  }

  .fieldset-with-image {
    position: relative;
  }
  
  .corner-image {
    position: absolute;
    bottom: 5px;  /* Place l'image à 5 pixels du bas */
    right: 5px
  }

  .tab-section { 
    display: none; 
    margin-top: 10px; 
  }

  /* blob */
  .joueur-card {
    width: 220px;
    margin: 15px;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    text-align: center;
    background: #f9f9f9;
    transition: transform 1s;
}
.joueur-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.photo-form {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #ccc;
}
.photo-form button {
    background: #4CAF50;
    color: white;
    border: none;
    padding: 8px 12px;
    margin: 5px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}
.photo-form button:hover {
    background: #45a049;
}
#photo-input {
    display: none;
}
.info-form button {
    background: #2196F3;
    color: white;
    border: none;
    padding: 8px 12px;
    margin: 5px;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.3s;
}
.info-form button:hover {
    background: #0b7dda;
}

.joueur-form { margin-bottom: 20px; padding: 15px; border: 1px solid #ddd; }
.joueur-list { display: flex; flex-wrap: wrap; }
/* .joueur-card { width: 200px; margin: 10px; padding: 10px; border: 1px solid #eee; text-align: center; } */
.joueur-card img { max-width: 100%; height: auto; }