.div_word,.word,.virgule{
	display: flex;
	
	margin-right: 5px;
	padding:5px;
	box-sizing: border-box;
	
}

#btns{
	font-size:1em !important;
	display: flex;
	flex-direction: column;
	position: fixed;
	top:50%;
	right: 5%;
	justify-content: space-between;
	z-index: 102;
	margin-top: 5px;
	user-select: none;

	
}
#listen,#button-valid,#button-next{
	margin-top: 7px;
	margin-bottom: 7px;
	margin-right: 7px;
	user-select: none;
}

.btn-stop-practice{
	display:none;	
}
#button-valid{
	
	display: none;	
	
}




#content{
	cursor:pointer;
	text-align: center;
	font-size: 1.5em !important;
	position:relative;
	font-family: 'arial';
	
	margin:auto;
}
#sun{
	position: absolute;
	top:0%;
	left: 0%;
}

.bg{
	display:flex;
	width:100%;
}
.bg_mobile{
	display:none;
	}

.container{
	position: relative;
	
	
	
}

.word_corrected{
	margin-right: 10px;
	padding:10px;
	box-sizing: border-box;
}
.div_word	{
	position: relative;
	background-image: url('../../images/sentence/nuage.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
input{
	text-align: center;
	font-size: 100% !important;
	font-family: 'arial';
	display: none;
	position: absolute;
	z-index:100;
	top: 50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	width: inherit;
	cursor:text;
	height: 50% !important;

}





.sentence{
	
	flex-wrap: wrap;
	background: initial;
	z-index:100;
	position: absolute;
	top:115px;
	left:10%;
	font-size:34px;
	font-family: 'arial';

}
.btn-ok{
	z-index:1000;
	cursor:pointer !important;
	
}
.correction{
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	color:green;
	position: absolute;
	top:-10%;
	font-family: 'arial';

	
}

.word_corrected{
	visibility: hidden;
	
	
	
	
}

@media all and (max-width: 500px)
{
 	.bg{
		display:none;

	}
	.bg_mobile{
	display: flex;
	width:100%;
	}


}

@media all and (max-width: 800px)
{
   .sentence,.correction{
	font-size:15px !important;


	}
	#sun{
		width:25%;
	}


}

@media all and (max-width:800px)
{
	
	

	#btns{
	font-size:0.8em !important;
	position: absolute;
	top:0%;
	}


	
}
@media all and (max-width:700px) and (orientation:landscape)
{
   
	#btns{
	font-size:0.7em !important;
	position: absolute;
	top:0%;
	right: 0%;
	
}


}

@media all and (min-height: 1000px)
{

  #content{
  	margin-top:150px;
  }
}