html, body {
    width:100%;
    height:100%;
    margin: 0px;
    background-color:#FFFFFF;
    color: #000000;
}

.site {
    height: 100%;
    width: 100%;
    background-color:#FFFFFF;
    position:absolute;
    margin-left: 10%;           
    text-align: center;
}

.titre {
    font-size : 40pt;
}

table {
    width:100%;
    border-collapse:collapse;
    border-spacing: 0px;
}
table.main {
    width:80%;
}

td {
    text-align: left;
    padding: 2px;
}

img {
   border:0px;
}

.lignePair {
    background-color: #FFFFFF;
}
.ligneImpair {
    background-color: #CCCCCC;
}

.coin_haut_gauche {
    background-image: url(coin_haut_gauche.gif);
    background-repeat:no-repeat;
    background-position: right;
    width: 14px;
    height: 14px;
}
.haut {
    background-image: url(haut.gif);
    background-repeat:repeat-x;
    height: 14px;
}
.coin_haut_droit {
    background-image: url(coin_haut_droit.png);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
}
.coin_bas_gauche {
    background-image: url(coin_bas_gauche.png);
    background-repeat:no-repeat;
    background-position: right;
    width: 14px;
    height: 14px;
}
.bas {
    background-image: url(bas.png);
    background-repeat:repeat-x;
    height: 14px;
}
.coin_bas_droit {
    background-image: url(coin_bas_droit.png);
    background-repeat:no-repeat;
    width: 14px;
    height: 14px;
}
.droit {
    background-image: url(droite.png);
    background-repeat:repeat-y;
    width: 14px;
}
.gauche {
    background-image: url(gauche.png);
    background-repeat:repeat-y;
    background-position: right;
    width: 14px;
}

.subtitle {
    width: 128px;
    text-align: center;
    border:1px solid #000000;
    background-color: #CCCCCC;
    margin-bottom: -3px;
    display: block;
}

.bb_title {
  text-align:center;
  font-weight: bold;
}