*{ margin: 0; padding: 0; font-size: 1em; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body{background-color: black; font-family: Arial, Verdana; }

@font-face{ font-family: Square; src: url("../font/Square.ttf"); }

#viewport{margin:auto;width:480px;height:300px; position: relative;overflow: hidden; margin-bottom: 80px;}
#jeu{width:100%;height:100%;}

.menu{width:100%;height:100%;display: none; position: absolute; }
.menu h1{ text-align: center; padding-top: 20px; }
.interieur_menu {width: 320px; height: 300px; margin: auto; position: relative; top: 50%; margin-top: -150px; /*border: 1px solid red;*/ }

input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, button::-moz-focus-inner{ border : 0; }
input[type="submit"]:focus, input[type="button"]:focus, input[type="text"]:focus, button{ outline : none; }

button,input { display: block; width: 100%; text-align: center; font-size: 1.6em; cursor: pointer; padding-top: 5px;padding-bottom: 5px; margin: auto; }
button { background-color: #999999; background-image: -*-linear-gradient(top,#999999 0%,#999999 80%,#bbbbbb 100%); border: 1px solid white; color: white; text-shadow: 2px 2px 0px black; box-shadow: 0px 2px 3px black; border-radius: 5px; font-family: Square, Arial; } 
button:disabled { color: gray; } 
button:focus { border-color: black; outline: none; } 
button:active { color: black; background-image: -*-linear-gradient(bottom,#999999 0%,#999999 80%,#bbbbbb 100%); text-shadow: 2px 2px 0px white; } 
input { border: 1px solid black; box-shadow: 0px 2px 3px gray; }

#logo{ width: 100%; height: 56px; background-size: 100%; background: url("../img/logo.png") no-repeat center top; margin-top: 30px; } /* tmp */

.boutons_menu{ margin-top: 0px; }
.boutons_menu button { margin-bottom: 5px; }

#message_perdu { font-size: 1.3em;text-shadow: 2px 2px 0px black;color: white; }
#message_perdu span { font-size: 0.5em; display: block; }

#form_score { margin-top: 20px; }
#bouton_envoyer { margin-top: 10px; margin-bottom: 15px; }

.pub{width: 320px; height: 50px;}

.plus { cursor: pointer; width: 80px; height: 80px; background: url("../img/more-tap2play.png") no-repeat top left; background-size: 100%; position: absolute; right: 0px; top: 0px; }

#menu_leaders h1,#menu_choix_leaders h1 { color: white; text-shadow: 2px 2px 0px black; font-size: 1.5em; padding: 0px; } 
#conteneur_leaders{border: 1px solid black; background-color: rgba(255,255,255,0.4);font-size: 0.7em; margin-top: 5px; margin-bottom: 10px; height: 220px; overflow: auto; }
#leaders th{ font-size: 0.9em; }
#leaders{ width: 100%; height: 80%; } 
#conteneur_navigation { width: 100%; }
#conteneur_navigation button { width: 140px; float: left; font-size: 0.7em; margin: 5px; }
#bouton_retour { font-size: 0.7em; }

#leaders td:nth-of-type(1),#leaders td:nth-of-type(3){ text-align:center; }
#leaders th:nth-of-type(1){ width: 50px; }
#leaders th:nth-of-type(3){ width: 70px; }

#menu_choix_leaders h1 { color: white; margin-top: 30px; margin-bottom: 15px; }
#menu_choix_leaders button { width: 45%; font-size: 1em; float: left; margin: 5px; display: block; }

#info_meilleur { margin-top: 5px; color: white; text-shadow: 1px 1px 0px black; text-align: center; font-size: 0.8em; }
#message_record { text-align: center; color: red; font-weight: bold;position: absolute; top: 30px; left: 0px; transform: rotate(-45deg); animation: animrecord 0.5s linear infinite alternate; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000,-1px  1px 0 #000,1px  1px 0 #000; }

/* Animation pour le texte de record battu */
@keyframes animrecord{
	0%{ color: red; }
	100%{ color: yellow; }
}

#menu_stats h1 { color: white; margin-bottom: 15px;text-shadow: 2px 2px 0px black; }
#bloc_stats{width: 100%;border: 1px solid white;margin-top: 10px;margin-bottom: 10px;color: white;text-shadow: 2px 2px 0px black;padding-top: 10px;padding-bottom: 10px;box-shadow: 0px 2px 0px black;border-radius: 5px;background-image: -*-linear-gradient(top,#999999 0%,#999999 80%,#bbbbbb 100%); background-color: #999999;}
#bloc_stats div{width: 90%;margin: auto;clear: both;}
#bloc_stats label{width: 50%;float: left;display: block;}
#bouton_retour_stats{font-size: 0.8em;margin-bottom: 5px;}
#menu_principal button{ padding-bottom: 2px; padding-top: 2px; margin-bottom: 5px; font-size: 1.4em; }

/* Lorsque les scores sont désactivés */
.texte_fin_noscore{ padding-top: 60px !important; }