body { background-image: url(/assets/background.gif); background-repeat: repeat-y; background-color: #FFFFFF; vertical-align: top; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: black; font-size: 0.8em; }
img { border-style: none;}
input.button { margin: 15px 20px 0px 0px; width: 120px; background-color: #F73C31; color: #FFFFFF; font-size: 1em; font-weight: bold; border-width: 0px; }

/* Page Layout */
div#logo { z-index: 1; position: absolute; left: 220px; top: 0px; width: 300px; height: 70px; }

div#bgCurve { z-index: 2; position: absolute; left: 0px; top: 0px; width: 350px; height: 200px; }

div#menuLanguage { z-index: 3; position: absolute; left: 0px; top: 5px; width: 800px; text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }
div#menuLanguage span.current { vertical-align: bottom; color: #708090; }
div#menuLanguage a { color: #000000; text-decoration: none; }
div#menuLanguage a:hover { color: #800000; text-decoration: underline; }

div#menuMain { z-index: 4; position: absolute; left: 0px; top: 80px; width: 800px; background-color: #939598; } 
div#menuMain table { float: right; }
div#menuMain td { font-size: 1.0em; font-style: italic; font-weight: bold; padding: 2px 0px 2px 0px; }
div#menuMain a { display: block; color: white; border-left: 1px solid White; text-decoration: none; padding: 1px 5px 1px 5px; }
div#menuMain a:hover { color: #F8F8FF; background-color: #64676A; }

div#menuSub { z-index:5; position:absolute; left: 0px; top: 120px; width:150px; background-color: white; } 
div#menuSub{ width: 150px; padding-top: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; vertical-align: top; background-color: #F73C31; font-style: italic; font-weight: bold; }
div#menuSub a { background-color: #F73C31; color: white; border: 1px solid #F73C31; display: block; text-decoration: none; }
div#menuSub a.menuSubImp1 { padding: 3px 5px 3px 2px; margin: 8px 2px 8px 2px; }
div#menuSub a.menuSubImp2 { padding: 2px 5px 2px 5px; margin: 0px 2px 0px 2px; }
div#menuSub a:hover { background-color: #F73C31; border: 1px solid White; text-decoration: none; }

/* Main */
div#content { z-index:6; position:absolute; left: 160px; top: 120px; width:650px; background-color: gray; } 
div#content { width: 630px; background-color: transparent; padding: 0.5em 1em 0.5em 1em;  vertical-align: top;  }
div#content h3 {  color: #404000; margin: 0.5em 0em 0.5em 0em;  font-weight: bold;  }
div#content p { padding-left: 2em; }
div#content li { margin-left: 2em; }
div#content dfn {display: block;  margin-top: 0.5em; font-size: 0.8em; font-style: normal; }
div#content td { vertical-align: top; }
div#content a { color: #0000FF; text-decoration: none; }
div#content a:hover { text-decoration: underline; }

/* Page Footer */
div#footer { color: #708090; border-top: 1px solid #CCCCCC; background-color: transparent; font-size: 0.8em; padding-top: 0.33em; vertical-align: top; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#footer a { color: #708090; text-decoration: none; }
div#footer a:hover { color: #800000; text-decoration: underline; }

/* Errors */
div.errBanner { background: #FFDEAD; padding: 2px 0px 2px 0px; }
div.errBanner h4 { color: #F73C31; text-align: center; }
div.errBanner li { color: Black; font-size: 0.8em;   }


/* Garanties */
table#gtieCouverture { background-color: white; width: 95%;}
table#gtieCouverture td#base { background-color: #4CB84D; border: 1px solid #4CB84D; }
table#gtieCouverture td#elargie { background-color: #FFCB08; border: 1px solid #FFCB08; }
table#gtieCouverture td#luxe { background-color: #007FC5; border: 1px solid #007FC5; }
table#gtieCouverture td#tuning { background-color: #F58020; border: 1px solid #F58020; }
table#gtieCouverture td#gas { background-color: #A5DBCE; border: 1px solid #A5DBCE; }

table#gtieProduits { background-color: transparent; border: 1px solid #DCDCDC; width: 95%;}
table#gtieProduits th { background-color: #DCDCDC;     }
table#gtieProduits tr.alternate { background-color: #FFFFE0;    }
table#gtieProduits td.optionName { font-weight: normal;}
table#gtieProduits td.optionSel { text-align: center;}
table#gtieProduits a { display: block; text-decoration: none; color: #000000; width: 20px;}
table#gtieProduits a:visited { color: #000000;}
table#gtieProduits a:hover { text-decoration: none; }
table#gtieProduits a.gtMust { background-color: #4CB84D; border: 1px solid #4CB84D; }
table#gtieProduits a.gtCool { background-color: #4CB84D; border: 1px solid #4CB84D; }
table#gtieProduits a.gtBest { background-color: #FFCB08; border: 1px solid #FFCB08; }
table#gtieProduits a.gtMaxi { background-color: #FFCB08; border: 1px solid #FFCB08; }
table#gtieProduits a.gtElite { background-color: #007FC5; border: 1px solid #007FC5; }
table#gtieProduits a.gtTuning { background-color: #F58020; border: 1px solid #F58020; }
table#gtieProduits a.gtGAS { background-color: #A5DBCE; border: 1px solid #A5DBCE; }

table.garantieTab { background-color: transparent; border: 1px solid #DCDCDC; }
table.garantieTab th { background-color: #DCDCDC;     }
table.garantieTab tr.alternate { background-color: #FFFFE0;    }
table.garantieTab td.amount { text-align: right; }
table.garantieTab td.multicol { text-align: center; }
table.garantieTab span.indent { padding-left: 10px; }

/* NSA Net */
table#nsaNetUserBanner { width: 97%; border: 1px solid #DCDCDC; margin-bottom: 8px;}
table#nsaNetUserBanner td{ padding: 2px 2px 2px 2px; }
table#nsaNetUserBanner td#userName { font-weight: bold; }
table#nsaNetUserBanner td#logoff { text-align: right; }
table#nsaNetUserBanner td#logoff a { display: block; font-weight: bold;  color: #F73C31}

/* Logon */
table#nsaNetLogon { width: 500px; }
table#nsaNetLogon td { font-size: 0.9em; font-weight: normal;}
table#nsaNetLogon td.button { text-align: right; }
table#nsaNetLogon input { font-size: 0.9em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table#nsaNetLogon input#username { width: 200px;}
table#nsaNetLogon input#password { width: 200px;}

/* Logon Main Page*/
table#nsaNetLogonMain { width: 200px; border: 1px solid #939598; }
table#nsaNetLogonMain th { font-size: 0.8em; background-color: #F73C31;  color: White;  }
table#nsaNetLogonMain td { font-size: 0.7em; }
table#nsaNetLogonMain td.button {text-align: right; }
table#nsaNetLogonMain input { font-size: 1.0em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table#nsaNetLogonMain input#username { width: 100px;}
table#nsaNetLogonMain input#password { width: 100px;}
table#nsaNetLogonMain input.button	{ width: 100px;}

/* Data table */
table.dataTable { width: 100%; }
table.dataTable tr.alternate{ background-color: #FFFFE0; }
table.dataTable th { font-size: 0.9em; background-color: #DCDCDC; padding: 2px 2px 2px 2px;}
table.dataTable td { font-size: 0.7em; }
table.dataTable a { color: #0000FF; text-decoration: underline; }
table.dataTable a:hover { color: #F73C31; }

/* Contact table */
table.contactTable { width: 80%; background-color: transparent; border: 1px solid #DCDCDC; }
table.contactTable th { background-color: #DCDCDC; padding: 2px 2px 2px 2px;}
table.contactTable td { margin: 1px 1px 1px 1px;  vertical-align: middle;   }
table.contactTable td.label { background-color:  #FFFFE0; }
table.contactTable td.data { font-size: 0.9em; }
table.contactTable td.buttonLeft { text-align: left; }
table.contactTable td.buttonRight { text-align: right; }
table.contactTable input { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table.contactTable input.inputText { width: 100%; }
table.contactTable textarea.inputMultiLine {width: 100%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  height:6em;}

/* Reference table */
table.referenceTable { background-color: transparent; border: 1px solid #DCDCDC; margin-left: 2em;}


/* Display table */
table.dspTable { width: 100%; }
table.dspTable th { font-size: 0.9em; background-color: #DCDCDC; padding: 2px 2px 2px 2px;}
table.dspTable td { font-size: 0.8em; margin: 1px 1px 1px 1px;  vertical-align: middle;   }
table.dspTable td.label { background-color:  #FFFFE0; }
table.dspTable span.labelError { font-weight: bold; color: #F73C31;}
table.dspTable td.data { font-size: 0.9em; }
table.dspTable td.buttonLeft { text-align: left; }
table.dspTable td.buttonRight { text-align: right; }
table.dspTable input { font-size: 0.9em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table.dspTable input.inputDate { width: 100px; text-align: right; }
table.dspTable input.inputCounter { width: 100px; text-align: right; }
table.dspTable input.inputAmount { width: 100px; text-align: right; }
table.dspTable input.inputAmountTotal { width: 100px; text-align: right; font-weight: bold; }
table.dspTable input.inputTextBig { width: 190px; }
table.dspTable input.inputTextMed { width: 130px; }
table.dspTable input.inputTextSmall { width: 50px; }
table.dspTable select { font-size: 0.9em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
table.dspTable select.inputComboBig { width: 196px; }
table.dspTable select.inputComboMed { width: 100px; }
table.dspTable select.inputComboSmall { width: 50px; }

/* Multipage navigation */
div.pageNav { display: block; font-size: 0.8em; text-align: right;  }
div.pageNav select.pageJump { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em;}