@charset "utf-8";

/**
 *                         Base Cascading Style Sheet
 *                         **************************
 *
 *     This style sheet describes the comportment and style of the majority of
 * each HTML 4 tag.
 * Stylized elements are grouped by HTML category (section, prose, preformatted
 * text, lists, phrases elements, edits, tabular data, forms, and misc -- not
 * in HTML categories --).
 */

/**
 * Fonts
 *
 * The first line is for Mac OS X's fonts, the second line is for Linux's
 * fonts, and the third line is for Windows' fonts.
 */

body {
    font: 90%/1.5em "Lucida Grande", Geneva,
                    "DejaVu Sans", "Bitstream Vera Sans", "AnjaliOldLipi",
                    "Lucida sans", "Trebuchet MS", Arial, Verdana;
}

address, code, kbd, pre, samp, tt,
div.codebox {
    font: 110% "Andale Mono", Monaco,
               "Bitstream Vera Sans Mono", "DejaVu Sans Mono",
               "Lucida Console", "Courier New", Courier, Monospace;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia,
                 "Bitstream Charter", FreeSerif;
}


/**
 * Sections
 */

body {
    color: #2f2f2f;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
}

    h1:target, h2:target, h3:target, h4:target, h5:target, h6:target {
        padding-top: 1.5em;
    }

h1 {
    color: #369;
    font: 200% Georgia,
               "Bitstream Charter", FreeSerif;
    text-align: center;
    letter-spacing: 2pt;
    width: 70%;
    margin: 0 auto;
    padding: 0 0 20px 0;
    background: transparent url("../Media/Image/H1.png") 50% 100% no-repeat;
}

h2 {
    color: #7d9831;
    font: 180% Georgia,
               "Bitstream Charter", FreeSerif;
    margin: .5em 0 0 0;
    padding: .3em 0 .3em .3em;
    border-bottom: 1px #ccc dotted;
}

    h2:target {
        border-bottom: 1px #bbb dotted;
        background: #eef2e8;
    }

h3 {
    color: #99431d;
    font: 140% Georgia,
               "Bitstream Charter", FreeSerif;
    padding: .2em;
}

    h3:target {
        background: #f0e5e0;
    }

h4 {
    color: #6a7187;
    font: 120% Georgia,
               "Bitstream Charter", FreeSerif;
    padding: .1em;
}

    h4:target {
        background: #e0e5f0;
    }

h5 { }

h6 { }

blockquote {
    font-family: Georgia,
                 "Bitstream Charset", FreeSerif;
    margin: 0 1.5em 0 3em;
    padding: 1em;
    border: 1px #69c solid;
    border-width: 1px 1px 1px 5px;
    background: #fff url("../Media/Image/Blockquote.gif") 10px 10px  no-repeat;
}

address { }


/**
 * Prose
 */

p {
    clear: both;
    text-align: justify;
    text-indent: 2em;
}

    p.intro {
        color: #930;
        font: italic 100% Georgia,
                          "Bitstream Charset", FreeSerif;
        text-indent: 0;
    }

    p:target {
        padding: 0 .2em;
        background: #dbe4f5;
    }

    p:target:before {
        content: url("../Media/Image/PArrow.gif");
        margin: 0 .5em 0 -1.5em;
    }

hr {
    color: #18417a;
    height: 1px;
    width: 85%;
    margin: 0 auto;
    border: #9bb6ce solid;
    border-width: 1px 0 0 0;
    background: #18417a;
}


/**
 * Preformatted text
 */

pre { }


/**
 * Lists
 */

div#container ul {
    list-style-image: url("../Media/Image/Puce.png");
    margin: 0;
    padding: 0 0 0 1em;
}

    ul.no {
        list-style-type: disc;
        background: none;
    }

    ul.square {
        list-style-type: square;
    }

    ul.circle {
        list-style-type: circle;
    }

    ul.disc {
        list-style-type: disc
    }

    div#container ul li {
        padding: 0 0 0 .5em;
    }

ol {
    list-style-type: decimal;
}

    ol.a {
        list-style-type: lower-alpha;
    }

    ol.A {
        list-style-type: upper-alpha;
    }

    ol.i {
        list-style-type: lower-roman;
    }

    ol.I {
        list-style-type: upper-roman;
    }

    ol.\31 {             /* ol.\31 = ol.1                     */
        list-style-type: decimal;
    }

ul.info {
    margin: 0;
    padding: 0;
    float: right;

    clear:both;
}

    ul.info li {
        list-style-type: none;
        list-style-image: none;
        background: none;

        float: left;
    }

    ul.info li strong {
        color: #f59519;
        font-weight: normal;
    }

dl, dt, dd { }


/**
 * Phrases elements
 */

a, a:link, a:visited, a:hover, a:active {
    color: #3f89c7;
    text-decoration: none;
    border: 1px #ddd dotted;
    border-width: 0 0 1px 0;
}

    a:hover {
        color: #c73f3f;
    }

    a:active, a:focus {
        color: #fff;
        background: #fdaddb;
    }

    div#container a.no-content:before,
    div#container a.no-content:after,
    code a:after, pre a:after,
    code a:before, pre a:before {
        content: "" !important;
    }

    div#container a[href^="http://"]:before {
        content: url("../Media/Image/AExtern.gif")" ";
    }

    div#container .toc a[href^="#"]:before {
        content: "" !important;
    }

    div#container a[href^="#"]:before {
        content: url("../Media/Image/AAnchor.gif")" ";
    }

    div#container a[hreflang]:after {
        content: " ("attr(hreflang)")";
    }

    a.img {
        border: 0;
        background: none;
    }

q {
    quotes: "\00AB" "\00BB" "\201C" "\201D";
}

    q:lang(en) {
        quotes: "\201C" "\201D" "\2018" "\2019";
    }

    q:lang(fr) {
        quotes: "\00AB" "\00BB" "\201C" "\201D";
    }

    q:before {
        content: open-quote;
    }
    q:after {
        content: close-quote;
    }

cite { }                               /* already defined in ./Reset.css      */

    cite * {
        font-style: italic;
    }

em { }                                 /* already defined in ./Reset.css      */

strong {
    font-weight: 600;
}

small {
    font-size: 80%;
}

big {
    font-size: 120%;
}

tt { }

dfn {
    color: #ff7601;
}

abbr, acronym {
    font-variant: normal;
    letter-spacing: normal;
    border-bottom: 1px #b91309 dotted;
}

code { }

var {
    color: #888;
}

samp {
    display: block;
    text-indent: 0;
    margin: .5em 0;
    padding: .3em .3em .3em 2.5em;
    border: #ccc solid;
    border-width: 1px 0;
    background: #eee;
}

kbd {
    font-size: 90%;
    margin: .2em .4em;
    border: 1px #aaa solid;
}

    samp kbd {
        font-size: inherit;
        padding: 0;
        border: 0;
    }

sub { }                                /* already defined in ./Reset.css      */ 

sup { }                                /* already defined in ./Reset.css      */ 

i { }                                  /* already defined in ./Reset.css      */ 

b { }                                  /* already defined in ./Reset.css      */ 

bdo { }


/**
 * Edits
 */

ins {
    color: #58a31f;
}

    ins[datetime]:after {
        color: #888;
        content: " ("attr(datetime)")";
    }

del {
    color: #bd121a;
}

    del[datetime]:after {
        color: #888;
        content: " ("attr(datetime)")";
    }


/**
 * Tabular data
 */

table {
    margin: 1em  auto 0 auto;
    border-collapse: collapse;
    border: 0;
}

caption {
    font: 100%  Georgia, Verdana, sans-serif;
    letter-spacing: .1em;
    text-align: center;
    caption-side: bottom;

    margin: 0 auto 1em auto;
    padding: .3em 0 23px 0;
    border-top: 3px #000 double;
    background: transparent url("../Media/Image/Caption.png") 50% 100% no-repeat;
}

    caption span.figure {
        font-variant: small-caps;
        margin: 0 1em 0 0;
    }

thead, tfoot, thead th, tfoot th {
    font-weight: bold;
    text-shadow:#eee -1px -2px 0;
    margin: .2em;
    border: 1px #6c7b94 solid;
}

    thead, thead th {
        border-width: 0 0 1px 0;
        background: #b5c5d9 url("../Media/Image/THead.jpg") 0 0 repeat-x;
    }

    tfoot, tfoot th {
        border-width: 1px 0 0 0;
        background: #b5c5d9;
    }

tr {
    border-bottom: 1px #6c7b94 solid;
}

    tr:hover > td {
        background: #d9e0ea !important;
    }

    tr.even {
        background: #eee;
    }

th, td {
    font-weight: normal;
    text-align: center;
    padding: .5em;
}

    th {
        border-right: 1px #6c7b94 solid;
    }

    td {
        margin: .2em;
    }


/**
 * Forms
 */

form {
    padding: 1em;
    border: 1px #ffdbdb dashed;
    background: #f9fdff;
}

    form p {
        margin: .5em 0;
        padding: 0;
    }

    form p.button, form p.inline {
        text-align: center;
    }

    form p.paragraph {
        text-align: left;
    }

fieldset {
    padding: 1em;
    border: 1px #82a8c9 solid;
}

legend {
    color: #c30;
    font-weight: bold;
    letter-spacing: 1pt;
    padding: 0 1.5em;
}

label {
    float: left;
    display: block;
    width: 50%;
    padding: 0 1em 0 0;
    text-align: right;
    cursor: pointer;
}

textarea {
    width: 40%;
    height: 6em;
}

select {
    height: auto;
}

optgroup {
    color: #888;
    font-style:normal;
    font-weight:normal;
    padding: 0 0 0 .5em;
}

option {
    color: #000;
    padding: 0 0 0 1.5em;
}

input.name {
    font-variant: small-caps;
}


/**
 * Misc
 */

.tool-tip {
    color: #fff;
    z-index: 13000;
    background: transparent url("../Media/Image/TitleBkg.png") 0 0 repeat;
}

.tool-title {
    display: none;
}

.tool-text {
    font-size: 80%;
    margin: .5em 1em;
    padding: 0 0 0 25px;
    background: transparent url("../Media/Image/Title.png") 0 50% no-repeat;
}

br {
    clear: both;
}

.tCenter {
    text-align: center;
}

.fLeft {
    float: left;
}

    img.fLeft {
        margin: 0 1em 1em 0;
    }

.fRight {
    float: right;
}

    img.fRight {
        margin: 0 0 1em 1em;
    }

.clear {
    clear: both;
}

    .clearLeft {
        clear: left;
    }

    .clearRight {
        clear: right;
    }

    .clearBoth {
        clear: both;
    }

::selection {
    color: #fff;
    background: #fdaddb;
}