body{font-family:Verdana, Arial; font-size:12; margin:0px; padding:0px; border-top:1px solid white;}
h3{font-size:20; font-weight:normal;}
p{margin:0px;padding:0px;}
form{display:inline;}
table tr td{font-size:12px;}
input, select, option, textarea{font-family:Verdana, Arial; font-size:12px; font-weight:normal; margin:0px; padding:0px;}

#partie{position:fixed; top:0px; width:100%; height:4.5em; overflow:hidden; z-index:98; border-bottom:2px solid orange; background-color:#FFFFC2;}
#partie #ctrlAffichage{font-size:10px; color:darkred; font-weight:bold; visibility:hidden;}
#partie #ctrlAffichage:hover{cursor:pointer;}
#resume{height:4.5em;}
#partie #icone{width:4.5em; margin:3px; margin-top:0px; vertical-align:top;}
#partie h3{display:inline-block; width:150px; margin:5px; margin-top:0px;}
#idGame{display:block; font-size:20px; font-weight:bold;}
#gameTitle{display:block; font-size:12px; font-style:italic;}
#score{display:inline-block; font-size:2.8em; margin-left:1em; vertical-align:top;}
#partie .avatar{max-width:150px; height:auto; max-height:1.6em; vertical-align:middle;}
#dominations{margin-bottom:5px;}
.domination{color:transparent; vertical-align:middle; margin:4px; width:42px; height:30px; border:3px solid #FFFFC2;}
input.domination{width:46px; height:34px;}
.j0{border:2px dashed #FFFFC2; font-weight:bold;}
.j1{border:3px solid #390; color:#390; font-weight:bold;}
.j2{border:3px solid #D73; color:#D73; font-weight:bold;}
#pioches, #pioches_echos{margin-left:10px; margin-top:10px; margin-bottom:10px;}
.pioche{margin-right:5px; width:87px; height:64px;}


#infos{border:1px solid grey; position:fixed; right:1em; top:6em; bottom:12em; width:400px; background-color:white; z-index:97;}
#moniteur{width:400px; height:300px;}
#journal{width:400px;position:absolute; top:300px; bottom:0; overflow:auto;}
.journal_j1{background-color:#DFB; color:#390;}
.journal_j2{background-color:#FEB; color:#D73;}
.ext1{font-style:italic;}

#jeu{position:absolute; top:6em; right:430px; left:15px;}
#joueur_haut{position:relative;}
#joueur_bas{clear:both;}
#mainInfProjets{ float:left; margin-right:1em;}
.cardContainer{height:18px;}
.interCardColumnSpacer{height:10px;}
.endCardColumnSpacer{height:90px;}
.en_jeu{width:150px;position:absolute;}
.en_jeu:hover{border:2px solid red;}
.carteContainer{position:relative; border:1px solid black; border-radius:6px; width:150px; height:109px;overflow:hidden}
.carteContainer:hover{border:3px solid red;}
.carteContainer img{width:158px; height:115px; position:absolute; top:-3px; left:-4px;}
.en_main{width:150px;}
.en_main:hover{border:2px solid red;}
.nom_j{font-size:16px; font-weight:bold;}
#nomj1{background-color:#DFB; color:#390; padding:3px; text-align:center;}
#nomj2{background-color:#FEB; color:#D73; padding:3px; text-align:center;}
.main, .inf, .projets{width:150px;}
#main1 p, #inf1 p, #projets1 p{font-weight:bold; color:#390; margin-top:10px; text-align:center;}
#main2 p, #inf2 p, #projets2 p{font-weight:bold; color:#D73; margin-top:10px; text-align:center;}
table.cartes_cachees{width:100px; margin:auto;}
table.cartes_cachees tr td{width:75px; text-align:center;}
.couleurs{margin:1em;}

#ressourcesSpecial{position:fixed; right:1em; bottom:1em;}

#ressources{width:399px; height:70px; padding-left:1px; overflow:auto; border:1px solid black; overflow:hidden;}
#ressources table tr td{text-align:center; font-size:10px;}
.ressource{width:20px;height:20px;}
.ressources_j1{font-weight:bold; color:#390;}
.ressources_j2{font-weight:bold; color:#D73;}
.ressources_j3{font-weight:bold; color:red;}

#action_speciale{width:400px; height:40px; border:1px solid black;}

#chat{display:inline-block; border:1px solid black;}
#affichage_chat{height:65px; overflow:auto; margin-bottom:5px;}
#textchat{width:100%;}
.intervenant{font-weight:bold;}

#identification{z-index:99; background-color:lightgrey;}
.r {background-color:#FEA6A2; color:darkred;border:2px solid darkred;}
.r input{color:white; background-color:darkred; font-weight:bold;}
.v {background-color:#AFE29D; color:darkgreen;border:2px solid darkgreen;}
.v input{color:white; background-color:darkgreen; font-weight:bold;}
.b {background-color:#B9D5FE; color:darkblue;border:2px solid darkblue;}
.b input{color:white; background-color:darkblue; font-weight:bold;}
.m {background-color:#E0B9FE; color:darkviolet;border:2px solid darkviolet;}
.m input{color:white; background-color:darkviolet; font-weight:bold;}
.j {background-color:#FEFDCB; color:darkorange;border:2px solid darkorange;}
.j input{color:white; background-color:darkorange; font-weight:bold;}

.titre_partie{font-weight:bold;}
span.joueur_actif, .message{font-weight:bold; color:red;}
.gagnant{font-weight:bold; color:green;}
.archives{margin:10px;}
.note{font-size:10px;}

/*
Symfony fragments
*/
.alert, .alert:hover{background-color:#006FFF; color:white; font-weight:bold;}
#identification{position:relative; border:0px;}
header h1 a{color:inherit;}
header nav{z-index:2; position:absolute; top:0px; right:0px; font-size:10px; text-align:left;}
header nav ul{height:17px; overflow:hidden; display:inline-block; list-style-type:none; margin:0px; padding:0px; z-index:2; color:grey; border-top:1px solid grey; position:relative; vertical-align:top;}
header nav ul:hover{overflow:visible; color:black;}
header nav ul li{background-color:#FFBD00; border:1px solid grey; border-top:0px;}
header nav ul li span, header nav ul li a{color:inherit; font-weight:inherit; padding:2px; display:block; text-decoration:none;}
header nav ul li a:hover{background-color:#FFF5AB;}
.menuSection{font-weight:bold;}