@charset "UTF-8";
body {
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
}
p { margin:0px; line-height:1.5em; }
.Stdi_MotCroises {
	/*background-image:url(images/header_logo.jpg);*/
	/*background-repeat:no-repeat;*/
	/*background-size: contain;*/
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	margin:5px auto;
	border:solid 1px #AAAAAA; 
	/*padding: 10px;*/
	/*padding-top: 90px;*/
	min-height:250px;
	max-width:1024px;
	width:90%;
}
.Stdi_MotCroises .header {
	background-color: #6eaa27;
	width: 100%;
	height: 75px;
	color: white;
	display: flex;
	justify-content: center;
}
.Stdi_MotCroises #titre {
	font-size:20px;
	font-weight:bold;
	margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 15px;
    color: #6eaa27;
	line-height:normal;
}
.Stdi_MotCroises #consigne {
	margin-left:20px;
	line-height:normal;
	color: #1d1d1b;
}
.Stdi_MotCroises #definitions {
	margin-left:50px;
	line-height:normal;
	color: #1d1d1b;
}
.Stdi_MotCroises #grille { margin-left:50px; }
.Stdi_MotCroises #footer { height:80px; }
.Stdi_MotCroises .puce_MC_horizontal {
	background-color: #7a5f92;
	padding:3px 10px;
	color:#FFF;
	font-weight:bold;
}
.Stdi_MotCroises .puce_MC_vertical {
	background-color: #7a5f92;
	padding:3px 10px;
	color:#FFF;
	font-weight:bold;
}
.Stdi_MotCroises .btn { cursor:pointer; padding:5px; background-color:#36F; color:#FFF; float:left; margin-right:10px; margin-bottom:10px; }
.Stdi_MotCroises .inactif { opacity:.5; }
.Stdi_MotCroises .grille td { outline:dashed thin #39F; width:30px; height:30px; text-align:center; position:relative;}
.Stdi_MotCroises div.lettre { width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises div.editable { background-color:#EFEFEF; cursor:pointer; -webkit-user-select: none; }
.Stdi_MotCroises .mot td { outline:dashed thin #39F; width:30px; height:30px; text-align:center; }
.Stdi_MotCroises .newMot { background-color:#FFC; width:150px; height:20px; margin-top:5px; text-align:center; }

.Stdi_MotCroises .contentGrille { clear:both; }
.Stdi_MotCroises .myGrille { float:left; width:600px; border:#999 solid 1px; padding:5px; position:relative;}
.Stdi_MotCroises .myGrilleTest { width:1000px; border:#999 solid 1px; background-color: #fff ; margin-bottom: 30px; display: none;}
.Stdi_MotCroises .myListeMots { width:150px; margin-left:620px; border:#999 solid 1px; padding:5px; }

.Stdi_MotCroises .survol { background-color:#D6EFFC !important; }
.Stdi_MotCroises .active { background-color:#FFFA00 !important; }
.Stdi_MotCroises div { text-indent:0px; }
.Stdi_MotCroises td { outline:none; }
.Stdi_MotCroises div { outline:none; }
.Stdi_MotCroises p {
	margin: 0px;
	padding:5px;
	cursor:default;
	line-height:normal;
	text-indent:0px;
	outline:none;
}
.Stdi_MotCroises .lettre {
	border: solid 1ps #666;
	text-align: center;
	color:#0f228c;
	-webkit-user-select: none;
}
.Stdi_MotCroises .numberV { background-color: #7a5f92; color:#FFF; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .numberH { background-color: #7a5f92; color:#FFF; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .casegrise { background-color: #1d1d1b; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .lettre { cursor:pointer; color: #e6007e; background-color:#EFEFEF; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .lettrefixe { background-color: #fff9bf; color: #1d1d1b; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .jaune { background-color:#fbf230; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .motActif { background-color:#fffde6; }
.Stdi_MotCroises .lettreActive { background-color:#D6EFFC; }
.Stdi_MotCroises .reponse { background-color:#eff9ff; }
.Stdi_MotCroises .smallNumber { font-size:85%;  background-color:#9CF; z-index:10; text-align:center; }
.Stdi_MotCroises .smallNumber2 { 
	z-index:10000;
	position:relative;
	left:0;
	text-align: right;
	top: -15px;   
	background-color:yellow;
	height:0px;
	font-size:14px;
	cursor:default;
}
.Stdi_MotCroises .lettrefixecoul1 { background-color:#fbd4b8; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .lettrefixecoul2 { background-color:#eff1c7; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .lettrefixecoul3 { background-color:#debfda; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .lettrefixecoul4 { background-color:#cae6e8; width:25px; height:25px; text-align:center; padding-top:5px; padding-bottom:0px; font-weight:bold; }
.Stdi_MotCroises .btnExercice {
	background-color: #6eaa27;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	max-width: 180px;
	text-align: center;
	float:right;
	margin:10px;
	padding:5px 10px 5px 10px;
}
.Stdi_MotCroises .inactif{
	cursor: default;
	background-color:#CCC;
}
.Stdi_MotCroises #messages {
	float:left;
	width: 40%;
	margin:10px 0 0 15px;
}
.Stdi_MotCroises #blocFaux { border:solid 1px #FF0000; background-color:#EEEEEE; }
.Stdi_MotCroises #blocBon { border:solid 1px #009933; background-color:#EEEEEE; }
.Stdi_MotCroises .textMessage {
	padding: 10px 0; 
	padding-top:10px;
	margin-bottom:0px;
	text-align:center;
}