
#container {
    position:   relative;
    width:      100%;
    height:     100%;
    z-index:    1;
}
#entete {
    position:   absolute;
    top:        0px;
    left:       0px;
    right:      0px;
    text-align: center;
    z-index:    20;
}
#enteteListeForum {
    width:      100%;
}
#enteteBox {
    width:      100%;
    height:     30px;
    background: url(/images/Menus/Menu_old.gif);
}
#content {
    position:   absolute;
    display:    none;
    border-bottom:  1px solid #000066;
    border-top:  1px solid #000066;
    left:       0px;
    right:      0px;
    top:        500px;
    z-index:    2;
}
#contentBox {
    position:   relative;
    width:      100%;
    height:     100%;
    overflow-y: scroll;
    overflow-x: hidden;
}
#bottom {
    position:   absolute;
    bottom:     30px;
    height:     28px;
    left:       0px;
    right:      0px;
    z-index:    2;
    overflow:   hidden;
}
body {
    overflow:hidden;
}

input.saisieTitre {
    background: none;
    text-align: center;
    font-size:  16pt;
    margin:     0px;
    font-weight:bolder;
    color:      #000066;
    border:     0px;
}
input.saisieTitre:hover {
    background: #FFFFFF;
}

div.noSaisieTitre {
    font-size:  18pt;
    text-align: center;
    height:     30px;
    margin:     0px;
    font-weight:bolder;
    color:      #000066;
}

input.smallBouton {
    width:      10px;
    font-size:  8pt;
    border:     2px ridge;
    cursor:     pointer;
}
input.nonLuBouton {
    font-size:  8pt;
    border:     2px ridge #996666;
    background: #ffffc0;
    color:      #000066;
    width:      100%;
    cursor:     pointer;
}
img.evt {
    float:      left;
    width:      16px;
    margin-right:5px;
    border:     0px;
    cursor:     help;
}
img.evtSecret {
    float:      left;
    width:      16px;
    margin-right:5px;
    border:     0px;
    cursor:     help;
    -moz-opacity:0.7;
    opacity:    0.7;
    filter:     alpha(opacity=70);
}        
img.openEvt {
    float:      left;
    width:      10px;
    margin-right:5px;
    margin-top: 3px;
    border:     0px;
    cursor:     pointer;
}
#repereTop {
    margin:     0px;
    padding:    0px;
    height:     0px;
    width:      0px;
}
#bottomBox {
    width:      100%;
    height:     100%;
    overflow:   auto;
    overflow-y: hidden;
    overflow-x: hidden;
    position:   relative;
}
#radio {
    position:   absolute;
    border-top: 2px solid #000066;
    bottom:     0px;
    height:     28px;
    left:       0px;
    right:      0px;
    z-index:    2;
}
#radioBox {
    width:      100%;
    height:     100%;
    overflow:   hidden;
}

#textnews {
   position:        absolute;
   top:             0px;
   _top:            5px;
   height:          22px;
   left:            0px;
   white-space:     nowrap;
   cursor:          pointer;
}
div.forumnote {
    vertical-align: bottom;
    text-align:     justify;
    margin:         10px;
    font-size:      10pt;
}
div.forumModo {
    position:       absolute;
    font-size:      10pt;
    text-align:     right;
    top:            3px;
    right:          3px;
}
div.enteteForum {
    position:       relative;
    text-align:     left;
    background:     #ffffc0;
    border:         4px inset #000066;
    padding:        5px;
}
div.forumTitle {
    width:          260px;
    height:         100px;
    text-align:     center;
    font-size:      14pt;
    font-weight:    bold;
    margin:         10px;
    border-bottom:  2px solid #000066;
}
div.forumDesc {
    width:          280px;
    height:         300px;
    overflow:       auto;
}

div.forum {
    text-align:     justify;
    margin:         5px;
    font-size:      12pt;
    font-weight:    bold;
}
tr.forum {}
tr.forum:hover {
    border:         1px solid #000066;
    background:     #996666;
}

tr.forumNonLu {
    border:         1px solid #000066;
    background:     #ffffc0;
}
tr.forumNonLu:hover {
    border:         1px dashed #000066;
    background:     #996666;
}

td.forum {
}
td.forumNonLu {
    background:     #ffffc0;
}
td.forumNonLu:hover {
    background:#996666;
}
#formRSS {
    position:       absolute;
    font-size:      8pt;
    top:            18px;
    right:          3px;
    text-align:     right;
}
#repereTop {
    margin:0px;
    height:0px;
    clear:both;
}

div.edite {
    float:          right;
    font-variant:   small-caps;
    font-size:      8pt;
    border:         1px solid #FFCCCC;
    color:          #FFCCCC;
    background:     #330000;
    padding:        2px;
    -moz-opacity:   0.4;
    opacity:        0.4;
    filter:         alpha(opacity=40);
}

/**
 * Dans bottomBox
 */
.pageIcone {
    font-size:      9pt;
    width:          20px;
    height:         20px;
    border:         0px;
    display:        inline-block;
    vertical-align: middle;
    text-align:     center;
    margin-left:    2px;
    padding-top:    2px;
    text-decoration:none;
    color:          #000000;
    background:     url(/images/forum/IconePage.png);
    -moz-opacity:   0.7;
    opacity:        0.7;
    cursor:         pointer;
    filter:         alpha(opacity=70);
}

.pageSelectedIcone {
    font-size:      9pt;
    width:          20px;
    height:         20px;
    border:         0px;
    display:        inline-block;
    vertical-align: middle;
    text-align:     center;
    color:          #000000;
    margin-left:    2px;
    padding-top:    2px;
    text-decoration:none;
    cursor:         help;
    background:     url(/images/forum/IconePage.png);
}
div.indexPage {
    position:       absolute;
    right:          0px;
    text-align:     right;
    width:          350px;
    margin-top:     3px;
    height:         28px;
    overflow-x:     hidden;
}

a.NouveauSujet {
    display:    inline-block;
    width:      66px;
    height:     20px;
    background: url(/images/Menus/Menu_old.gif);
}
#blockListePages {
    position:   relative;
    height:     28px;
}
#blockListePages #flechePage {
    position:       absolute;
    right:          0px;
    width:          10px;
    height:         20px;
    margin-left:    6px;
    margin-right:   5px;
    margin-top:     2px;
    line-height:    80%;
}
#blockListePages img.flechePage {
    border:         0px; 
    height:         10px;
}

#blockListePages #flecheGauche {
    position:   absolute;
    top:        0px;
    left:       0px;
    width:      10px;
    height:     20px;
    cursor:     pointer;
}
#blockListePages #flecheDroite {
    position:   absolute;
    top:        0px;
    right:      20px;
    width:      10px;
    height:     20px;
    cursor:     pointer;
}
#blockListePages #positionListePages {
    position:   absolute;
    left:       15px;
    right:      35px;
    height:     22px;
}
#blockListePages #containerListePages {
    position:   relative;
    width:      100%;
    height:     100%;
    overflow:   hidden;
}
#blockListePages #scrollableListePages {
    position:   absolute;
    right:      0px;
    top:        0px;
}

/**
 * Pour la liste des bénévoles dans general et coulisses
 */
 
    #listeStatuts {
        list-style-type:        none;
        list-style-position:    outside;
        padding:                0px;
        margin:                 0px;
    }
    #listeStatuts li {
        float:          left;
        font-weight:    bold;
        width:          100px;
        height:         16px;
        padding:        2px;
        margin:         2px;
        text-align:     center;
        cursor:         pointer;
    }
    #listeStatuts li.hover {
        border:           1px dotted;
        border-bottom:    0px;
        width:            98px;
        height:           15px;
        background:       #996666;
    }
    #listeOrgas {
        margin:                 0px;
        padding:                0px;
        display:                none;
        position:               absolute;
        z-index:                20;
        background:             none;
        list-style-type:        none;
        list-style-position:    outside;
        padding:                0px;
        -moz-opacity:           0.9;
        opacity:                0.9;
        filter:                 alpha(opacity=90);
    }
    #listeOrgas li {
        display:        none;
    }
    #listeOrgas li table.MJ {
        background:         #996666;
    }
    #listeOrgas li table.hover {
        background:         #ffffc0;
    }
    #listeOrgas .persoVign {
        overflow:       hidden;
        width:          119px;
    }
    #listeOrgas .containerInfos {
        position:       relative;
        width:          276px;
        overflow:       visible;
    }
    #listeOrgas a {
        text-decoration:none;
    }
    #listeOrgas a:hover {
        text-decoration:underline;
    }
    #listeOrgas .persoInfo {
        position:       absolute;
        top:            0px;
        border-top:     1px dotted;
        left:           0px;
        font-size:      8pt;
        height:         59px;
        width:          276px;
        overflow-y:     scroll;
        background:     #ffffc0;
    }
    #listeOrgas .persoPNJ {
        position:       absolute;
        top:            60px;
        border-top:     1px dotted;
        left:           0px;
        font-size:      8pt;
        height:         49px;
        width:          276px;
        overflow-y:     scroll;
        background:     #ffffc0;
    }
    #listeOrgas .forums {
        position:       absolute;
        font-size:      8pt;
        right:          0px;
        top:            110px;
        height:         16px;
        padding:        1px;
        width:          276px;
        border-top:     1px dotted;
        border-bottom:  1px dotted;
        background:     #ffffc0;
    }
