@charset "UTF-8";
#content{
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor:default;
}
/*
article { border: dashed 1px #000000; }
*/
.STDI_Audio { display: none; }

.STDI_BtnPlayerConsigne {
	width: 25px;
	margin: 0px 10px;
	clear: both;
	float: left;
	cursor: pointer;
}
.Stdi_Pendu {
	font-family: 'OpenDyslexic-Regular', Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-right: 20px;
}
.Stdi_Pendu table , .Stdi_Pendu td {
	border-spacing: 0px;
	padding:1px;
}


.Stdi_Pendu #catapulte {
	color:#008cd7;
	cursor:default;
	margin: 0;
	width: 600px;
	border: solid 1px #03bfd7;
}
.Stdi_Pendu #catapulte img {
	margin-bottom: 0px;
	width: 100%;
}

.Stdi_Pendu #motPendu1 table {
	margin: 20px auto;
}
.Stdi_Pendu #motPendu {
	width: 600px;
	position: relative;
}
.Stdi_Pendu #motPendu table {
	margin: 20px auto;
}
.Stdi_Pendu .tdLettre{
	border:#f89617 solid 2px;
}

.Stdi_Pendu #grille {float:left; width:480px; border-left: #999 solid 1px; }
.Stdi_Pendu #clavier { width:550px; margin: 0; margin-left: 25px; }


.Stdi_Pendu .lettre { color:#0f228c; }
.Stdi_Pendu .lettreBonneReponse { color:#05AE29; }
.Stdi_Pendu .lettreMauvaiseReponse { color:#000; }

.Stdi_Pendu .reponse { background-color:#eff9ff; }

.Stdi_Pendu td div {
	width:35px;
	height:35px;
	font-size:18px;
	line-height:35px;
	text-align:center;
	font-weight:bold;
}

.Stdi_Pendu .btnExercice {
	background-color: #008CD7;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	max-width: 180px;
	text-align: center;
	float:right;
	margin:10px;
	padding:5px 10px 5px 10px;
}

.Stdi_Pendu #messages {
	position: absolute;
	top: 475px;
	width: 600px;
	left: 225px;
}
.Stdi_Pendu #blocFaux { border:solid 1px #FF0000; background-color:#EEEEEE; height: 100px; }
.Stdi_Pendu #blocBon { border:solid 1px #009933; background-color:#EEEEEE;  height: 100px; }
.Stdi_Pendu .textMessage {
	margin-bottom:0px;
	text-align:center;
	line-height: 100px;
}
.Stdi_Pendu .lettreClavier {
	padding:3px;
	float:left;
	color:#FFF;
	border-radius: 2px;
	width:30px;
	line-height:30px;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
	font-size:18px;
	font-weight:bold;
}
.Stdi_Pendu .lettreClavierActif {
	background-color:#008cd7;
	cursor:pointer;
}
.Stdi_Pendu .lettreClavierInActif {
	background-color:#EFEFEF;
	cursor:default;
}

.Stdi_Pendu #footer {
	border-top: solid 1px #999;
}

.STDI_btnPlaySpy {
	text-align: center;
}

#playSpy {
	width: 70px;
	cursor: pointer;
}

.STDI_BtnPlayer{
	position: absolute;
	top:0;
	right:0;
}