@charset "utf-8";
/* CSS Document */

.padding-0 { padding: 0 }
.margin-0 { margin: 0 }

#index {
    background: #F5F5F5;
    background: -webkit-linear-gradient(white, #EDEDED);
    background: -o-linear-gradient(white, #EDEDED);
    background: -moz-linear-gradient(white, #EDEDED);
    background: linear-gradient(white, #EDEDED);
}

.radius1, #regles img
{
    -webkit-border-radius: 0 0 0 50px;
    -moz-border-radius: 0 0 0 50px;
    border-radius: 0 0 0 50px;
}
.radius2
{
    -webkit-border-radius: 0 0 50px 0;
    -moz-border-radius: 0 0 50px 0;
    border-radius: 0 0 50px 0;
}

#jouer img, #regles img
{
    padding: 0;
    -moz-box-shadow: 0px 0px 7px 0px black;
    -webkit-box-shadow: 0px 0px 7px 0px black;
    -o-box-shadow: 0px 0px 7px 0px black;
    box-shadow: 0px 0px 7px 0px black;
}

#jouer img:hover
{
    -moz-box-shadow: 0px 0px 20px 0px #003F00;
    -webkit-box-shadow: 0px 0px 20px 0px #003F00;
    -o-box-shadow: 0px 0px 20px 0px #003F00;
    box-shadow: 0px 0px 20px 0px #003F00;
}

header img
{
    width: 100%;
    margin-bottom: 70px;
}

#objectif, #howto { margin-bottom: 30px }

#score table { border: 1px solid #ddd }

#contact form { margin-bottom: 70px }

input { margin-bottom: 15px }

h1
{
    margin: 50px 0 20px;
    font-size: 2em;
}

h2
{
    font-size: 1.3em;
    margin-top: 0px;
}

#connexion p, #inscription p
{
    margin-bottom: 20px;
    font-size: 0.9em;
}

#deconnexion { padding-top: 10px }

#regles p
{
    text-align: justify;
}

/***********/
/* PLATEAU */
/**********/

#plateau { margin: 30px 0 }

#plateau table
{
    position: relative;
    table-layout: fixed;
}

#plateau td
{
    width: 60px;
    height: 30px;
    box-sizing: border-box;
}

#loading{
    position: absolute;
    left:530px;
    top:280px;
    z-index: 3;
}

#fond
{
    width: 75%;
    height: 600px;
    background-image: url('../images/fond.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    position: absolute;
    z-index: 0;
    left: 8.27%;
}

#nuages
{
    width: 75%;
    height: 600px;
    background-image: url('../images/nuages.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    position: absolute;
    z-index: 4;
    opacity: 0.5;
    left: 8.27%;
}

.power { margin-top: 20px }

#jouer_accueil { margin-bottom: 40px }

#timer { margin-bottom: 30px }

#indications
{
    font-size: 2.5em;
    margin-top: 30px;
}

.couleur0 { background-color: #737373 }
.couleur1 { background-color: #C50A0A }
.couleur2 { background-color: #C11CC1 }
.couleur3 { background-color: #6815AF }
.couleur4 { background-color: #1609B3 }
.couleur5 { background-color: #25A6C0 }
.couleur6 { background-color: #01A600 }
.couleur7 { background-color: #D0EB0E }
.couleur8 { background-color: #FF7600 }

.avion
{
    opacity: 0.8;
    position: relative;
    left: 1px;
}

.avion img
{
    position: absolute;
    left: -27px;
    bottom: -30px;
    z-index: 2;
}

.avion.my-plane { opacity: 1 !important}

.status-almost
{
    background-image: url('../images/almost.png'); background-size: 100% 100%;

}
.status-good
{
    background-image: url('../images/good.png');
    background-size: 100% 100%;
}

/* [class*="col-"] { border: 1px solid black } */
/* [class*="row"] { border: 1px solid red } */