body{
    margin: 0;
    padding: 0;
    font-size: 12pt;
    font-family: verdana,arial,helvetica,sans-serif;
    background-color: #e7eaee;
    background-image: url(fond.jpg);
    margin-top: 0
    overflow:hidden;
}
pre.poem{
  font-family: verdana,arial,helvetica,sans-serif;
}
html{
    height: 100%;
    margin: 0;
    padding: 0;
}
div{
    margin: 0;
    padding: 0;
}
.inline{
    display: inline-block;
}
.center{
    font-size: 15pt;
    padding-right: 250px;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
}
.vcenter{
    padding-top: 100px;
}
.navigation{
    background-image: url(navigation_sable.jpg);
    margin-left:10px;
    float:right;
    width: 220px;
    font-weight: bold;
    font-size:10;
}
a:visited, a:link{
    color: #006699;
    text-decoration: none;
}
a:hover{
    color: #0066CC;
    text-decoration: none;
}
a:active{
    color: Red;
    text-decoration: none;
}
tr{
    height:40px;
}
td{
    padding: 5px;
}
.left_column{
  margin-top: 20px;
  margin-left: -195px;
  float: left;
}
.main{
    margin: 0px;
    padding-left: 215px;
    height: 600px; /* pour ie */
    min-height:600px;
}
.col200{
    float:left;
    width:250px;
}
.photo_right{
    float:right;
    margin: 0 5px 0 10px;
}
.marge{
    height:5px;
}
.top{
    padding: 10px;
    font-size: 15pt;
    text-align: center;
/*    font-weight: bold;*/
    background-color:#999999

/*     width:1230px; /\* Pour internet explorer *\/ */
}
H1{
    font-size: 20pt;
    margin-top: 0;
}
H2{
    font-size: 15pt;
    margin-top: 25pt;
}
H3{
  color: #016699;
  font-size: 12pt;
  font-weight: normal;
  padding: 10px 0 0 0ex;
  margin: 0;
}
H4{
    font-size: 11pt;
    margin-top: 0;
    text-align: center;
    font-weight: normal;
}
ul{
  margin-bottom: 15pt;
  list-style-image: url(petit_serpent_droite.gif);
}

.stage li{
  margin-bottom: 10pt;
}