html, body {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    overflow:hidden;
    font-family:Verdana, Arial;
}

.background {
    position:absolute;
    z-index:-1; 
    width:100%;
    height:100%;
    opacity:0.3;
    filter:alpha(opacity=30);
}

a:visited { /* Les liens visités. */
    color: #407000;
    text-decoration: none; // pas de soulignement
}
a { /* Les liens qui ne sont pas sous le curseur. */
    color: #306000;
    text-decoration: none;
}
a:hover { /* Les liens lorsque le curseur est dessus. */
    color: #60B000;
    text-decoration: none;
}
a:active{ /* le lien sur lequel on est en train de cliquer */
    color: #60B000;
    text-decoration: none;
}

.titre{
    width:100%;
    height:10%;
    background-color:white;
    opacity:0.4;
    filter:alpha(opacity=40);
}

.gauche{
    height:90%;
    margin: 5px;
    padding: 5px;
    width:15%;
    /*float: left;*/
    position:fixed;
}

.droite{
    height:90%;
    width:83%;
    /*float: right;*/
    position:absolute;
    left:17%;
    overflow:auto;
}

h1{
    text-align:center;
}

#pres{
    width:65%;
}

#contact{
    position: absolute;
    bottom: 5%;
}