.vertical {
    writing-mode: tb-rl;
    filter: flipv fliph;
}

#helpBox {
    position: absolute;
    z-index: 3000;
    top: 0px;
    left: 0px;
    width: 180px;
    visibility: hidden;
}

.helpBoxDIV {
    background-color: #FFFFCC;
    font-family: MS Comic Sans,arial,sans-serif;
    font-size: 9pt;
    TEXT-ALIGN: justify;
}


.asterisk {
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
    COLOR: #FF0000;
}

table {
    font-size: 10pt;
    font-family: Arial;
}

.standard {
    font-size: 10pt;
    font-family: Arial;
}

.small {
    font-size: 9pt;
    font-family: Arial;
}

    .small A {
        font-size: 9pt;
        font-family: Arial;
    }

.smallbold {
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
}

.tiny, A.tiny, A.tiny:visited {
    font-size: 8pt;
    font-family: Arial;
}

.tinynavyblue, A.tinynavyblue {
    font-size: 8pt;
    font-family: Arial;
    color: #003399;
}

.tinywhite, .tinywhite A {
    font-size: 8pt;
    font-family: Arial;
    color: #FFFFFF;
}

.big {
    font-size: 16pt;
    font-family: Arial;
}

.medium {
    font-size: 11pt;
    font-family: Arial;
}

.bluelink {
    font-family: Arial;
    font-size: 11px;
    color: #4066B2;
}

.categorytitle {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.categorytitlepreview {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background: #ccddee;
}

.categorytitlepreviewgreen {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    background: #E7F2DB;
}

.categorytitlegreen {
    font-weight: bold;
    font-size: 10pt;
    color: #99cc00;
    font-family: Arial;
}

.fieldtitle {
    background: #f0f0f0;
}

.previewanswer {
    font-size: 10pt;
    color: #2B5891;
    font-family: Arial;
}

TD.buttons {
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Arial;
    background-color: #003399;
}

    TD.buttons a {
        font-weight: bold;
        font-size: 9pt;
        color: white;
        font-family: Arial;
        background-color: #003399;
        text-decoration: none;
    }

TD.Header, .Header {
    FONT-FAMILY: Verdana;
    FONT-SIZE: 13pt;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #31659C;
}

.tinyAlert {
    FONT-SIZE: 7pt;
    FONT-FAMILY: Arial;
    COLOR: #990000;
}

.new {
    font-weight: bold;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Arial;
    COLOR: Red;
}

.highlight {
    FONT-WEIGHT: bold;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFF99;
}

.highlight1 {
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    BACKGROUND-COLOR: #97BF0D;
}

.highlight2 {
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    BACKGROUND-COLOR: #C44584;
}

.highlight3 {
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    BACKGROUND-COLOR: #E1A308;
}

.highlight4 {
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    BACKGROUND-COLOR: #0099C3;
}

.highlight5 {
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    BACKGROUND-COLOR: #657AB1;
}

.highlight0 {
    FONT-WEIGHT: bold;
    COLOR: #FFF;
    BACKGROUND-COLOR: #169E8C;
}

.lientechcenterindex, .lientechcenterindex a, .lientechcenterindex a:active, .lientechcenterindex a:hover {
    font-size: 8pt;
    font-family: Arial;
}

a.lientechcenterindex:visited {
    font-size: 8pt;
    font-family: Arial;
}

.contentV1 a {
    color: #4066B2;
}

 a.techdirect {
        font-weight: bold;
        color: #4066B2;
    }

a.techdirect:active {
            font-weight: bold;
            color: #4066B2;
        }

        a.techdirect:visited {
            font-weight: bold;
            color: #4066B2;
        }

        a.techdirect:link {
            font-weight: bold;
            color: #4066B2;
        }

        a.techdirect:hover {
            font-weight: bold;
            color: #4066B2;
        }

td.techcenter {
    background-color: #F0F8FF;
    height: 26px;
    text-align: justify;
    font-weight: bold;
}

table.techcenter {
    width: 100%;
}

img.imglink {
    border-width: 0px;
}

a.rfs {
    font-weight: bold;
    color: #4066B2;
}

    a.rfs:active {
        font-weight: bold;
        color: #4066B2;
    }

    a.rfs:visited {
        font-weight: bold;
        color: #4066B2;
    }

    a.rfs:link {
        font-weight: bold;
        color: #4066B2;
    }

    a.rfs:hover {
        font-weight: bold;
        color: #4066B2;
    }

td.rfs {
    background-color: #F0F8FF;
    height: 26px;
    text-align: justify;
    font-weight: bold;
}

table.rfs {
    width: 100%;
}

img.imglink {
    border-width: 0px;
    top: 5px;
    position: relative;
}

img.imglinknopos {
    border-width: 0px;
}

a.techdirectorange {
    font-weight: bold;
    color: #F2B71C;
}

    a.techdirectorange:active {
        font-weight: bold;
    }

    a.techdirectorange:visited {
        font-weight: bold;
    }

    a.techdirectorange:link {
        font-weight: bold;
    }

    a.techdirectorange:hover {
        font-weight: bold;
    }

td.rfsorange {
    background-color: #FFF2D7;
    height: 26px;
    text-align: justify;
    font-weight: bold;
}

td.techcenterorange {
    background-color: #FFF2D7;
    height: 26px;
    text-align: justify;
    font-weight: bold;
}

a.techdirectvert {
    font-weight: bold;
    color: #1F761F;
}

    a.techdirectvert:active {
        font-weight: bold;
    }

    a.techdirectvert:visited {
        font-weight: bold;
    }

    a.techdirectvert:link {
        font-weight: bold;
    }

    a.techdirectvert:hover {
        font-weight: bold;
    }

td.rfsvert {
    background-color: #E8F9E8;
    height: 26px;
    text-align: justify;
    font-weight: bold;
}

td.techcentervert {
    background-color: #E8F9E8;
    height: 26px;
    text-align: justify;
    font-weight: bold;
}

acronym {
    color: #4066B2;
    text-decoration: none;
    background: url(/img/borders/underline-dash.gif) bottom left repeat-x;
}

#overlay {
    *background-image: url('/img/overlay.png');
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAAMFBMVEX///8HBwcICAgUFBQXFxcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABuanbkAAAAQUlEQVR4nOzOoQ0AIBDF0K5QNiC3wYUN2H8nJPkai6l5prSOdcPU2jckN8mTZEmWZEmW5EFy8f+e/g4AAAD//wMAKnM4yCLdBHkAAAAASUVORK5CYII=);

}

#overlaydiv {
    padding: 0;
    background-color: #fff;
}

    #overlaydiv img {
        border: 0;
    }

.boxeditorialtopblue, .boxeditorialtopgrey, .boxeditorialmiddleblue, .boxeditorialmiddlegrey, .boxeditorialbottomblue, .boxeditorialbottomgrey {
    width: 200px;
}

.boxeditorialtopblue, .boxeditorialtopgrey {
    margin-top: 7px;
    height: 25px;
}

.boxeditorialmiddleblue, .boxeditorialmiddlegrey {
    padding: 8px 10px 0 10px;
}

.boxeditorialmiddleblue {
    background: url(/img/editorials/box/box_repeat.gif) repeat-y top left;
}

.boxeditorialmiddlegrey {
    background: url(/img/editorials/box/box_repeat.gif) repeat-y top left;
}

    .boxeditorialmiddleblue, .boxeditorialmiddleblue a, .boxeditorialmiddleblue a:active, .boxeditorialmiddleblue a:link, .boxeditorialmiddleblue a:visited,
    .boxeditorialmiddlegrey, .boxeditorialmiddlegrey a, .boxeditorialmiddlegrey a:active, .boxeditorialmiddlegrey a:link, .boxeditorialmiddlegrey a:visited {
        font-family: Arial;
        font-size: 8pt;
        text-decoration: none;
        line-height: 12px;
    }

        .boxeditorialmiddleblue a:hover, .boxeditorialmiddlegrey a:hover {
            text-decoration: underline;
        }

        .boxeditorialmiddleblue ul li a span, .boxeditorialmiddlegrey ul li a span {
            color: #4e4e4e;
        }

.doctypeclass {
    color: #4e4e4e;
    border-bottom: 1px solid #cccccc;
    width: 180px;
    padding-bottom: 2px;
    margin-bottom: 4px;
    font-size: 9pt;
}

.boxeditorialmiddleblue ul, .boxeditorialmiddlegrey ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 180px;
}

    .boxeditorialmiddleblue ul li {
        background: url(/img/editorials/box/box_puce-bleue.gif) no-repeat 0 7px;
    }

    .boxeditorialmiddlegrey ul li {
        background: url(/img/editorials/box/box_puce-grise.gif) no-repeat 0 7px;
    }

        .boxeditorialmiddleblue ul li a, .boxeditorialmiddlegrey ul li a {
            margin-left: 8px;
        }

    .boxeditorialmiddleblue ul li, .boxeditorialmiddlegrey ul li {
        padding-top: 4px;
        padding-bottom: 4px;
        border-top: 1px solid #cccccc;
    }

        .boxeditorialmiddleblue ul li.first, .boxeditorialmiddlegrey ul li.first {
            padding-top: 0;
            background-position: 0 2px;
            border-top: none;
        }

.boxeditorialbottomblue, .boxeditorialbottomgrey {
    font-size: 1px;
    height: 10px;
}

.boxeditorialbottomblue {
    background: url(/img/editorials/box/box_bottom.gif) no-repeat bottom left;
}

.boxeditorialbottomgrey {
    background: url(/img/editorials/box/box_bottom.gif) no-repeat bottom left;
}

.editorialName {
    color: #182489;
}

/*--------------*/
/*      C2A     */
/*--------------*/
.c2aparent {
    border-top: 2px solid #C1D86E;
    border-bottom: 2px solid #C1D86E;
    background-color: #EBF2D0;
    margin-bottom: 10px;
}

.c2atable td {
    vertical-align: middle;
    padding: 5px;
}

.c2atable img {
    border: none;
}

.c2atable a {
    font-family: Arial;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    display: block;
}

    .c2atable a b {
        font-size: 16px;
    }

.ui-autocomplete {
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #B0BECA;
    _height: expression( this.scrollHeight > 249 ? "250px" : "auto" );
    max-height: 250px;
    overflow-y: auto;
    font-size: 12px;
    display: inline-block;
    width: auto;
    _display: block;
    _width: 200px;
}

    .ui-autocomplete .ui-menu-item {
        width: 100%;
    }

        .ui-autocomplete .ui-menu-item a {
            border-top: 1px solid #B0BECA;
            display: inline-table;
            _display: block;
            padding: 1px 6px;
            color: #353D44;
            cursor: pointer;
            width: 100%;
            white-space: normal;
            _white-space: nowrap;
        }

        .ui-autocomplete .ui-menu-item:first-child a {
            border-top: none;
        }

        .ui-autocomplete .ui-menu-item a.ui-state-hover {
            background-color: #D5E5F4;
            color: #161A1C;
        }



/*Zone vue 360*/
.DivScroll360 {
    padding: 5px;
    height: 300px;
    width: 1000px;
    overflow-y: scroll;
    border: solid 1px black;
}
/*fin Zone vue 360*/