#body {position:absolute;top:0;bottom:0;left:0;right:0;}
#contpage{position: relative;z-index:2;width:1024px;margin: auto;padding-top:120px;min-height:calc(100% - 135px);}
    .text{padding: 15px;background:url(../img/background/wood.jpg);background-size: cover; width:984px; margin: 0 auto;height:100%;border-radius:20px; box-shadow: #351b00 3px 3px 15px;}
    .text p{color:#2a1512;text-shadow:#edc580 0px -1px;}}
#footer{position: relative;bottom: 0px; height:54px;width:100%;background: url(../img/background/bar03.png) top repeat-x;}
#string_right {position: relative;width:100px;height:120px;background: url(../img/background/string.png);float: right;margin: 0;margin-top:-120px;}
#string_left {position: relative;width:100px;height:120px;background: url(../img/background/string.png);float: left;margin: 0;margin-top:-120px;}
#attache_g{position: absolute;width: 21px;height:20px;background: url(../img/background/attache.png);margin-top:-15px ;left:34px;}
#attache_d{position: absolute;width: 21px;height:20px;background: url(../img/background/attache.png);margin-top:-15px ;right:45px;}


.email {
   position: relative;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* On souligne le texte. */
}
.email .infobulle {
   display: none; /* On masque l'infobulle. */
   font-size: 14px;
   color: #351b00; text-shadow: none;
}
.email:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
.email:hover .infobulle {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 30px; /* On positionne notre infobulle. */
   left: 20px;

   background: white;
   border-radius: 10px;
   padding: 3px;

   border: 1px solid #351b00;
   border-left: 4px solid #351b00;
}