html, body{
    background-color: #EFFEFB;
	
    margin: 0;
    padding: 0;
    height: 100%;
}

#window-container{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
 /*   display: -webkit-box;
    display: -moz-box;
    display: box;*/
    -webkit-box-align: center;
    -moz-box-align: center;
    flex-align: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    flex-pack: center;
}

#game-container{
	max-width:1200px;
    /*width: 1200px;
    height: 775px;*/
    /*margin: auto;*/
	width:90%;
	margin:0 auto;
    padding-top: 20px;
    background: #EFFEFB;

}

.block{
	
	background-color: #fff;
	border: none;
	border-radius: 2px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.32);
	margin-bottom: 20px;
	min-height: 20px;
	padding: 5px;

}
#board-left {
    width: 20%;
    float: left;
}

#board-right {
    width: 14%;
    float: left;
}
#board-center {
    width: 65%;
    float: left;
    text-align: center;
}

img#logo {
    width: 96%;
    display: block;
    margin: 0 auto;
  /*  border: 4px solid black;*/
}

img#board {
    width: 80%;
    display: block;
    margin: 0 auto;
}

table#score-table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#score-table td, #score-table th {
  /*  border: 4px solid black;
  font-weight: bold;
    background: white;*/
    padding: 10px 0px;
    height: 36px;
    
}

table#legende-table {
   width: 100%;
    margin: 0 auto;
    height: 200px;
  /*  border: 2px solid black;
  background: white;
  */
    padding: 5px;
    
}
/*
#questions-table{
	width:90%;
	margin-top:40px;
    max-width:1200px;
    /*height: 200px;*/
    /*border: 2px solid black;
	background: white;	*/
  /*  padding: 5px;*/
    
}*/

#dice-table {
    width: 92%;
    margin: 0 auto;
    height: 120px;
    text-align: center;
    padding: 10px;
	/*font-weight: bold;
    border: 4px solid black;
    
    background: white;*/
}

table#pieces-table {
    width: 60%;
    margin: 0 auto;
}

#pieces-table td {
    padding: 5px 0px 7px 20px;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.btn_reponse{ display:none;}


.A{color:#FE9292;font-weight: bold; }
.B{color:#FFDECB;font-weight: bold; }
.C{color:#FFEA93;font-weight: bold }
.D{color:#D2B4FF;font-weight: bold }
.E{color:#35BCA0;font-weight: bold }
.F{color:#69A4FE;font-weight: bold }

.btn_reponse{ display:none;}

.pioche{
	width:2em;
	height:1em;
	border-radius:2px;
	margin:2px;
	
}

.pioche.A {background:#FE9292;display:inline-block;text-decoration:none;}
.pioche.B {background:#FFDECB;display:inline-block;text-decoration:none;}
.pioche.C {background:#FFEA93;display:inline-block;text-decoration:none;}
.pioche.D {background:#D2B4FF;display:inline-block;text-decoration:none;}
.pioche.E {background:#35BCA0;display:inline-block;text-decoration:none;}
.pioche.F {background:#69A4FE;display:inline-block;text-decoration:none;}


#score-table td{
	font-weight:normal;
	color:#433069;
}

/*
#score-table .A{ background: #F66262;}
#score-table .B{ background: #F6A562;}
#score-table .C{ background: #F6DB62;}
#score-table .D{ background: #A597DE;}
#score-table .E{ background: #5CE75C;}
#score-table .F{ background: #55D7D7;}*/

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.A{ background: #FE9292;}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.B{ background: #FFDECB;}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.C{ background: #FFEA93;}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.D{ background: #D2B4FF;}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.E{ background: #35BCA0;}
.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix.ui-draggable-handle.F{ background: #69A4FE;}

élément {
	background: #69A4FE;
}
#t0,#t2,#t4,#score-table .A,#score-table .C,#score-table .E{background:#f5f5f5;}


	
.clear{clear:both;}


#dicebutton{
	background: #51a4d1;
  background-image: -webkit-linear-gradient(top, #51a4d1, #156692);
  background-image: -moz-linear-gradient(top, #51a4d1, #156692);
  background-image: -ms-linear-gradient(top, #51a4d1, #156692);
  background-image: -o-linear-gradient(top, #51a4d1, #156692);
  background-image: linear-gradient(to bottom, #51a4d1, #156692);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 17px;
  padding: 10px 20px 10px 20px;
  border: solid #387fab 1px;
  text-decoration: none;
}



.credit a{
	font-size:0.8em;
	text-decoration:none;
	color:#53716B;
	text-align:center;
	font-weight:bold;
}