body 
{
   background-color: #84baf7;
   font-family: "Comic Sans MS",serif;
}

.en_tete
{
width: 790px;
height: 121px;
background-image: url("myst3.PNG");
background-repeat : no-repeat;
margin-left : 100px;
/*margin-left : 10px;*/
margin-bottom: 20px;
}

.pub
{
margin-left:350px;
padding-top:20px;

}

.menu
{
   background-color: #5a59ad;
   width: 130px;
   float: left;
   color: #84baf7; 
   padding-top: 7px;
}


ul
{
list-style: none;
margin-left: 0px;
padding-left: 0px;
text-align: center;
}

ul a
{
#84baf7; 
}

ul a:visited
{
color: #84baf7; 
}

.menu h3
{
text-align: center;
}

.corps
{
margin-left: 146px;
}


 h2
{
   background-color: #5a59ad; 
   padding: 1px;
   font-size: 1.3em;
   font-weight: normal;
 
}

ul a
{
text-decoration:none;
color: #84baf7;
}

a
{
text-decoration:none;
color: #5a59ad;
}

a:visited
{
text-decoration:none;
color:#5a59ad;
}

a:hover
{
text-decoration: underline;
}

.corps h2 a
{
color: #84baf7;
}

.corps h2 a:visited
{
color: #84baf7;
}


.decale
{
position:absolute;
left: 370px;
font-style:italic;
}
.decale2
{
position:absolute;
left: 330px;
}

.reponsedeja
{
color: rgb(255,126,58);
font-size: 1.3em;
border: 2px solid rgb(255,126,58);
padding: 3px;
text-align: center;
}

.reponsefait
{
color: rgb(255,0,0);
font-size: 1.3em;
border: 2px solid rgb(255,0,0);
padding: 3px;
text-align: center;
}
.reponsefaux
{
color: rgb(214,21,133);
font-size: 1.3em;
border: 2px solid rgb(214,21,133);
padding: 3px;
text-align: center;
}
.reponsebon
{
color: rgb(255,127,80);
font-size: 1.3em;
border: 2px solid rgb(255,127,80);
padding: 3px;
text-align: center;
}

.enigmes
{
font-size: 1.1em;
}

.retour
{
text-align: right;
}

.nontrouve
{
color : rgb(214,21,133);
position:absolute;
left: 480px;
font-style:italic;
}

.magie:hover
{
color : green;
}

.commentaire
{
color : green;
position:absolute;
left: 480px;

}