.header {
    margin-bottom: 20px;
}
.bonus-hint {
    position: absolute;
    width: 400px;
    bottom: 0;
    right: 0;
    background-image: url("./bonus.png");
    height: 300px;
    background-repeat: no-repeat;
}

.action-container{
    font-size:20px;
    margin: 5px;
} 

.action-container INPUT{
    text-align: center;
}

.action-container .letter-action:hover,
.action-container .indice-action:hover{
    cursor: pointer;
} 

.definition-container {
    border: 1px solid black;
}

.definition-container .horizontal, .definition-container .vertical  {
    font-weight: bold;
    padding-top: 10px;
}

.definition-container .definition{
    font-weight: normal;
    margin-left: 10px;
} 

.definition-container .definition .counter{
    font-weight: bold;
    text-decoration: underline;
} 

.definition-container UL {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
}
  
.definition-container UL LI {
    transform: translateX(-100%);
    transition: transform 1s, opacity 3s;
    opacity: 0;
}

.definition-container UL LI I {
    padding-right: 5px;
    color:#CCCCCC;
}

.definition-container UL LI I:hover {
    cursor: pointer;
}

.definition-container UL LI.found I {
    color:#00FF00;
}

.definition-container UL LI.found {
    color:#999999;
}

.definition-container UL LI.show {
    opacity: 1;
    transform: translateX(0%);
}

.grille {
    margin : 5px;
} 
.grille TABLE{
    width:auto;
}

.grille .ligne {
    margin : 0px;
    padding: 0px;
} 

.grille .ligne .cellule {
    border : 1px solid #333333;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.grille .cellule .compteur {
    position: absolute;
    top:0px;
    left: 1px;
    font-size: medium;
    font-weight: normal;
}

.grille .ligne .cellule.noir {
    background-color: black;
}

.grille .ligne .cellule.filled {
    background-color: #DDDDDD;
}

.indice-container {
    border: 1px solid blue;
    background-color: #EEE;
    height:150px;
    padding:5px;
}
.indice {
    margin: 5px;
    background-color: #EEE;
    padding: 10px;
}