/*
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; box-shadow: 0 0 0px #424242; }
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 { max-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;background: url(image/highway/header.jpg) no-repeat left top; }
#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;     padding-top: 20px;}

#menu { float: left; height: 101px; width: 100%; padding-left: 70px; 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: 140px; margin-right: 1px; text-decoration: none; font-size: 1.1em; font-weight: bold; color: #fff; padding-top: 40px; text-align: center; }
#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 {height: 323px; margin: 0 auto; text-align: right;float: right; }
#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 { max-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 { max-width: 1020px; margin: 0 auto; background-image: url(image/highway/header2.jpg); background-repeat: no-repeat; background-position: top; border-top: none;  }

/* Content */
#content { float: left;     width: 70%; padding-left: 40px; }
.post { }
.post .title { margin: 0; font-weight: normal; }
.post h1.title { min-height: 30px; font-size: 2.4em; margin-top: 10px; margin-bottom: 20px; }
.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: 8pt; 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; line-height: 1em; }
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.newsmenu { background-image: url(image/icon32/editnews.png); }
a.saisieSimplifiee { background-image: url(image/icon32/kate.png); }
a.saisieDetaillee { background-image: url(image/icon32/todolist.png); }
a.webexpedition { background-image: url(image/icon32/dispatch_order_refresh.png); }
a.recapitulatif { background-image: url(image/icon32/list.png); }
a.demandeEtiquette { background-image: url(image/icon32/document_multiple.png); }
a.gestionFichierClient { background-image: url(image/icon32/identity.png); }
a.configuration { background-image: url(image/icon32/preferences_system.png); }
a.qrcode { background-image: url(image/icon32/qrcode.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.paiement { background-image: url(image/icon32/creditcards.png); }
a.factureupload { background-image: url(image/icon32/upload1.png); }
a.tarif { background-image: url(image/icon32/table.png); }
a.deconnexion { background-image: url(image/icon32/system_log_out.png); }
a.java { background-image: url(image/icon32/java.png); }
a.envoiFichier { background-image: url(image/icon32/upload.png); }
a.print { background-image: url(image/icon32/printer1.png); }
#mainContent #rcorners1 {
    border-radius: 25px;
    background: #ffdaa5;
    padding: 20px;
    opacity: 0.9;
    float:initial;
    margin-top: 0px;
    margin-left: 5px;
    min-width: 300px;
    position: relative;
    margin-bottom: 15px;
}
#rcorners1 {
    border-radius: 25px;
    background: #ffffff;
    padding: 20px;
    opacity: 0.9;
    float: left;
    position: absolute;
    margin-top: 23px;
    margin-left: 50px;
    min-width: 300px;
    max-width: 450px;
}
.post #rcorners1 {
    display: none;
}
#rcorners1 h2{
    margin-bottom: 10px;
}
#rcorners1 h3{
    margin-bottom: 7px;
}
.postnews{
    margin-bottom: 30px;
    margin-top: 30px;
    margin-left: 30px;
}
.postnews h5{
    float: right;
    margin-right: 30px;
}
.line-separator{
    height:1px;
    background:#717171;
    border-bottom:1px solid #be6e41;
    margin-left: auto;
    margin-right: auto;
    width:70%;
}

/* The ribbons */
.ribbon {
    position: absolute;
    right: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px; 
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    color: #fff; 
    text-transform: uppercase; 
    text-align: center;
    font-weight: bold; line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg); /* Needed for Safari */
    width: 100px; display: block;
    background: #f70505;
    background: linear-gradient(#f70505 0%, #f70505 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px; right: -21px;
}.ribbon span::before {
    content: '';
    position: absolute; 
    left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #f70505;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #f70505;
}
.ribbon span::after {
    content: '';
    position: absolute; 
    right: 0%; top: 100%;
    z-index: -1;
    border-right: 3px solid #f70505;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #f70505;
}.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}


#pagefacture form{
    top: 50%;
    left: 50%;
    width: 50%;

}
#pagefacture .import{
    border: 4px dashed #cc9f48;
    margin-top: 20px;
    margin-bottom: 20px;
    position:relative;
}
#pagefacture form p{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 170px;
    color: #000;
    font-family: Arial;
}
#pagefacture .inputimport{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
#pagefacture .buttonupload{
    margin: 0;
    color: #fff;
    background: #16a085;
    border: none;
    width: 508px;
    height: 35px;
    margin-top: 20px;
    margin-left: 4px;
    border-radius: 4px;
    border-bottom: 4px solid #117A60;
    transition: all .2s ease;
    outline: none;
}
#pagefacture .buttonupload:hover{
    background: #149174;
    color: #0C5645;
}
#pagefacture .buttonupload:active{
    border:0;
}
#pagefacture  .TableauRecap td {
    border : 1px solid black;
    vertical-align: bottom;
    text-align: center;
}


#pagefacture .TableauRecap table{
    border-collapse: collapse;
    width: 100%;
}

#pagefacture .TableauRecap th {
    height: 50px;
}
#pagefacture input[type="file"] {
    display: block;
}
#pagefacture .imageThumb {
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}
#pagefacture .pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}
#pagefacture .remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
}
#pagefacture .remove:hover {
    background: white;
    color: black;
}

.bodyavissouffrance form  { display: table; width: 100%      }
.bodyavissouffrance p     { display: table-row;  }
.bodyavissouffrance label { display: table-cell;   display: -ms-flexbox;}
#datelabelinput { display: table-cell; }
.bodyavissouffrance input { display: table-cell; }
.choixReglement {margin-top: 10px;     margin-left: 10px;    margin-bottom: 10px; line-height:normal;}
.choixReglement p {margin-top: 10px; line-height:normal;}
#champsdatelabel {padding-left: 15px;}
#infosValidation{text-align: center; margin-top: 10px;margin-bottom: 10px}
#infosValidation input{padding: 6px; width: auto; height: auto; font-size: 30px; font-weight: bold; display: inline-block; margin: 0 auto; color: #000000; background-color: #daffda;}

#menublockmobile{
    display: none;
}