body {
    background-color: #6495ED;
    color : black;
}

body, header {
    margin: 0;
    padding: 0;
}

h1 {
    text-align: center;
}


button {
    width : 100%; /* on occupe toute la largeur*/
    text-align : center; /*le texte est centré*/
}

table {
    border-collapse: collapse;
    width: 100%;
    height : 15px;
}
  
th, td {
    border : 2px solid black;
    width : 8%;
    text-align : center;
    background-color: #DCDCDC;
    height : 40px;
    font-size: 2em;

}

.boutonScore {
    border-radius: 50%; /* bordure arrondi de 50 % pour les btn des scores*/
    height : 40px; /* hauteur des boutons de scores*/
    width : auto; /*largeur fait automatiquement*/
    margin-top : 40px; /*marges de 40 pixels en haut de chaque bouton*/
}
.cancelCoup {
    width : 100%; 
    height : auto;
    margin-top: 40px; /*marges de 40 pixels en haut de chaque bouton*/
    background-color: red; /*couleur de fond rouge pour le btn de supprimer joueur*/
}

.deleteJoueur {
    background-color: red;
    margin-top : 20px;
    margin-bottom : 20px;
    height : 60px;
}
.newJoueur {
    background-color: greenyellow;
    margin-top : 20px;
    margin-bottom : 20px;
    height : 60px;
}
.newPartie {
    background-color: green;
    margin-top : 20px;
    margin-bottom : 20px;
    height : 60px;
}

.scorePositif {
    background-color: greenyellow;
}
.scoreNegatif {
    background-color : red;
}

input {
    position : sticky;
}
/* Styles pour le haut de la page */
header {
    background-color: #C1BDB3; /* Couleur de fond du haut de la page */
    text-align: center;
    height : 130px;
    width : 100%;
    display: block;
    box-sizing: border-box;

}


.logo, .logoProfil {
    height: 70px; /* Ajuste la hauteur de l'image */
    width: auto; /* Assure une largeur proportionnelle */
}

.centrer {
    text-align : center;
}