body {
width:400px;
margin-left:auto; 
margin-right:auto;
padding:0; 
height : auto;
margin-top:1%;
margin-bottom:5%;
background-image: url(images/motifetoile.gif);
background-repeat: repeat;
z-index:-1;

}
#titre {
font: bold 100% "verdana", "helvetica", "arial", "helv";
text-align : center;
margin-bottom : 0px;
margin-left:10%;
margin-right:10%;
}


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

#milieu {
 background-color:#dcdcdc;
 width:400px;
 padding : 10px;
 border: outset 3px #999999;
 height:auto;
 padding-bottom:0px;
 z-index:-1;
}

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

#milieuaut a {
font-weight:bold;
color :#cc00ff;
}

#milieuaut a:hover{
font-style: italic;
font-weight: bolder;
}

a {
font-weight:bold;
color :#cc00ff;
}

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

p{
font-size:90%;
margin-bottom:30px;
}

#narration {
width:400px;
text-align : justify;
margin: 0px;
}

#scenario {
width:auto;
text-align : justify;
margin-left: 10%;
margin-right:10%;
margin-bottom : 0px;
margin-top : 0px;
}

#choix {

text-align : justify;
margin-top:7px;
margin-bottom:7px;
padding:0;
}


#choix a {
font-weight:bold;
text-decoration:none;
color : black;
}

#choix a:hover{
font-style: italic;
font-weight: bolder;
color:#9900cc;
}


a#suite  {
/*margin-top:30px;*/
float : right;
margin-right : 10px;
font-weight:bold;
text-decoration:none;
color:black;
}

a#suite:hover{
color:#9900cc;
font-style:italic;
font-weight:bolder;
}


#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;

}




#boite {
position:absolute;
width:240px;
height:auto;
top:100px;
left:15px;
padding:10px;
font: normal 80% "verdana", "helvetica", "arial", "helv";
background-color:#cfc0cc;
visibility:hidden;
border: outset 2px #999999;
text-align:justify;

}


#boite p{
margin-bottom:0px;
}

#boite p#titre1{
font-weight:bold;
text-align:center;
margin-bottom:2em;

}

#boite p#ref {
margin-top:1em;
font-style:italic;
margin-bottom:1em;
}

.lienf{
float:left;
color:black;
font-style:solid;
cursor:pointer;
padding-left:5px;
padding-bottom:3px;
font-weight:bold;
width:98%;
background-color:#cfc0cc;
margin:0px;
border: #999999 outset 2px;
} 


.press {
float:left;
cursor:pointer;
padding-left:5px;
padding-bottom:3px;
width:98%;
margin:0px;
font-style:italic;
background-color:#d3d3d3;
color:#9900cc;
border: #999999 inset 2px;
}

#boite ul{
font: normal 90% "verdana", "helvetica", "arial", "helv";
}

#boite ul li{
margin-left: 0;
padding-left: 0;
text-indent:0.20;
}

h1 {
margin-top:40%;
text-align:center;
font-size:2.5em;
margin-bottom:40%;
color:#9900cc;
}

#bas {
line-height:10px;
vertical-align:middle;
}

#centre {
text-align:center;
width:100%;
margin-top:2em;
margin-bottom:2em;
}

#navig {
margin-top:20px;
vertical-align:bottom;
margin-bottom:0px;
}