/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* { margin: 0px; padding: 0px; }
body { background: #cd9f46; }
body, th, td, input, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
h1, h2, h3 { color: #be6e41; }
h1 { font-size: 3em; }
h2 { text-transform: uppercase; font-size: 1.5em; font-weight: bold; }
h3 { font-size: 1em; margin: 4px 0px 4px 0px; }
p, ul, ol { margin-top: 1.5em; line-height: 1.8em; font-size: 1.1em; }
ul, ol { margin-left: 3em; }
a { text-decoration: underline; color: #cd9f46; }
a:hover { border: none; text-decoration: none; }
h1 a, h2 a, h3 a { border: none; text-decoration: none; color: #cd9f46; }
h1 a:hover, h2 a:hover, h3 a:hover { background: none; color: #cd9f46; }
hr { display: none; }
#main { width: 1020px; margin: 0 auto; border-left: 5px solid #000000; border-right: 5px solid #000000; background-color: #fff; }

/* Header */
#header { width: 1020px; margin: 0 auto; height: 424px; }
#header2 { height: 100px; }
#header2 h1 a { color: #fff; font-size: 48px; line-height: 1em;  }
#header2 h2 { font-style: italic; font-size: 10px; float: right; color: #cd9f46; }
#backToMenu, #backToHome { display: inline-block; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; margin-top: 4px; margin-left: 24px; padding: 2px 2px 2px 2px; }
#backToMenu:hover, #backToHome:hover { color: #cd9f46; }

#mainContent { padding-left: 4px; padding-right: 4px; }

#menu { float: left; height: 101px; width: 820px; padding-left: 200px; background: url(image/highway/menu.jpg) no-repeat; }
#menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; }
#menu li { float: left; }
#menu a { display: block; float: left; height: 61px; width: 115px; margin-right: 1px; text-decoration: none; font-size: 1.1em; font-weight: bold; color: #fff; padding-top: 40px; text-align: center; background: url(image/highway/button.jpg) no-repeat; }
#menu a:hover { color: #fff; background: url(image/highway/button_r.gif) repeat-x; }

/* News */
#news { border: 1px inset #666; float: left; color: #fff; font-weight: bold; margin-left: 40px; margin-top: 40px; padding: 10px; width: 450px; background: url(image/highway/news_shade.png) repeat; }
#news h2 { color: #cd9f46; }
#news ul { margin-top: 8px; }

/* Logo */
#logo { width: 1020px; height: 323px; margin: 0 auto; text-align: right; background: url(image/highway/header.jpg) no-repeat left top; }
#logo h1 { padding-right: 20px; color: #fff; padding-top: 250px; font-size: 48px; }
#logo h2 { font-style: italic; font-size: 10px; padding-right: 20px; color: #cd9f46; }
#logo a { color: #fff; }

/* Page */
#page { width: 1020px; margin: 0 auto; background-image: url(image/highway/page_back.gif); background-repeat: repeat-x; background-position: top; border-top: none; padding-top: 20px; }
#page2 { width: 1020px; margin: 0 auto; background-image: url(image/highway/header2.jpg); background-repeat: no-repeat; background-position: top; border-top: none; padding-top: 20px; }

/* Content */
#content { float: left; width: 670px; padding-left: 40px; }
.post { }
.post .title { margin: 0; font-weight: normal; }
.post h1.title { height: 30px; font-size: 2.4em; }
.post .entry { padding: 0 10px 30px 15px; }
.post .meta { margin: 0; padding: 5px 0px 0px 15px; background: url(image/highway/img04.gif) repeat-x left bottom; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #cd9f46; }
.post .meta a { color: #cd9f46; }
.post .links { margin: 0; }
.post .tags { margin: 0; text-transform: uppercase; font-size: .8em; font-weight: bold; background: url(image/highway/img04.gif) repeat-x; }
.post .links a, .post .tags a { border: none; }

/* Sidebars */
.sidebar { float: left; }
.sidebar ul { margin: 0; padding: 0; list-style: none; }
.sidebar li { margin-bottom: 2em; }
.sidebar li li { margin: 0; color: #333; }
#sidebar1 { width: 255px; }
#sidebar2 { width: 255px; }
#sidebar2 li h2 { background: url(image/highway/title.gif) no-repeat left top; height: 40px; font-size: 10pt; padding: 15px 20px 0px 20px; }
#sidebar2 li h2 a { display: block; width: 100%; color: #fff; }
#sidebar2 li h2 a:hover { color: #cd9f46; }
#sidebar2 li a { border: none; padding-left: 10px; font-weight: bold; }
#sidebar2 li ul { line-height: normal; }
#sidebar2 li li { padding-left: 15px; font-size: 1em; }
#sidebar2 li li a { color: #be6e41; text-decoration: none; }
#sidebar2 li li a:hover { color: #cd9f46; }
.back_title { background: url(image/highway/title_back.gif) no-repeat; }
#sidebar2 .top { padding-top: 20px; }
#sidebar2 input { margin-left: 30px; margin-bottom: 5px; }

/* Footer */
#footer { padding: 20px; background: url(image/highway/footer.gif) repeat-x; margin-top: 50px; }
#footer p { text-align: center; font-size: 9px; color: #fff; margin: 0px; padding: 0px; }
#footer a { color: #fff; }

/* Miscellaneous */
a.bigButton { display: block; width: 219px; height: 37px; padding: 18px 18px 0 18px; margin: 10px 10px 10px 10px; text-transform: uppercase; text-decoration: none; text-align: center; font-size: .9em; font-weight: bold; color: #fff; background: url(image/highway/title.gif) no-repeat left top; }
a.bigButton:hover, a.bigButton:hover * { color: #cd9f46; }
div.navigation { margin-top: .5em; }
div.navigation a.bigButton { float: left; }
div.finNavigation { clear: both; }

table.etat { border: medium solid #000; border-collapse: collapse; border-spacing: 1px; margin: 1em 0 1em 0; }
table.etat th { font-size: 9pt; color: #fff; background-color: #000; padding: 5px; background-image: url(image/highway/fond1.png); background-position: top left; background-repeat: repeat-x; }
table.etat td { font-size: 8pt; border: 1px solid #000; padding: 5px; text-align: center; }

ul.bigButtonList { list-style: none; margin: 1em 0 0 1em; padding: 0; font-size: 10pt; font-weight: bold; }
ul.bigButtonList li { width: 500px; height: 80px; margin: 0 0 1em 0; line-height: 1.2em; background-image: url(image/highway/big_title.png); background-position: center left; background-repeat: no-repeat; }
ul.bigButtonList li a { display: inline-block; width: 410px; height: 32px; margin: 20px 20px 20px 20px; padding: 10px 0 6px 50px; font-size: 12pt; color: #fff; text-decoration: none; background-position: top left; background-repeat: no-repeat; }
ul.bigButtonList li a span { font-size: 10pt; color: #ddd; }
ul.bigButtonList li a:hover, ul.bigButtonList li a:active { color: #cd9f46; text-decoration: none; }
.mandatory { background-color: #c7ddff; }

div.inputGroup { background-color: #ffdaa5; border: 1px solid #666; padding: 8px; margin-bottom: 4px; }
div.inputGroup a { color: #be6e41; }

ul.pageList { margin: 10px 0 0 0; padding: 0; list-style: none; border-bottom: 1px solid #000; }
ul.pageList li { font-size: 8pt; font-weight: bold; display: inline; background-color: #000; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; margin: 0 0 0 1px; padding: 0 4px 0 4px; }
ul.pageList li:hover { background-color: #ffdaa5; }
ul.pageList li a { text-decoration: none; }
ul.pageList li.selected { background-color: #fff; }
ul.pageList li.selected a { color: #cd9f46; }
ul.pageList li.label { border: none; background-color: transparent; }

div.espaceClient { margin-top: 1.5em; }
div.espaceClient h3 { font-size: 12pt; border-bottom: 2px solid #be6e41; }
div.espaceClient div.bigButton { float: left; width: 255px; height: 55px; background: url(image/highway/title.gif) no-repeat left top; margin: 4px 4px 4px 4px; }
div.espaceClient a { display: block; height: 39px; padding: 16px 4px 0px 56px; text-decoration: none; line-height: 1em; font-size: 10pt; font-weight: bold; color: #fff; background-position: 11px 11px; background-repeat: no-repeat; }
div.espaceClient a:hover { color: #cd9f46; }
a.camion { background-image: url(image/icon32/konv_message.png); }
a.saisieSimplifiee { background-image: url(image/icon32/kate.png); }
a.saisieDetaillee { background-image: url(image/icon32/todolist.png); }
a.recapitulatif { background-image: url(image/icon32/list.png); }
a.demandeEtiquette { background-image: url(image/icon32/document_multiple.png); }
a.configuration { background-image: url(image/icon32/preferences_system.png); }
a.livraisonToday { background-image: url(image/icon32/view_calendar_day.png); }
a.livraisonTomorrow { background-image: url(image/icon32/go_jump_today.png); }
a.joursLivraison { background-image: url(image/icon32/view_calendar_workweek.png); }
a.stockPalette { background-image: url(image/icon32/games_config_board.png); }
a.stock { background-image: url(image/icon32/ark.png); }
a.historique { background-image: url(image/icon32/view_calendar_month.png); }
a.facture { background-image: url(image/icon32/application_pdf.png) }
a.tarif { background-image: url(image/icon32/table.png); }
a.deconnexion { background-image: url(image/icon32/system_log_out.png); }