body {
   
}

#conteneur {
    width:400px;
    border:10px solid #333;
    border-radius: 5px;
    display: flex;
    flex-flow: row wrap;
}

kbd {
    border:1px solid #336;
    border-radius: 5px;
    padding: 2px;
}

#board {
    width:400px;
    height:50px;
    border:5px solid #6F4;
    border-radius: 5px;
    font-size:40px;
    font-family: "system";
    background-color:#CFA;
    font-family:courrier;
}

#cible {
    width:1.2em;
    text-align:center;
    height:50px;
    border:5px solid #F9A;
    border-radius: 5px;
    font-size:40px;
    background-color:#FBC;
}

#divscore {
    width:2em;
    height:50px;
    border:5px solid #A9F;
    border-radius: 5px;
    font-size:40px;
    color:#FFF;
    background-color:#339;
}

#divlevel {
    width:2.2em;
    border: 3px solid #EDC;
    border-radius: 5px;
    padding:2px;
    background-color:#FED;
}

#player {
    width:2.2em;
    border: 3px solid #BBE;
    border-radius: 5px;
    padding:2px;
    background-color:#CCF;
}

#divlevel,#divscore,#board,#cible, #player {
    flex : 1 100%;
}

#olbestscore {
    background-color: #DFE;
    font-family: Arial;
}