.IO-BODY
{
    BACKGROUND-IMAGE: url(/images/trans-grid-point.gif);
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    MARGIN: 15px 15px 0px;
    COLOR: #999999;
    BACKGROUND-COLOR: #CCCCCC;
    SCROLLBAR-FACE-COLOR: #333333;
    SCROLLBAR-SHADOW-COLOR: black;
    SCROLLBAR-HIGHLIGHT-COLOR: #999999;
    SCROLLBAR-3DLIGHT-COLOR: #999999;
    SCROLLBAR-DARKSHADOW-COLOR: #333333;
    SCROLLBAR-TRACK-COLOR: none;
    SCROLLBAR-ARROW-COLOR: #CCCCCC;
}

.IO-BODY-POPUP
{
    FONT-SIZE: 10px;
    MARGIN: 2px;
    COLOR: #999999;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: white;
}

A:hover
{
    COLOR: #666666;
}
A
{
    COLOR: #000000;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.IO-A
{
    COLOR: #000000;
    TEXT-DECORATION: none; 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.IO-BUTTONBAR
{
    COLOR: #000000;
    BACKGROUND-COLOR: #CCCCCC;
    TEXT-DECORATION: none; 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-ALIGN: left;
}

.IO-A a, .IO-BUTTONBAR a
{
    COLOR: #000000;
    TEXT-DECORATION: underline; 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.IO-R
{
    COLOR: #808080;
    TEXT-DECORATION: none; 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.IO-R a
{
    COLOR: #666666;
    TEXT-DECORATION: underline; 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}


.IO-ACENTRE
{
    COLOR: #666666;
    TEXT-DECORATION: none;
    font-weight: bold;
    FONT-SIZE: 12px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.IO-ACENTRE:active
{
    COLOR: #333333;
}
.IO-ACENTRE:link
{
    COLOR: #333333;
}
.IO-ACENTRE:visited
{
    COLOR: #333333;
}
.IO-titre
{
    COLOR: #000000;
    FONT-SIZE: 18px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
}
.IO-FONT
{
    COLOR: #333333;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.IO-FONTDONE
{
    COLOR: #666666;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.IO-stitre
{
    COLOR: #333333; 
    font-weight: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.IO-TRCENTRE
{
    background: #ffffff;
}
.IO-PUBLISH
{
    COLOR: #666666;
    FONT-SIZE: 30px;
    FONT-FAMILY: 'Times New Roman', times, serif;
}
.IO-FONTCENTRE
{
    COLOR: #666666;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.IO-APLAT-SOMBRE
{
    background: #666666;
}
.IO-BIGBORDER1
{
    background: #666666;
    border: 1px #000000 solid;
}
.IO-BIGBORDER2
{
    border: none;
}
.io-aide
{
    MARGIN: 10px 0px;
    COLOR: #666666; 
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.IO-DIV1
{
    BORDER: 1px;
    VISIBILITY: visible;
    WIDTH: 100%;
    POSITION: relative;
}
.IO-DIV2
{
    BORDER: 1px;
    LEFT: 0px;
    VISIBILITY: hidden;
    WIDTH: 100%;
    POSITION: absolute;
    TOP: 0px;
}


.io-noselected
{
    BACKGROUND-COLOR: #FFFFFF;
}

.io-selected
{
    BACKGROUND-COLOR: #CCCCCC;
}

.io-online
{
    COLOR: #008000;
    font-weight: bold;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.io-attention
{
    MARGIN: 10px 0px;
    COLOR: red;
    FONT-SIZE: 10px;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.io-cantselected
{
    BACKGROUND-COLOR: #ff6666;
}

.io-select-left
{
    background-color: #CCCCCC;
    font-weight: bold;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}