/************puissance 4********/
table
{
    width:100%;
    height:100%;
}


th{
    width: 70px;
}

#grid
{
    background: #065892;
    width: 400px;
    height: 400px;
    margin-top:100px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    box-shadow: 8px 8px 12px #323233;
    border-radius: 5px;
    padding: 10px;
    position: relative;
}

.button{
    margin-top:20px;
}

.start
{
    text-align: center;
    padding-top: 170px;
    font-size: 2em;
    color: #fff;
    font-family: 'Indie Flower', cursive;
}

.circle
{
    width: 60px;
    height: 60px;
    border-radius:50%;
    background: #fff;
    /*	border:3px solid #032d4a;*/
    box-shadow: 4px 4px 6px #02253e;

}

.jeton_1
{
    width:60px;
    height: 60px;
    background: #D42727;
    border-radius: 50%;
    border: 10px red groove;
}

.jeton_2
{
    width:60px;
    height: 60px;
    background: yellow;
    border-radius: 50%;
    border: 10px yellow groove;
}
.jeton_3
{
    width:60px;
    height: 60px;
    background: green;
    border-radius: 50%;
    border: 10px green groove;
}

.jeton_4
{
    width:60px;
    height: 60px;
    background: #20F3D7;
    border-radius: 50%;
    border: 10px #20F3D7 groove;
}

.jeton_5
{
    width:60px;
    height: 60px;
    background: purple;
    border-radius: 50%;
    border: 10px purple groove;
}


#nbrCollumn, #nbrLine{
    width: 180px;

}

#btn-blue{
    border:5px outset #5bc0de;
}

#btn-yellow{
    border:5px outset #f0ad4e;
}

#foot{
    width: 480px;
    height: 30px;
    background: #013356;
    margin-right: auto;
    margin-left: auto;
    border-radius: 5px;
    box-shadow: 8px 8px 12px #323233;
    position: relative;
}
.button_gravity p
{
margin-top: 9px;
}
.button_player
{
width: 100px;
    margin: 10px;
}





/*******animate**********/