.select_left {
	position: absolute;
	top: 39%;
	left: 2%;
	height: 150px;
	width: 150px;
	z-index:100000000000;
}

.select_right {
	position: absolute;
	top: 39%;
	right: 2%;
	height: 150px;
	width: 150px;
	z-index:100000000000;
}

.fas.fa-play-circle {
	width: 150px;
	height: 150px;
	font-size: 9em;
	color: #4acbf0;
	border: 3px solid #888;
	border-radius: 50%;
	background-color: #D5D5D9;
}

.fas.fa-play-circle:hover {
	color: #ffbf51;
	background-color: #D5D5D9;
}




.bouton_play {
	position: absolute;
	z-index: 1000000000;
	width: 150px;
	height: 150px;
	transform: translate(-50%,-50%);
	left: 50%;
	top: 50%;
	cursor: pointer;
}

#level_5 {
	position: absolute;
	z-index: 1;
	bottom: 0;
}



.block_sms {
	width: 276px;
	max-height: 335px;
	position: absolute;
	bottom: 226px;
	right: 28px;
	z-index: 1;
	padding: 7px;
	font-size: 14px;
	overflow-y: scroll;
}

.win {
	width: 59%;
	background: #f8f9fa;
	height: 173px;
	top: 34%;
	position: absolute;
	left: 19%;
	/* opacity: 0.9; */
	z-index: 2;
}

.w4 {
	height: 235px;
}

.w-title {
	padding: 10px;
	width: 100%;
	background-color: #19b8e6;
	color: #fff;
}



.send {
	position: relative;
	width: 200px;
	background-color: #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;
	display: block;
	float: left;
}

.inbox {
	position: relative;
	width: 200px;
	background-color: #ccc;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;
	display:block;
	float:right;
}

.avt_send {
	width: 37px;
	position: relative;
	float: left;
	margin-right: 10px;
}

.avt_inbox {
	width: 37px;
	position: relative;
	float: left;
	margin-right: 10px;
}

.block_mobile {
	position: absolute;
	right: 0;
	height: 85%;
	bottom: 0;
}

.danse_plancher {
	position: absolute;
	z-index: 0;
	/* top: ; */
	width: 176%;
	/* height: 150px; */
	left: -470px;
	top: 662px;
}

.danse_plancher { 
    transition: 3s transform;
   transform: rotate(); 
   animation: rotation 30s infinite linear
  }
  
  @keyframes rotation {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

#women_walk {
	position: absolute;
}

#men_taichi {
	position: absolute;
}

#data_game {

position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
        width:1280px;
        height:800px;
}

.interface {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 1280px;
	height: 800px;
	z-index: 1;
}

.btn.btn_game.shadow.position-absolute {
	z-index: 10;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);
background: url("./images/bouton.png")repeat-x;	
width:300px;
height:50px;
color:#1d70b7;
cursor:pointer;
font-size:22px;
font-weight:bold;
}

.btn_game:hover
{
color:#f29100 !important;
}

.volume {
	cursor: pointer;
	z-index: 1;
	position: absolute;
}

#banc {
    bottom: 84px;
    position: absolute;
}



#counter {
	color: #1d70b7;
	font-family: "Courier New", Courier, monospace;
	font-size: 32px;
	line-height: 38px;
	border: 3px double #f29200;
	border-radius: 19px;
	box-shadow: 2px 2px 10px #555;
	-moz-box-shadow: 2px 2px 10px #555;
	-webkit-box-shadow: 2px 2px 10px #555;
	font-weight: bold;
	background: #e4f2ff;
	opacity: 0.8;
	position: absolute;
	right: 20px;
	top: 33px;
	padding-right: 10px;
	padding-left: 10px;
}
.digit
{
	display:inline;
}

.fas.fa-star.mr-2 {
	left: 1062px;
	position: absolute;
	top: 40px;
	font-size: 28px;
	color: #ffc107;
}

.fas.fa-expand {
	z-index: 2;
	position: absolute;
	font-size: 24px;
	color: #fff;
	right: 27px;
	cursor: pointer;
	top: 5px;
}

#papy_dialog {
	width: 59%;
	padding: 2em;
	position: absolute;
	color: #fff;
	background: #17a2b8;
	border-radius: 21px;
	top: 20%;
	left: 19%;
}

.block_sound {
	width: 59%;
	background: #f8f9fa;
	height: 142px;
	top: 34%;
	position: absolute;
	left: 19%;
}

.block_answer {
	width: 59%;
	background: #f8f9fa;
	top: 34%;
	position: absolute;
	left: 19%;
}

.answer_sound_1
{
    background-image: url("../../images/sur_banc/canard.jpg");

}

.answer_sound_2
{
    background-image: url("../../images/sur_banc/ecureuil.jpg");

}

.answer_sound_3
{
    background-image: url("../../images/sur_banc/pivert.jpg");

}

.answer_sound_4
{
    background-image: url("../../images/sur_banc/pigeon.jpg");

}

.answer_sound_5
{
    background-image: url("../../images/sur_banc/mesange.jpg");

}

.answer_sound_1, .answer_sound_2, .answer_sound_3, .answer_sound_4, .answer_sound_5 {
	width: 120px;
	position: relative;
	height: 120px;
	border-radius: 17px;
	margin-top: 11px;
        margin-bottom: 11px;
	float: left;
	margin-right: 15px;
	margin-left: 16px;
	cursor:pointer;
}

.answer_1 , .answer_2, .answer_3, .answer_4 , .answer_5, .answer_6,.answer_7 , .answer_8, .answer_9 ,.answer_10,.answer_11,.answer_12 {
	background-color: #17a2b8;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
	margin-bottom: 11px;
	text-align:center;
}

.answer_1:hover , .answer_2:hover, .answer_3:hover,.answer_4:hover , .answer_5:hover, .answer_6:hover ,.answer_7:hover , .answer_8:hover, .answer_9:hover ,.answer_10:hover, .answer_11:hover ,.answer_12:hover {
	background-color: #19b8e6;

}