html, body
{
    background-color: #f5f5f5;
    text-align: center;
    color: red;
}

#container
{
    margin: 0 auto;
    width: 900px;
    background-color: #fff;
    color: #384848;
    font-family: verdana, sans-serif;
}

#header
{
    height: 80px;
    margin: 5px 0px 5px 10px;
    text-align: left;
    background: url("../img/entete_bg.gif") 100% 0 no-repeat;
}

#header img
{
    position: absolute;
    float: left;
}

#header #logo img
{
    margin-left: 160px;
}

h1
{
    margin: 5px 10px 5px 85px;
    color: #333;
    font-size: 9pt;
    text-transform: uppercase;
    font-weight: normal;
    font-family: verdana, sans-serif;
}

#nav
{
    margin: 0 0 5px 0;
    padding: 0 10px 0 0;
    color: #384848;
    text-align: right;
    font-size: 9pt;
    font-size: 10px;
    font-family: verdana, sans-serif;
}

#nav a
{
    color: #384848;
    text-decoration: underline;
}

#nav a:hover
{
    color: #c8243f;
    text-decoration: none;
}

#menu, #promo_list
{
    margin: 0 auto 0 auto;
    padding: 0 3px 0 3px;
    text-transform: uppercase;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}

#menu
{
    border-top: 1px solid #c8243f;
    border-bottom: 1px solid #c8243f;
}

#promo_list
{
    margin-bottom: 10px;
}

#menu li
{
    display: inline;
    margin: 0;
    padding: 0 2px 0 18px;
    background-image: url("../img/puce.gif");
    background-position: 3px 50%;
    background-repeat: no-repeat;
}

#promo_list li
{
    display: inline;
    margin: 0;
    padding: 0;
    border-top: 1px solid #c8243f;
    border-bottom: 1px solid #c8243f;
    border-right: 1px solid #c8243f;
}

#promo_list li:first-child
{
    border-left: 1px solid #c8243f;
}

#menu a, #promo_list a
{
    text-decoration: none;
    color: #c8243f;
}

#promo_list a
{
    padding: 0 4px 0 4px;
}

#menu a:hover, #promo_list a:hover
{
    text-decoration: none;
    color: blue;
}

#menu .menu_on, #promo_list .menu_on
{
    background-color: #c8243f;
}

#menu .menu_on
{
    background-image: url("../img/puce.gif");
    background-position: 5px 50%;
    background-repeat: no-repeat;
}

#menu .menu_on a, #promo_list .menu_on a
{
    color: #fff;
}

#menu .menu_on a:hover
{
    color: #fff;
}

#footer
{
    margin: 0;
    padding: 10px 10px 10px 10px;
    border-top: 1px solid #c8243f;
}

#footer ul, #footer p
{
    margin: 4px 0 0 0;
    padding: 0;
    text-align: right;
}

#footer li
{
    display: inline;
}

#footer a
{
    color: #384848;
    text-decoration: none;
}

#footer a:hover
{
    color: #384848;
    text-decoration: underline;
}

#content
{
    margin: 10px 10px 10px 10px;
    padding: 0px 5px 10px 60px;
    text-align: center;
    background: url("../img/bg_commande.gif") 0% 0 no-repeat;
}

img
{
    border-style: none;
}

h2
{
    margin-top: 10px;
    font-weight: bold;
    font-size: large;
    color: #c8243f;
    text-transform: uppercase;
}

h3
{
    margin: 10px 0 5px 0;
    padding-top: 10px;
    font-weight: bold;
    font-size: small;
    text-align: center;
    color: #384848;
}

h4
{
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: x-small;
    text-align: center;
    color: #384848;
}

p, ul, fieldset, legend, label, select
{
    text-align: justify;
    font-size: x-small;
    font-weight: normal;
    color: #384848;
}

fieldset
{
    margin: 10px 0 5px 0;
    padding: 10px;
    color: #384848;
    border: 1px solid #a6b8ce;
}

#select_cat
{
    margin: 0;
    padding: 5px 0 0 0;;
}

.align_label
{
    display:block;
    margin-right: 10px;
    padding-top: 4px;
    text-align: right;
    float: left;
    width: 100px;
}

.clear
{
    clear: both;
}

legend
{
    font-weight: bold;
    color: #384848;
}

address
{
    margin: 5px 0 5px 0;
    padding: 0;
    font-size: x-small;
    color: #384848;
}

a
{
    color: #384848;
    text-decoration: underline;
}

a:hover
{
    color: #c8243f;
    text-decoration: underline;
}

.error_msg
{
    text-align: center;
    color: #c8243f;
}

.login label
{
    font-weight:bold;
    font-size: small;
    color: #384848;
}

input, textarea
{
    margin-bottom: 10px;
    border: 1px solid #a6b8ce;
    color: #384848;
}

fieldset > input[type=text]
{
    width: 180px;
}

input[type=submit], input[type=reset]
{
    margin: 5px 10px 5px 10px;
    border: 0;
    background: #c8243f;
    color: #fff;
}

input[type=image]
{
    border: 0;
}

table
{
    width: 100%;
    font-size: x-small;
    border-collapse:collapse;
    color: #384848;
}

table input
{
    text-align: right;
}

thead, tfoot
{
    text-align: center;
    background-color: #dde9f3;
}

tbody
{
    text-align: left;
}

.numeric
{
    text-align: right;
}

.sort
{
    cursor: pointer;
}

td, th
{
    margin: 0;
    padding: 3px 5px 3px 5px;
    border: 1px solid #dde9f3;
    font-size: xx-small;
    max-width: 100px;
}

td *
{
    vertical-align: middle;
}

.ref, .ref *
{
    text-align: center;
}

.availability
{
    text-align: center;
}

.description
{
    min-width: 250px;
}

.command_form
{
    margin: 0;
    padding: 2px 0 2px 0;
    min-width: 60px;
    text-align: center;
}

.command_form *
{
    margin: 0 1px 0 1px;
}

.credits
{
    text-align: center;
}

.item_stock
{
    font-weight: bold;
}

.item_cmd
{
    font-weight: normal;
}

.ticket
{
    margin: 5px 0 10px 0;
    padding: 0;
    border: 1px solid #dde9f3;
}

.ticket h4
{
    background-color: #dde9f3;
}

.ticket h4
{
    background-color: #dde9f3;
}

.ticket p
{
    margin: 0;
    padding: 5px 5px 5px 5px;
}

.ticket_desc
{
    border: 1px solid #dde9f3;
    padding: 5px 5px 5px 5px;
}

.ticket_reply > span
{
    display: inline-block;
    min-height: 30px;
    width: 670px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #dde9f3;
}

.ticket_reply > span:first-child
{
    float: left;
    width: 120px;
    background-color: #dde9f3;
}

.info div
{
   display: none;
}

.info *, .warn *, .error *
{
    margin: 0;
    padding: 0;
    text-align: justify;
}

.info, .warn, .error
{
    margin: 10px 0 10px 0;
    padding: 10px 10px 10px 56px;
    color: #384848;
}

.info img, .warn img, .error img
{
    float: right;
    cursor: pointer;
}

.info p, .warn p, .error p
{
    margin: 5px 0 5px 0;
    padding: 5px;
    border: 1px dotted #384848;
}

p.single
{
    margin: 3px 0 0 0;
    padding: 0;
    border-style: none;
}

.info
{
    background: #dde9f3 url("../img/info.png") no-repeat scroll 5px 5px;
}

.warn
{
    background: #fff2bc url("../img/warning.png") no-repeat scroll 5px 5px;
}

.error
{
    background: #ffbcbc url("../img/error.png") no-repeat scroll 5px 5px;
}

.help
{
    padding: 0 28px 0 200px;
    text-align: right;
    min-height: 16px;
    background: #fff url("../img/help.png") no-repeat scroll center right;
}

object
{
    width: 800px;
    height: 1000px;
}

#autocomplete ul
{
    position: absolute;
    width: 180px;
    margin: -11px 0 10px 110px;
    padding: 0;
    border: 1px solid #dde9f3;
    background-color: #fff;
    z-index: 100;
}

#autocomplete li
{
    margin: 0;
    padding: 0 2px 0 2px;
    list-style-type: none;
}

#autocomplete li:hover
{
    background-color: #dde9f3;
}

#autocomplete .close, #autocomplete .close:hover
{
    text-align: right;
    background-color: #fff;
}

.item_preview
{
    position: fixed;
    visibility: hidden;
    top: 3px;
    left: 3px;
    padding: 5px;
    /*background-color: #dde9f3;*/
    background-color: #fff;
    border: 1px solid #afcbe1;
}

td:hover .item_preview
{
    visibility: visible;
}

.help_logo
{
    margin: 0 0 0 5px;
}

#lex_top
{
    display: none;
    float: right;
    width: 460px;
    height: 290px;
    padding: 0;
    margin-top: -70px;
    background-color: #dde9f3;
    overflow: auto;
    cursor: default;
}

#lex_top > dt:hover, #lex_top > dd dl dt:hover, #lex_top > dd dl dl > *:hover
{
    background-color: #afcbe1;
}

#lex_top > dt
{
    margin: 0;
    padding: 0 5px 0 5px;
    font-weight: bold;
}

#lex_top > dd, #lex_top > dd > dl > dd
{
    margin: 0;
    padding: 0;
    display: none;
    overflow: hidden;
}

#lex_top dd dl dt
{
    padding: 0 30px 0 30px;
    margin: 0;
}

#lex_top dd dl dd
{
    padding: 0;
    margin: 0;
}

.lex_val dt
{
    padding: 0 0 0 70px !important;
    margin: 0;
}

.lex_val dd
{
    padding: 0 0 0 90px !important;
    margin: 0;
}

#lex_top .sign
{
    margin-right: 2px;
    font-size: 12px;
}

#lex_top dt.pointer, #lex_top dt.pointer *, .pointer
{
    cursor: pointer;
}

.consult
{
    font-weight: normal;
    font-style: italic;
    cursor: pointer;
}

/* IE6 Hacks */

#nav
{
    height: 14px;
}

#container > #nav
{
    height: auto;
    min-height: 14px;
}

#content
{
    height: 405px;
}

#container > #content
{
    height: auto;
    min-height: 405px;
}

.info, .warn, .error
{
    height: 48px;
    overflow: visible;
}

#content > .info, #content > .warn, #content > .error
{
    height: auto;
    min-height: 48px;
    overflow: hidden;
}

.help
{
    height: 16px;
}

#content > .help
{
    height: auto;
    min-height: 16px;
}