.word {
	display: inline-block;
	border-radius: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #fff;
	color: #333;
	margin: 12px 10px;
	padding: 15px 10px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}

.word-red {
	background-color: #FF396F;
	box-shadow: 0px 5px 10px rgba(240, 80, 110, .6) !important;
}

.word-blue {
	background-color: #1E87F0;
	box-shadow: 0px 5px 10px rgba(30, 135, 240, .6) !important;

}
.word-white {
	background-color: #FFE194;
	/* FFE194 */
	box-shadow: 0px 5px 10px rgba(153, 153, 153, .6) !important;
}
.word-black {
	color: #fff;
	background-color: #333;
	box-shadow: 0px 5px 10px rgba(51, 51, 51, .60) !important;
}
.trouve {
	color: transparent; 
}

.disposition {
	margin-left: 30%;
}
.score{
 margin-right: 10%;
 margin-left: 10%;
 margin-top: 10%;
 margin-bottom: 10%;
}

.score-joueur {
	margin-top: 1%;
	margin-left: 35%;
	margin-right: 35%;
}


.dispo {
	margin: 6px 5px;
	border-radius: 5px;
	text-indent: -9999px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, .2);
}

.team-red {
	border-radius: 10px;
	/*box-shadow: 0px 0px 25px rgba(240, 80, 110, .5);*/
}
.team-blue {
	border-radius: 10px;
	/*box-shadow: 0px 0px 25px rgba(30, 135, 240, .5);*/
}

.body-blue {
	background: rgb(45,21,130);
	background: -moz-linear-gradient(90deg, rgba(45,21,130,1) 0%, rgba(25,160,255,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(45,21,130,1) 0%, rgba(25,160,255,1) 100%);
	background: linear-gradient(90deg, rgba(45,21,130,1) 0%, rgba(25,160,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d1582",endColorstr="#19a0ff",GradientType=1);
}

.body-red {
	background: rgb(211,16,39);
	background: -moz-linear-gradient(90deg, rgba(211,16,39,1) 0%, rgba(221,94,137,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(211,16,39,1) 0%, rgba(221,94,137,1) 100%);
	background: linear-gradient(90deg, rgba(211,16,39,1) 0%, rgba(221,94,137,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d31027",endColorstr="#dd5e89",GradientType=1);
}

.logo {
	height: 96px;
	width: 96px;
}

.logo_menu {
	position: absolute;
	top: 2%;
	left: 2%;
	height: 64px;
	width: 64px;
}

.text-red {
	color: #FF396F !important;
}

.text-blue {
	color: #1E87F0;

}
.text-white {
	color: #eea653 !important;
	}

.body-red1 {
	  background: rgb(245,78,162);
background: -moz-linear-gradient(90deg, rgba(245,78,162,1) 0%, rgba(255,118,118,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(245,78,162,1) 0%, rgba(255,118,118,1) 100%);
background: linear-gradient(90deg, rgba(245,78,162,1) 0%, rgba(255,118,118,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f54ea2",endColorstr="#ff7676",GradientType=1); 
}

/* flip card */
.content {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  border-radius: 10px;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-word{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
  }
  
.red {
background-color: red;
}