/*Rauber Tim, 13.01.2026*/
/*structuration du site*/


h1 {
  /* Titre de la page 1*/
  display: flex;
  justify-content: center;
  padding: 10px;
}

h2 {
  /* Titre de la page 2,3,4,5*/
  display: flex;
  justify-content: center;
  margin: 30px;
  padding: 15px;
  background-color: black;
}

nav {
  flex-direction: row;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  background-color: rgb(86, 77, 77);
  padding: 20px;
}

.image-page-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;


}

.lien {
  flex: 1;
  width: 50%;

}

.texte-club {
  padding: 10px;
}



.header-page-de-titre {
  background-color: rgb(0, 0, 0);
  padding: 10px;
}

.p1 {
  background-color: white;
  width: 100%;
}

.Couleur-Titre {
  text-align: center;

}



footer {
  display: flex;
  justify-content: center;
  padding: 10px;
  color: burlywood;
  background-color: rgb(0, 0, 0);
}

.header-autre {
  background-color: rgb(0, 0, 0);
  height: 100px;
}

.contenu {
  display: flex;
  flex-direction: column;

}

.titre-liste {

  align-self: center;
}

.ligne {
  display: flex;
  flex-direction: row;
  background-color: #ff0000;


}

.ligne.inverse {
  display: flex;
  flex-direction: row-reverse;
  background-color: #000000;

}


.texte {
  display: flex;
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  color: white;
  background: #ff0000;
}

.texte-inverse {
  width: 100%;
  height: 100%;

  display: flex;
  flex: 2;
  color: white;
  background: #000000;
}

.image {
  flex: 1;
  height: 300px;

  object-fit: cover;
  /* Pour que l'image remplisse son conteneur sans déformation */
}

.contenu-reglement-equipement {
  display: flex;
  flex-direction: row;
  width: 1200px;

}

.image-reglement-equipement {
  width: 1200px;
  height: 480px;
}



.aside-reglement {
  display: flex;
  flex-direction: column;
  width: 650px;
  float: right;
  order: -1;




}

.résumé-règles-matériel {
  color: #ff0000;
  background-color: #000000;
}

.image-arbitre {
  height: 1000px;
  width: 320px;
  align-self: center;
  margin-bottom: 10px;
}

.espace-video-table {
  margin-top: 10px;
}


.contenu-page-legendes {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin-bottom: 100px;
}

.espace-video-table {

  display: flex;
  flex-direction: row;
  justify-content: space-evenly;

}

.contenu-clubs-ligne-1 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;

}

.contenu-clubs-ligne-2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 20px;
}



.Date {
  float: right;
}

.Heure {
  float: right;
}

.flex-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-top: 100px;
}

@media(max-width:430px) {

  /* Navigation */
  nav {
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  /*Page 1*/
  header {
    height: 125px;
  }

  .image-page-1 {
    height: 300px;
    padding: 0x;

  }

  .titre-page-1 {
    font-size: 2em;
  }

  .footer-page-1 {

    text-align: center;
    padding-bottom: 180px;
    font-size: 200%;
  }

  .header-page-de-titre {
    display: flex;
    flex-direction: row-reverse;
  }

  .Heure,
  .Date {
    padding-top: 25px;

  }

  /*Page 2*/


  /* Empiler texte + image */
  .ligne,
  .ligne.inverse {
    flex-direction: column;
  }

  /* Texte pleine largeur */
  .texte,
  .texte-inverse {
    flex: 1;
    width: 100%;
    padding: 15px;
  }

  /* Images adaptatives */
  .image {
    width: 100%;
    height: auto;
    max-height: 250px;
  }


  h2 {
    font-size: 1.5em;
    margin: 15px;
  }

  h3 {
    text-align: center;
  }

  /* Liste plus confortable */
  ul {
    padding-left: 20px;
  }


  /*Page 3*/




  body {
    margin: 0;
    padding: 0;
  }

  h1,
  h2 {
    margin: 10px;
    padding: 10px;
    font-size: 1.4em;
  }



  nav a {
    margin: 5px 0;
  }

  /* Contenus principaux */
  .contenu-reglement-equipement {
    flex-direction: column;
    width: 100%;
  }

  .contenu-page-reglement-equipement {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Aside */
  .aside-reglement {
    width: 100%;
    float: none;
    order: 0;
    align-items: center;
  }

  .résumé-règles-matériel {
    width: 100%;
    text-align: center;
    padding: 10px;
  }

  .image-arbitre {
    width: 90%;
    height: auto;
  }

  /* Articles */
  article {
    width: 100%;
    padding: 10px;
  }

  /* Images */
  .image-reglement-equipement {
    width: 100%;
    height: auto;
  }

  .image {
    width: 100%;
    height: auto;
  }

  /* Lignes (légendes / autres pages) */
  .ligne,
  .ligne.inverse {
    flex-direction: column;
  }

  .texte,
  .texte-inverse {
    width: 100%;
    padding: 10px;
  }

  /* Clubs */
  .contenu-clubs-ligne-1,
  .contenu-clubs-ligne-2 {
    flex-direction: column;
    align-items: center;
  }

  /* Footer */
  footer,
  .flex-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .Date,
  .Heure {
    float: none;
  }

  /* Page 4 */




  /* Conteneur principal */
  .page-legendes {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  /* Images des boxeurs */
  .contenu-page-legendes {
    flex-direction: column;
    align-items: center;
  }

  .contenu-page-legendes article {
    margin-bottom: 20px;
  }

  .contenu-page-legendes img {
    width: 90%;
    height: auto;
  }

  figure {
    text-align: center;
  }

  /* Zone vidéo + tableau */
  .espace-video-table {
    flex-direction: column;
    align-items: center;
    width: 450px;

  }

  /* Vidéo */
  video {
    size: 30%;
    height: auto;
  }

  /* Tableau */
  table {
    border-collapse: collapse;
    font-size: 0.1em;
    size: 10%;
  }

  th,
  td {
    padding: 8px;
    text-align: center;
  }

}