span.draggable {
    cursor: pointer;
    text-align: center;
    color: #131313;
    background-image: -ms-linear-gradient(top, #B7DEED 0%, #8BC7EF 60%, #8DBCEB 61%, #B7DEED 100%);
    background-image: -moz-linear-gradient(top, #B7DEED 0%, #8BC7EF 60%, #8DBCEB 61%, #B7DEED 100%);
    background-image: -o-linear-gradient(top, #B7DEED 0%, #8BC7EF 60%, #8DBCEB 61%, #B7DEED 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B7DEED), color-stop(50, #8BC7EF), color-stop(51, #8DBCEB), color-stop(100, #B7DEED));
    background-image: -webkit-linear-gradient(top, #B7DEED 0%, #8BC7EF 60%, #8DBCEB 61%, #B7DEED 100%);
    background-image: linear-gradient(to bottom, #B7DEED 0%, #8BC7EF 60%, #8DBCEB 61%, #B7DEED 100%);
}

span.inactif {
    cursor: default;
    color: #A3A3A3;
    background-image: -ms-linear-gradient(top, #f6f8f9 0%, #E5EBEE 60%, #D7DEE3 61%, #f5f7f9 100%);
    background-image: -moz-linear-gradient(top, #f6f8f9 0%, #E5EBEE 60%, #D7DEE3 61%, #f5f7f9 100%);
    background-image: -o-linear-gradient(top, #f6f8f9 0%, #E5EBEE 60%, #D7DEE3 61%, #f5f7f9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f8f9), color-stop(50, #E5EBEE), color-stop(51, #D7DEE3), color-stop(100, #f5f7f9));
    background-image: -webkit-linear-gradient(top, #f6f8f9 0%, #E5EBEE 60%, #D7DEE3 61%, #f5f7f9 100%);
    background-image: linear-gradient(to bottom, #f6f8f9 0%, #E5EBEE 60%, #D7DEE3 61%, #f5f7f9 100%);
}

span.faux {
    background-image: -ms-linear-gradient(top, #EDADAB 0%, #E35F5B 60%, #D13A3A 61%, #EDADAD 100%);
    background-image: -moz-linear-gradient(top, #EDADAB 0%, #E35F5B 60%, #D13A3A 61%, #EDADAD 100%);
    background-image: -o-linear-gradient(top, #EDADAB 0%, #E35F5B 60%, #D13A3A 61%, #EDADAD 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EDADAB), color-stop(50, #E35F5B), color-stop(51, #D13A3A), color-stop(100, #EDADAD));
    background-image: -webkit-linear-gradient(top, #EDADAB 0%, #E35F5B 60%, #D13A3A 61%, #EDADAD 100%);
    background-image: linear-gradient(to bottom, #EDADAB 0%, #E35F5B 60%, #D13A3A 61%, #EDADAD 100%);
    color: #fff;
}

span.vrai {
    background-image: -ms-linear-gradient(top, #B9FFAB 0%, #69EF72 60%, #20E22D 61%, #B2EDC2 100%);
    background-image: -moz-linear-gradient(top, #B9FFAB 0%, #69EF72 60%, #20E22D 61%, #B2EDC2 100%);
    background-image: -o-linear-gradient(top, #B9FFAB 0%, #69EF72 60%, #20E22D 61%, #B2EDC2 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B9FFAB), color-stop(50, #69EF72), color-stop(51, #20E22D), color-stop(100, #B2EDC2));
    background-image: -webkit-linear-gradient(top, #B9FFAB 0%, #69EF72 60%, #20E22D 61%, #B2EDC2 100%);
    background-image: linear-gradient(to bottom, #B9FFAB 0%, #69EF72 60%, #20E22D 61%, #B2EDC2 100%);
    color: #333;
}