CSS Damier

body {
    padding: 20px;
}
.carre {
    width: 50px;
    height: 50px;
}
.cercle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 5px;
    margin-left: 5px;
}
.noir {
    background-color: black;
}
.caseNoire {
    background-color: #2c3e50;
}
.caseJaune {
    background-color: #f1c40f;
}
.pionNoir {
    background-color: black;
}
.pionBlanc {
    background-color: white;
}
.float {
    float: left;
}
.clear {
    clear: both;
}