@import url('https://fonts.googleapis.com/css?family=Concert+One|ZCOOL+KuaiLe');

/**
    A css used in most of all the pages of the website
 */

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    font-family: Arial, Helvetica, sans-serif;
}

/* The body of all pages */
.allBody {
    height: 100%;
    background: url("/static/User/img/.jpg") no-repeat center top;
    background-size: cover;
    padding: 0;
    margin: 0;
}

/* The background modification with dots */
.allBodyDots {
    background: url("/static/User/img/dot.png");
    /*background-size: 15px 15px;*/
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;

}

/* the div on the top (the menu) */
.topDiv {
    width: 100%;
    height: 50px;
    background-color: rgba(255, 255, 255, 1);
    text-align: center;
}

/*  the TD over the icon image */
.iconTable {
    width: 100px;
    margin: 0;
    padding: 0;
    text-align: left;
}

/* the table to order the menu on the top*/
.topTable {
    width: 800px;
    height: 49px;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}

/* the icon of the website */
.icon {
    margin: 0;
    height: 40px;
}


/*  the TD over login link */
.connectTable {
    width: 700px;
    text-align: right;
}

/* a full object */

.fullObject {
    width: 100%;
    height: 100%;
}