.joueurs {
width: 100%;
background-color: white;
border-top: 3px solid #123380;
padding: 20px;
}
.joueurs thead {
text-align: left;
}
.joueurs th {
padding: 15px 20px;
}
.joueurs td {
padding: 10px 20px;
}
.position {
font-weight: bold;
}
.ferriere {
background-color: rgba(18,51,128,0.7);
}
.ferriere td {
color: white;
}
.titre_resultat {
font-family: 'Squada One',display;
text-align: center;
}
.resultats {
width: 60%;
background-color: white;
border-top: 3px solid #123380;
padding: 20px;
margin: auto;
margin-bottom: 50px;
}
.resultats th {
padding: 15px 20px;
}
.resultats td {
padding: 10px 20px;
}
.liste_equipes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.inner_equipe {
position: relative;
display: flex;
flex-direction: column;
}
.division_equipe {
position: absolute;
background-color: #123380;
color: white;
top: 10px;
right: 10px;
padding: 5px 15px!important;
border-radius: 5px;
margin: 0;
}
.titre_equipe {
background-color: #123380;
color: white;
padding: 10px;
}
.titre_equipe h2 {
color: white;
font-size: 1.5rem;
font-family: 'Squada One';
padding: 0;
text-align: center;
}
.equipe {
width: 400px;
margin-bottom: 40px;
border-radius: 5px;
overflow: hidden;
}
.equipe img {
height: 300px;
width: 100%;
object-fit: cover;
}
@media (max-width: 700px){
.resultats td {
padding: 10px 10px;
}
#classement_joueurs thead {
display: none;
}
#classement_joueurs {
background-color: unset;
}
#classement_joueurs  tr{
display: block;
margin-bottom: 40px;
border-top: 3px solid #123380;
background-color: white;
}
#classement_joueurs .ferriere {
background-color: rgba(18,51,128,0.7);
}
#classement_joueurs  td {
display: block;
text-align: right;
}
#classement_joueurs  td:before {
content: attr(data-label);
float: left;
font-weight: bold;
}
}