@font-face {
    font-family: Monopoly Bold;
    src: url('Monopoly Bold.ttf') format('truetype');
}

body
{
    font-family: Monopoly Bold;
    max-width:1200px;
    margin: auto;
    background-image: url('../images/default/tileable_wood_texture.png');
    background-repeat:repeat;
}

header
{
    background: url('../images/default/black-and-white-1298024_960_720.png');
    background-color:#405BA4;
    display: flex;
    justify-content: space-between;
    max-width:1200px;
    min-height: 230px;
    position: relative;
}

.funny

{
    width: 45px;
    height: 68px;
}

li{
    color: #ccccff;
}

#titre_principal
{
    font-size: 25px;
    flex-direction: column;
    color:#ccccff;
    margin: -15px 0 0 5px;
}


#login {
    position: absolute;
    right: 220px;
    bottom: 50px;
    font-size: 1.5em;
}


/* Navigation */


nav ul
{
    list-style-type: none;
    display: flex;

}

nav li
{
    margin-right: 15px;
}

nav a
{
    font-size: 2em;
    padding-bottom: 3px;
    text-decoration: none;
    color: black;
}


#new_partie{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
}

#board {
    margin:auto;
    text-align: center;
}
td {min-width:70px;height:70px;}
td.selected {background-color: rgb(250, 234, 115);}
td.possible {background-color: rgb(102, 255, 102);}
td.danger {background-color: rgb(153, 0, 0);}
td.eat {background-color: rgb(255, 51, 51);}
.td_light {background-color:rgb(223, 176, 98);
}
.td_dark {background-color:rgb(134, 89, 60);
}

table#board{
    border: 20px;
    border-style: inset;
    border-color: rgb(191, 136, 106);
    background-color: rgb(134, 89, 60)

}
.piece

{
    width: 50px;
    height: 68px;
}


#loginform {
    display: flex;
    width: 10em;
    height: 10em;

}

#form > div {
    display: flex;
}
form input:not([type=submit]) {
    flex: 1; /* fluid width */
    display: block; /* IE fix */
    min-width: 0; /* fix for min-width: auto */
}
h1.form {

    color: #345;
    text-shadow: 1px 1px 1px #fff;
    width: 100px;
    margin: auto;



}
#loginform > div {
    padding: 1em;
    background: #fff;
    border: 1px solid gray;
    border-radius: 4px;
}
input,

input:focus,
textarea:focus {
    outline: none;
}
input[type="submit"] {
    padding: .3em 1em;
    background: #555;
    border: none;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
label {
    width: 5em;
    margin-right: .5em;
    text-align: right;
}
input[type="submit"] {
    margin-left: auto;
}
input:focu
{
    outline: none;
}
#plogin{
    margin: auto
}
#wrapper{
    width: 300px;
    margin: auto;



}