@import url("reset.css");
@import url("commun.css");
html{
    height: 100%;
}

body {
    height: 100%;
    padding:0;
    margin:0;
    background-color:#000;
    color:#fff;
    font-family: Arial, Tahoma, sans-serif;
    font-size:9pt;
    text-align: center;
}

table.mainTable, table.contentTable, table.titleTable{
    width: 100%;
}

.gauche{
    background-position: top right;
    background-image: url("/images/base/squelette/bg_gauche.png");
    background-repeat: no-repeat;
}

.bas_gauche{
    background-position: top right;
    background-image: url("/images/base/squelette/bg_gauche_repeat.png");
    background-repeat: repeat-y;
}

.droite{
    background-position: top left;
    background-image: url("/images/base/squelette/bg_droit.png");
    background-repeat: no-repeat;
}

.bas_droite{
    background-position: top left;
    background-image: url("/images/base/squelette/bg_droit_repeat.png");
    background-repeat: repeat-y;
}

.droite, .gauche{
    height: 942px;
}

.milieu{
    width: 940px;
}

#tupunacontenu{
    background-image: url('/images/base/squelette/bg.png');
    background-position: top left;
    background-repeat: repeat-y;
    width: 940px;
}

#tupunatitre{
    background-image: url('/images/base/titre/titre_bg.png');
    background-position: top left;
    background-repeat: repeat-y;
    height: 152px;
    text-align: right;
}

#menu{
    background-image: url('/images/base/menu/bg.png');
    background-position: top left;
    background-repeat: repeat-x;
    height: 24px;
}

#menu table{
    width: 100%;
}

#menu td, #menu td.menutbn{
    font-weight: bold;
    background-position: top left;
    background-repeat: repeat-x;
    height: 20px;
    padding: 2px;
    color: black;
}

#menu td.menutbn{
    cursor: pointer;
}

#menu td.menutbn:hover{
    color:#fff;
    background-image: url('/images/base/menu/bginv.png');
}

#pied{
    font-weight: bold;
    font-size: 11px;
}

#pied .piedbtn{
    cursor: pointer;
}

#pied .piedbtn:hover{
    color:#000;
    background-color: #fff;
}