body {
  font-family:"Comic Sans MS"; 
  background-color:#536E7D;
  color:#F2B28D;
  text-align:center;
}
h1 {
  background-color:#1A3540;
  color:#F2DCB3;
  font-size:3em;
  font-weight:normal;
}
h2 {
  margin:auto;
  margin:10px 0 10px 0;
  color:#F2B28D;
  line-height:2em;
}
h3 {
  color:#786056;
  line-height:1.5em;
}
a {
  color:#F2DCB3;
  text-decoration:overline underline;
  font-weight:bold;
}
input, select {
  font-size:1em;
  background-color:#536E7D;
  color:#F2B28D;
  font-weight:bold;
  border:1px solid #F2DCB3;
  text-align:center;
  cursor:pointer;
}
input:hover {
  background-color:#1A3540;
  color:#F2DCB3;
  border:1px solid #F2DCB3;
}
input:focus {
  border:3px outset #F2DCB3;
}
table { 
  width:100%;
  margin:auto;
}
td {
  font-size:1.4em;
  width:10%;
  border:3px solid #1A3540;
}
td input {
  width:100%;
}
td.quadrillage {
  margin:auto;
  border:3px solid #F2DCB3;
  background-color:#1A3540;
  color:#F2DCB3;
  font-weight:bold;
  text-align:center;
  width:10% !important;
}
table.quadrillage {
  margin:auto;
  width:60%;
}
td.caisse, td.repere {
  background-color:#F2B28D;
  color:#786056;
  border:3px ridge #786056;
  font-weight:bold;
}
td.syllabe, td.mot {
  color:#1A3540;
  background-color:#F2DCB3; 
  border:3px outset #1A3540;
  font-weight:bold; 
}
#donneesJeu {
  float:left;
  margin:auto;
  width:39%;
}
#donneesJeu img {
  width:100%;
}
#legendeJeu, #reponseJeu {
  float:left;
  margin:auto;
  width:30%;
}
#legendeJeu table {
  margin:auto;
  width:50%;
}
#reponseJeu #jouer {
  display:none;
}
#reponseJeu input {
  width:30%;
}
#pub, #google {
  clear:both;
  line-height:2em;
}
#cadreRecords {
  background-color:#1A3540;
  color:#F2DCB3;
  margin:auto;
  width:80%;
  border:1px solid #F2DCB3;
}
#pendu .image {
  float:right;
  width:45%;
  text-align:left;
}
#pendu .mot {
  margin-top:100px; 
  float:left; 
  width:53%; 
  text-align:right;
  font-size:1.8em;
}
#clavier {
  width:600px;
  margin:auto;
  margin-top:270px;
  clear:both;
  border:1px solid #F2DCB3;
}
#rail {
  height:120px;
  width:760px;
  margin:auto;
}
#imageLBM, #imageLBA {
  width:120px; 
  height:120px; 
  position:relative;
  border:3px ridge #F2DCB3;
  background:url("../images/lecture.jpg");
}
#motLBI {
  width:120px;
  line-height:120px;
  position:relative; 
  border:5px ridge #1A3540; 
  text-align:center; 
  font-size:1.5em; 
  font-weight:bold; 
  color:#1A3540;
  background-color:#F2DCB3; 
}
#motsMelanges {
  line-height:2em;
  height:2em;
}
#motsMelanges li {
  display:inline;
  padding:10px;
  border:1px solid #F2DCB3;
  list-style:none;
  cursor:pointer;
  font-size:1.5em;
}
#jeuCourant {
  display:none;
}

#clavier .pendu {
  color:#F2DCB3;
  width:50px;
  border:3px outset #F2DCB3;
}
.lettrePendu {
  display:inline-block;
  width:50px;
  font-size:1.8em;
  text-align:center;
  border:1px solid #F2DCB3;
}
#clavier .pendu.ok {
  background-color:#009900;
}
#clavier .pendu.ko {
  background-color:#990000;
}

.juste {
  background-color:rgb(0,255,0);
  color:#F2DCB3;
  font-weight:bold;
}
.faux {
  background-color:rgb(255,0,0);
  color:#F2DCB3;
  font-weight:bold;
}
.gauche {
  text-align:left;
}
/*.majuscule{color:red;}*/
.important {
  font-weight:bold;
  color:rgb(255,0,0);
}
.google {
  margin:auto; 
  line-height:2em; 
  text-align:center;
}
.titre {
  font-weight:bold;
  text-decoration:underline;
}
.barreChrono { 
  background-color:red; 
  width:400px; 
  margin:auto;
}
.pointeur {
  cursor:pointer;
}
.motEphemere {
  background-color:#1A3540;
  color:#F2DCB3;
  font-weight:bold;
  font-size:1.4em;
  width:300px;
  margin:auto;
}
#motReponse {
  font-size:1.4em;
  width:300px;
}
.pointer { 
  background-color:#1A3540;
  border:3px solid #F2DCB3;
  cursor:pointer;
  font-weight:bold;
  font-size:1.4em;
  width:100px;
  margin:auto;
}

.raccourcis {
  color:#1A3540;
  font-weight:bold;
}
.raccourcis a{
  color:#F2B28D;
  background-color:#536E7D;
  border:3px outset #F2B28D;
  padding:2px;
  text-decoration:none;
}
.raccourcis a.courant {
  color:#536E7D;
  background-color:#F2B28D;
  border:3px outset #536E7D;
}
.jeu {
  margin:auto;
  margin:10px 0 10px 0;
  background-color:#1A3540;
  border:5px solid #F2B28D;
}
.jeu  img {
  width:100px;
  border:none;
}
.rejouer {display:none;}
.vide { 
  border:0;
}
.etage {
  font-size:2em;
  border:1px solid #F2DCB3;
  margin:0;
  width:80%; margin:auto;
  color:#F2DCB3;}
.ciel {
  background-color:#F2DCB3;
  color:#1A3540;
}
.terre {
  background-color:#786056;
  color:#F2B28D;
}
.conjugaison {
  width:60%; 
  margin:auto;
  font-size:1.2em;
  text-align:left;
}
.terminaison {
  width:100px;
  font-size:1.5em;
}
.bouton {
  width:100px;
  font-size:1.5em;
  background-color:green;
  color:red;
}
.cache {
  display:none;
}
.reponse {
  width:150px;
  font-size:1.5em;
  cursor:pointer;
}
.reponseImage {
  width:120px;
  height:120px;
  background:url("../images/lecture.jpg");cursor:pointer;
}
img.clicimages {
  border:0;
  width:75px; 
  height:15px;
}

#logo {
  float:left;
  width:15%;
}
#logo img{
  width:100px;
  border:0;
}
#courriel {
  float:right;
  width:15%;
  line-height:4.7em;
  font-size:0.3em;
}
#courriel a {
  color:#F2B28D;
  font-weight:bold;
  text-decoration:overline underline;
}