@font-face {
    font-family: "Motion Control";    
    src: url("fonts/motioncontrolneuelite-webfont.woff2") format('woff2'),
	url("fonts/motioncontrolneuelite-webfont.woff") format('woff');
}


html{
    font-size:2em;
    -webkit-text-size-adjust: 100%;
}

body{
    text-align:center;
    font-family: "Motion Control";

}

button, input, select, textarea{
    font-family:"Motion Control";
    font-size:1rem;
    background-color: white ;
    opacity:1;

}

select{
    padding-bottom:5px;
}

h2{
    margin-top:20px;
    margin-bottom:20px;

}

h3{
    color:red;
    margin-top:15px;
    margin-bottom:3px;

}

#banniere{
    text-align:center;
    border-bottom: dotted;
}

div#menu{
    text-align:center;
    border-bottom: dotted;
    padding-top:10px;
    padding-bottom:10px;
    background:white;
}

div#programme{
    text-align:center;
    border-bottom: dotted;

}

div#choixProgramme{
    text-align:center;
    border-bottom: dotted;

}

img.emoji {
    border: medium none;
    height: 25px;
    padding: 0;
    width: 25px;
    }

td{
    padding-left:10px;
    padding-right:10px;
/*    border-width:2px;*/
    border-style:solid; 
    border-color:black;
    background-color: white;
}

td.entete{
    color:red;
}
td.celluleVide{
    border:none;
}

td.numeroSaison{
    border:none;
    padding-bottom:5px;
}

td.prenom{
    width:80px;
}

td.weekend{
    width:250px;
    white-space: nowrap;

}
td.cote{
    width:80px;
}

td.coteTotale{
    width:160px;
}

td.prono{
    white-space: nowrap;
    width:200px;
}
td.coteProno{
    width:200px;
}

td.lienResultat{
    width:300px;
}

td.excluGagnant{
    background-color:black !important;
    color:green !important;
}

td.excluPerdant{
    background-color:black !important;
    color:red !important;
}

td.exclu{
    background-color:black !important;
    color:white !important;
}
a{
    text-decoration:none;
    color:red;
}

div.contenu{
    display:inline-block;
}

div.tableau{
    display:inline-block;
}

div.ficheJoueur{
    width:700px;
    display:inline-block;
}

div.comparaisonFiches{
    display: inline-block;
}
table{
    border-collapse: collapse;
    text-align:center;
    margin : 0 auto;
}


   
td.perdant,td.mauvais {
    background-color: red;
    color: white;
}

td.gagnant,td.bien {
    background-color:green;
    color: white;
}

td.moyen{
    background-color:orange;
    color: white;   
}

td#meilleure{
    font-weight:bold ;
    font-style:italic;
    background-color:rgb(113, 212, 14);
}

td#meilleureExclu{
    font-weight:bold ;
    font-style:italic;
    color:rgb(113, 212, 14) !important;
}


td.bienBio{
    color : green;
}
td.moyenBio{
    color:orange;
}
td.mauvaisBio{
    color:red;
}

td.meilleureBio{
    color:rgb(113, 212, 14);
}
td.pireBio{
    color:rgba(255, 0, 64, 0.849);
}
td.prenomFiche:first-letter {font-size: 1.5em; font-weight: bold; color: #ff0000;padding:0 0 0 0;margin:0 0 0 0;}
td.bioFiche{ 
    font-style: italic;
}

td.avatarFiche{
    height:600px;
}

td#pire{
    font-weight:bold;
    font-style:italic;
    background-color:rgba(255, 0, 64, 0.849);
}

td#pireExclu{
    font-weight:bold;
    font-style:italic;
    color:rgba(255, 0, 64, 0.849) !important;
}

td.catBio {
    color:red;
}

td.celluleSeparation{
    border:none;
    padding-top:10px;
    padding-bottom:10px;
}
tr.ligneSeparation {
    height: 20px;
}

#numeros-container, #grille-selection {
    display: grid;
    grid-template-columns: repeat(7, 40px);
    grid-gap: 10px;
    justify-content: center;
    margin: 20px auto;
}

.numero {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #f0f0f0;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-weight: bold;
    transition: background-color 0.5s, color 0.5s;
}
.selected {
    background-color: red;
    color: white;
}

.selected-commande {
    background-color: green;
    color: white;
}

.active {
    background-color: black;
    color: white;
}

#tirages{
    display:flex;
    flex-direction: row;
    width:100%;
    height:100%;
}

#dernier_tirage{
    width:100%;
    height:100%;
}

#commandes_prochain_tirage{
    width:100%;
    height:100%;
}

#commandes_prochain_tirage #mise{
    width:50px;
}

#resultats_et_grilles{
    display:flex;
    flex-direction: row;
    width:100%;
    height:100%;
}

#grilles_dernier_tirage{
    width:50%;
    height:100%;
}

#grilles_dernier_tirage table{
    width:60%;
}

#grilles_prochain_tirage{
    width:50%;
    height:100%;
}

#grilles_prochain_tirage table{
    width:60%;
}

/*
table {
    margin: 20px auto;
    border-collapse: collapse;
    width: 80%;
}
th, td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}
th {
    background-color: #f4f4f4;
}*/