body {
    padding: 0;
    margin: 0;
    background-image: url("http://lucas.ambin.fr/image/fond.png");
}
.input {
    margin-left: -236px;
    width: 214Px;
    height: 61px;
    text-align: right;
    font-size: 38px;
    background-color: #b6b6e6;
}
.box {
    background-color: gray;
    border-style: solid;
    border-width: 5px;
    width: 240px;
    height: 389px;
    margin-left: 204px;
    z-index: -1;
    position: absolute;
    border-radius: 5px;
}
.sous-box-affiche {
    background-color: #3f9198;
    border-style: solid;
    position: absolute;
    width: 214px;
    margin-top: 10px;
    margin-left: 220px;
    height: 61px;
    border-radius: 5px;
}
.chiffre {
    margin-left: 236px;
    position: absolute;
    color: #fff;
    font-size: 49px;
}
.case {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 102px;
    margin-left: 221px;
    width: 38px;
    height: 41px;
}
.fleche {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 8px;
    margin-left: 5px;
}
.case2 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 102px;
    margin-left: 278px;
    width: 38px;
    height: 41px;
}
.ce {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 8px;
    margin-left: 4px;
	cursor:pointer;
}
.case3 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 102px;
    margin-left: 335px;
    width: 38px;
    height: 41px;
}
.c {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 8px;
    margin-left: 11px;
}
.case4 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 102px;
    margin-left: 392px;
    width: 38px;
    height: 41px;
}
.plus {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 4px;
    margin-left: 11px;
}
.moin {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 13px;
	cursor:pointer;
    margin-left: 14px;
}
.case5 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 102px;
    margin-left: 449px;
    width: 38px;
    height: 41px;
}
.v {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
    margin-left: 9px;
}
.case6 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 161px;
    margin-left: 221px;
    width: 38px;
    height: 41px;
}
.sept {
    color: #fff;
    font-size: 24px;
	cursor:pointer;
    position: absolute;
    margin-top: 6px;
    margin-left: 12px;
}
.case7 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 220px;
    margin-left: 221px;
    width: 38px;
    height: 41px;
}
.quatre {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 6px;
    margin-left: 12px;
}
.case8 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 279px;
    margin-left: 221px;
    width: 38px;
    height: 41px;
}
.un {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
    margin-left: 12px;
	cursor:pointer;
}
.case9 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 161px;
    margin-left: 278px;
    width: 38px;
    height: 41px;
}
.height {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
	cursor:pointer;
    margin-left: 13px;
}
.case10 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 219px;
    margin-left: 278px;
    width: 38px;
    height: 41px;
}
.cinq {
    color: #fff;
    font-size: 24px;
	cursor:pointer;
    position: absolute;
    margin-top: 6px;
    margin-left: 13px;
}
.case11 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 279px;
    margin-left: 278px;
    width: 38px;
    height: 41px;
}
.deux {
    color: #fff;
    font-size: 24px;
	cursor:pointer;
    position: absolute;
    margin-top: 6px;
    margin-left: 13px;
}
.case12 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 338px;
    margin-left: 221px;
    width: 95px;
    height: 41px;
}
.zero {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 7px;
	cursor:pointer;
    margin-left: 39px;
}
.case13 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 160px;
    margin-left: 335px;
    width: 38px;
    height: 41px;
}
.neuf {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
	cursor:pointer;
    margin-left: 13px;
}
.case14 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 218px;
    margin-left: 335px;
    width: 38px;
    height: 41px;
}
.six {
    color: #fff;
    font-size: 24px;
	cursor:pointer;
    position: absolute;
    margin-top: 6px;
    margin-left: 13px;
}
.case15 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 279px;
    margin-left: 336px;
    width: 38px;
    height: 41px;
}
.trois {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
	cursor:pointer;
    margin-left: 13px;
}
.case16 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 338px;
    margin-left: 336px;
    width: 38px;
    height: 41px;
}
.virgule {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 6px;
    margin-left: 13px;
}
.case17 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 159px;
    margin-left: 392px;
    width: 38px;
    height: 41px;
}
.slash {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
	cursor:pointer;
    margin-left: 13px;
}
.case18 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 217px;
    margin-left: 392px;
    width: 38px;
    height: 41px;
}
.etoile {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 6px;
    margin-left: 13px;
}
.case19 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 278px;
    margin-left: 392px;
    width: 38px;
    height: 41px;
}
.moin2 {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
	cursor:pointer;
    margin-left: 13px;
}
.case20 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 337px;
    margin-left: 392px;
    width: 38px;
    height: 41px;
}
.plus2 {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 6px;
    margin-left: 13px;
}
.case21 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 159px;
    margin-left: 449px;
    width: 38px;
    height: 41px;
}
.vu {
    color: #fff;
    font-size: 24px;
    position: absolute;
    margin-top: 6px;
	cursor:pointer;
    margin-left: 13px;
}
.case22 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 216px;
    margin-left: 449px;
    width: 38px;
    height: 41px;
}
.pourcent {
    color: #fff;
    font-size: 24px;
	cursor:pointer;
    position: absolute;
    margin-top: 6px;
    margin-left: 9px;
}
.case23 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 276px;
    margin-left: 449px;
    width: 38px;
    height: 41px;
}
.demi {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 6px;
    margin-left: 3px;
}
.case24 {
    position: absolute;
    background-color: #3f9198;
    border-style: solid;
    border-width: 3px;
    border-radius: 5px;
    margin-top: 100px;
    margin-left: 392px;
    width: 38px;
    height: 41px;
}
.egale2 {
    color: #fff;
    font-size: 24px;
    position: absolute;
	cursor:pointer;
    margin-top: 6px;
    margin-left: 9px;
}