body {
width:400px;
margin-left:auto; 
margin-right:auto;
padding:0; 
height : auto;
margin-top:3%;
margin-bottom:3%;
background-image: url(images/motifraye.gif);
background-repeat: repeat;
}
#titre {
font: bold 100% "verdana", "helvetica", "arial", "helv";
text-align : center;
margin-bottom : 0px;
margin-left:20%;
margin-right:20%;
}

#titreaut {
font: bold 100% "verdana", "helvetica", "arial", "helv";
text-align : center;
margin-bottom : 0px;
margin-top : 0px;
}

#milieu {
 background-color:#ffffff;
 width:400px;
 padding : 10px;
 border: inset 1px #000000;
 height:auto;
}


#narration {
width:400px;
font: normal -1 "verdana", "helvetica", "arial", "helv";
text-align : justify;
margin: 0px;
}

#scenario {
width:auto;
font: normal -1 "verdana", "helvetica", "arial", "helv";
text-align : justify;
margin-left: 10%;
margin-right:10%;
margin-bottom : 0px;
margin-top : 0px;
}

#choix {
font: normal -1 "verdana", "helvetica", "arial", "helv";
text-align : justify;
}


a {
margin-top:10px;
margin-bottom:10px;
font: bold -1 "verdana", "helvetica", "arial", "helv";
color : black;
}

a:hover{
font-style: italic;
font-weight: bolder;
color: red;
}


#suite{
float : right;
margin-right : 1em;
}

#retour{
margin-top:2em;
margin-left:21%; 
margin-right:21%;
margin-bottom:2em;
}

td {
vertical-align: top; 
}


img#espace {
margin-top:10px; 
margin-bottom:10px;

}