/* Insertion de la feuille de style du composant pour les tableaux */
@import url("extremecomponents.css");

body {
    /*background: #7dbedf;*/
    background: url(../images/fond2.png) #fefefe repeat-x;
    font-family: Verdana, Helvetica, Arial,sans-serif;
    font-size: 0.8em;
    margin: 0
}

table {
    font-size : 1em;
}

img {
    border: 0;
}
a {
    color: black;
}
a:hover {
    text-decoration: none;
}
h6 {
    margin: 2px;
    padding: 0;
    height: 30px;
}
hr {
    height: 2px;
    background-color: #8B4A0B;
    border: solid #000000 1px;
    margin: 20px 0;
}
strong {
    font-weight: bold;
    font-style: normal;
}
em {
    font-weight: normal;
    font-style: italic;
}

.button {
    cursor: pointer;
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: bold;
    background-color: #db7a11;
    color: white;
    margin-top: 0px;
    border: outset 1px #333;
    vertical-align: top;
}
.button:hover {
    background-color: #f6b34a;
}

.qte {
    width:70px;
}

/********* Login / Logout *********/
#login, #logout {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    /*height: 280px;*/
    margin-top: -180px; /* moitié de la hauteur */
    margin-left: -180px; /* moitié de la largeur */
    padding-bottom: 10px;
    border: dashed #0a52be thin;
    text-align: center;
    /*background: url(../images/login_fond2.png) repeat;*/
    /*background-color: #b0d0e2; */
    background-color: #ffffff;
}
#login img, #logout img {
    margin-top: 20px;
}
#login h1, #logout h1 {
    font: bold italic 1.5em Verdana, Helvetica, Arial, sans-serif;
    color: #D36901;
    margin: 10px;
}
#login .divLogin {
    text-align: right;
    margin: 0 75px 10px 0;
}
#login .divLogin label {
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 1em;
}
#login .divLogin input {
    width: 120px;
}

#login .artemis {
    color: #999999;
    font-size: X-small;
    font-style: italic;
    padding-top: 8px
}


/********* Header *********/
#header {
    height: 90px;
    background-color: #fff;
    margin: 5px;
    /*border: solid lightgrey 1px;*/
    border: solid #8b4a0b 1px;
    background-image: url(../images/main_header.png);
    background-repeat: no-repeat;
}
#header h1 {
    margin: 0;
    padding: 0;
}
#header hr {
    display: none;
}
#header #connecte {
    position: absolute;
    top: 15px;
    right: 20px;
    margin: 0;
    font-weight: bold;
    font-style: oblique;
    font-size: 1.2em;
    color: #8b4a0b;
    text-align: right;
}
#header #sitetic {
    margin: 5px;
}


/********* Menu *********/
#menuglobal {
    float: left;
    /*overflow: hidden;*/
    width: 195px;
    margin: 0 5px 5px 5px !important;
    margin: 0 3px 5px 5px;
    height: 350px;
}
#rechercheArtemis {
    margin : 5px 0 0 0;
    padding : 5px;
    background-color: #fbf8e1;
    border: solid #8b4a0b 1px;
}
#menu {
    background-color: #fbf8e1;
    border: solid #8b4a0b 1px;
}
#menu hr {
    display : none;
}
#liste ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#liste ul li{
    padding: 0;
    display: inline; /* MSIE */
}
#liste ul li a{
    display: block;
    padding: 15px 5px 15px 35px;
    color: brown;
    background-color: #fbf8e1;
    background-repeat: no-repeat;
    background-position: 6px center;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
}
#liste ul li a.courant{
    color: #fbf8e1;
    background-color: #db7a11;
}
#liste ul li a:hover, #liste ul li a.courant:hover{
    color: #fbf8e1;
    background-color: #f6b34a;
}
#liste ul li a#ConsultCmd {
    background-image: url(../images/folder2_blue.png) !important;
    background-image: url(../images/folder2_blue.gif);
}
#liste ul li a#BaseFaconniers {
    background-image: url(../images/user1.png) !important;
    background-image: url(../images/user1.gif);
}
#liste ul li a#Stock {
    background-image: url(../images/shelf.png) !important;
}
#liste ul li a#Adresses {
    background-image: url(../images/truck_blue.png) !important;
    background-image: url(../images/truck_blue.gif);
}
#liste ul li a#FichiersProd{
    background-image: url(../images/factory.png) !important;
    background-image: url(../images/factory.gif);
}
#liste ul li a#BonsLivr{
    background-image: url(../images/document_into.png) !important;
    background-image: url(../images/document_into.gif);
}
#liste ul li a#Etats{
    background-image: url(../images/cashier.png) !important;
    background-image: url(../images/cashier.gif);
}
#liste ul li a#Stats{
    background-image: url(../images/chart.png) !important;
    background-image: url(../images/chart.gif);
}
#liste ul li a#Admin{
    background-image: url(../images/gears.png) !important;
    background-image: url(../images/gears.gif);
}
#liste ul li a#Deco{
    background-image: url(../images/exit.png) !important;
    background-image: url(../images/exit.gif);
}
#liste ul li a#Clients{
    background-image: url(../images/user1.png) !important;
    background-image: url(../images/user1.gif);
}
#liste ul li a#SaisieCmd{
    background-image: url(../images/document_new.png) !important;
    background-image: url(../images/document_new.gif);
}
#liste ul li a#Traductions{
    background-image: url(../images/address_book.png) !important;
    background-image: url(../images/address_book.gif);
}
#liste ul li a#Documentations{
    background-image: url(../images/documentation.png) !important;
    background-image: url(../images/documentation.gif);
}
#liste ul li a#TableauBord{
    background-image: url(../images/chart-pie.png);
}
#liste ul li a#Suivis{
    background-image: url(../images/card-file.png);
}
#liste ul li a#Colisage{
    background-image: url(../images/colisage.png);
}

#microtec {
    margin-top: 10px;
    text-align: center;
    font-size: 0.7em;
}
#microtec a {
    text-decoration: none;
}
#microtec a:hover {
    text-decoration: underline;
}


/**menu vertical de l'admin**/
#menuAdminVertical {
    float: left;
    overflow: hidden; /* MSIE */
    width: 140px;
    margin: 7px 5px 5px 5px !important;
    margin: 0 5px 5px 3px;            /* MSIE */
    height: 750px;
}

#listeAdmin ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
#listeAdmin ul li{
    padding: 0;
    display: inline; /* MSIE */
}
#listeAdmin ul li a{
    display: block;
    padding: 12px 5px 12px 35px;
    color: brown;
    background-color: #fbf8e1;
    background-repeat: no-repeat;
    background-position: 6px center;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
}
#listeAdmin ul li a.courant{
    color: #fbf8e1;
    background-color: #8b4a0b;
}
#listeAdmin ul li a:hover, #listeAdmin ul li a.courant:hover{
    color: #fbf8e1;
    background-color: #C79463;
}
#listeAdmin ul li a#General {
    background-image: url(../images/gears.png) !important;
    background-image: url(../images/gears.gif);
}
#listeAdmin ul li #Dossier {
    background-repeat: no-repeat;
    background-image: url(../images/folder.png) !important;
    background-image: url(../images/folder.gif);
}
#listeAdmin ul li a#Pick {
    background-image: url(../images/scroll_run.png) !important;
    background-image: url(../images/scroll_run.gif);
}
#listeAdmin ul li div {
    color: brown;
    background-color: #fbf8e1;
    font-weight: 700;
    font-size: 12px;
    padding-top :5px;
    padding-left:5px;
    padding-bottom: 5px;
}
#listeAdmin ul li div.courant{
    color: #fbf8e1;
    background-color: #8b4a0b;
}

/********* Main *********/
#main {
    padding: 0 3px 0 3px;
    margin: 0 5px 0 205px !important;
    margin: 0 5px 0 0; /** IE **/
    background-color: #fff;
    border: solid #8b4a0b 1px;
    height: 50%; /*Pour un affichage correct sous IE*/
}
#main #clear {
    clear: both;
    line-height: 5px;
}
#main .spacer {
    height: 1px;
    width: 100%;
}
#main h1 {
    margin: 10px 0 10px 0 !important;
    margin: 0 0 10px 0;               /* MSIE */
    font-size: 2em;
}
#main h2 {
    margin: 10px 0 10px 0 !important;
    margin: 0 0 10px 0;
    font-size: 1.5em;
}

.champs label {
    line-height: 30px;
    vertical-align: baseline
}
.champs .champ {
    position: absolute;
    left: 370px;
    vertical-align: baseline;
    width: 230px;
}
.champs .legende {
    left: 240px;
    position: absolute;
    vertical-align: baseline
}

.info {
    background-color: #fbf8e1;
    border: 1px solid orange;
    padding: 10px;
    font-weight: bold;
    margin: 10px 0;
}
.valide {
    background-color: #c3f3c3;
    border: 1px solid green;
    padding: 10px;
    font-weight: bold;
    margin: 10px 0;
}
.erreur {
    background-color: #ffbbbb;
    border: 1px solid red;
    padding: 10px;
    font-weight: bold;
    margin: 10px 0;
}
.cadre_jaune {
    background-color: #ffffcc;
    border:1px solid #999900;
    padding:5px;
    margin-top:10px;
}
.quant {
    width:70px;
}


/********* Criteres *********/
#criteres {
    padding: 5px;
    border: solid lightgrey 1px;
    margin-bottom: 10px;
    background-color: #f4f4f4;
}
#criteres form {
    margin: 0;
    padding: 0;
}

/********* Consultation de commandes *********/
/*** PIMKIE ***/
div.cmd_logo_1  {
    background-image: url(../images/pimkie_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** MIM ***/
div.cmd_logo_2 {
    background-image: url(../images/mim_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** PROMOD ***/
div.cmd_logo_3 {
    background-image: url(../images/promod_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** XANAKA ***/
div.cmd_logo_4 {
    background-image: url(../images/xanaka_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** TAPE A L'OEIL ***/
div.cmd_logo_5 {
    background-image: url(../images/tao_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** OKAIDI ***/
div.cmd_logo_6 {
    background-image: url(../images/okaidi_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** JACADI ***/
div.cmd_logo_7 {
    background-image: url(../images/jacadi_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** GSA ***/
div.cmd_logo_8 {
    background-image: url(../images/gsa_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** SONIA RYKIEL ***/
div.cmd_logo_9 {
    background-image: url(../images/sonia_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** MANGO ***/
div.cmd_logo_10 {
    background-image: url(../images/mango_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** ETAM ***/
div.cmd_logo_11 {
    background-image: url(../images/etam_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** GLOBAL ***/
div.cmd_logo_12 {
    background-image: url(../images/global_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** MORGAN ***/
div.cmd_logo_13 {
    background-image: url(../images/morgan_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** CAMAIEU ***/
div.cmd_logo_14 {
    background-image: url(../images/camaieu_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** WEHMEYER ***/
div.cmd_logo_15 {
    background-image: url(../images/wehm_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** PHILDAR ***/
div.cmd_logo_16 {
    background-image: url(../images/phildar_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** BEAUMANOIR ***/
div.cmd_logo_17 {
    background-image: url(../images/gbm_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** HAPPY ***/
div.cmd_logo_18 {
    background-image: url(../images/happy_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** NUEVO ***/
div.cmd_logo_19 {
    background-image: url(../images/nuevo_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** JENNYFER ***/
div.cmd_logo_20 {
    background-image: url(../images/jennyfer_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** MONOPRIX ***/
div.cmd_logo_21 {
    background-image: url(../images/monoprix_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** DEVANLAY ***/
div.cmd_logo_22 {
    background-image: url(../images/devanlay_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** MAX ***/
div.cmd_logo_23 {
    background-image: url(../images/max_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/*** MUNICH ***/
div.cmd_logo_24 {
    background-image: url(../images/munich_petit.jpg);
    background-position: right top;
    background-repeat: no-repeat;
    width: 100%;
}

/********* Particularites tableau ec *********/
#ec {
    margin: 0;
    padding: 0;
}
#TableBottom {
    margin-top: 10px;
}

/********* Tableau style extremecomponents *********/

.tableau {
    border: 1px solid silver;
    padding: 1px;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    margin: 7px 0 7px 0;
    text-align: center;
    background-color: #fff;
}
.tableau th {
    background-color: #db7a11;
    color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 3px 4px 3px;
    margin: 0;
    border-right-style: solid;
    border-width: 0 1px 0 0;
    border-color: white;
}
.tableau td {
    padding: 2px 3px 2px 3px;
    vertical-align: middle;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
}
.tableau a {
    color: black;
    font-size: 10px;
}
.tableau .left {
    text-align: left;
    font-weight: bold;
}
.tableau .odd {
    background-color: #fff;
}
.tableau .even {
    background-color: #dfe4e8;
}
.tableau .soustotal {
    background-color: lightgray;
}
.tableau .total {
    background-color: gray;
    color: white;
}


/********* Menu Admin *********/
#menuadmin {
    /*float: left;*/
    width: 100%;
    background: #fff url("../images/bg.png") repeat-x bottom;
    font-size: 93%;
    line-height: normal;
    margin-bottom: 10px;
}
#menuadmin ul {
    margin: 0;
    padding: 10px 10px 0;
    list-style: none;
}
#menuadmin li {
    float: left;
    background: url("../images/left-both.png") no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
    border-bottom: 1px solid #8b4a0b;
}
#menuadmin a {
    float: left;
    display: block;
    width: .1em;
    background: url("../images/right-both.png") no-repeat right top;
    padding: 5px 15px 4px 6px;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    white-space: nowrap;
}
#menuadmin > ul a {width: auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menuadmin a {float: none;}
/* End IE5-Mac hack */
#menuadmin a:hover {
    color: #8b4a0b;
}
#menuadmin #selected {
    background-position: 0 -150px;
    border-width: 0;
}
#menuadmin #selected a {
    background-position: 100% -150px;
    padding-bottom: 5px;
    color: #333;
}
#menuadmin li:hover, #header li:hover a {
    background-position: 0% -150px;
    color: #333;
}
#menuadmin li:hover a {
    background-position: 100% -150px;
}

.cahier {
    background: url(../images/cahier.png) repeat;
    padding: 5px 0 5px 50px;
    margin: 20px;
    width: 90% !important;
    width: 100%;
}

.menuAdminTree {
    float : left;
    width : 180px;
    height : 600px;
    margin : 3px 1px 3px 1px;
    padding : 10px 0px 0px 0px;
    background-color : #dfe4e8;
}

.mainAdmin {
    float: none; /*!important;*/
    /*float: left;*/              /* MSIE */
    margin: 5px 5px 5px 145px; /*!important;*/
    /*margin: 0 10px 0 0;*/        /* MSIE */
    position : relative;
    padding : 0px 0px 0px 5px;
    width : auto !important;
    width : 100%;  /* MSIE */

}

.mainAdmin .grand {
    width: 300px;
}

.mainAdmin .petit {
    width: 60px;
}

/************  Symboles de lavage, séchage, nettoyage... ******/
.symbTKTextile {
    font-family: "Tk Textile";
    font-size: 2em;
}

.symbCSSymbol2 {
    font-family: "CS Symbol 2";
    font-size: 2em;
}

.symbULDevanlayTKEU {
    font-family: "UL DEVANLAY TK EU";
    font-size: 2em;
}

/** comemntaires sur détails de commandes **/
.commentaires {
    background-color: #FDF6EC;
}

/** Bouton image **/
.btImage a {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.btImage a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    vertical-align:middle;
}

.msgCoupureArtemis {
    margin-top:10px;
    background-color:#FF3939;
    text-align:left;
    border: solid red 1px;
    padding-left:3px;
}

#pwdOublie {
    margin-top:10px;
}

#pwdOublie a {
    color:gray;
    font-size:x-small;
}

#formPassword {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 450px;
    margin-top: -180px;
    margin-left: -225px; /* moitié de la largeur */
    padding-bottom: 10px;
    border: dashed #0a52be thin;
    text-align: center;
    background-color: #ffffff;
}

#formPassword .divLogin {
    text-align: right;
    margin: 0 50px 10px 0;
}
#formPassword .divLogin label {
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 1em;
}
#formPassword .divLogin input {
    width: 200px;
}
#formPassword .divLogin select {
    width: 200px;
}

#formPassword .phrase {
    text-align: center;
    font-style: italic;
}

/** niveau sécurité mot de passe **/
#passwdout {
    width:120px;
    border:1px solid #ccc;
    padding:1px;
    background-color:#eee;
    float:left;
}

#passwd_lv {
    height:13px;
    width:0%;
    overflow:hidden;
}

#passwd_lv_txt {
    float:left;
    padding: 2px 0 0 5px;
    font-weight:bold;
}

/** Saisie de commande **/
#SaisieCmd .cadre {
    margin:5px;
    padding:5px;
    border: dashed #DB7A11 thin;
    margin-bottom:25px;
    width : auto !important;
    width : 100%;
    position: relative;
}

#SaisieCmd .photo {
    position:absolute;
    top:5px;
    right:5px;
}

#SaisieCmd .qte {
    width:70px;
}

#SaisieCmd .tableau {
    width:100%;
}

#SaisieCmd .tableau td{
    text-align: left;
}

#SaisieCmd h3 {
    margin-top:0;
}

#SaisieCmd .dlFont {
    font-size:0.8em; 
    font-style:italic; 
    padding-top: 10px;
}

/****** Autocompletion ******/
#autocomplete {
    width:250px;
}
div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
div.autocomplete ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    height:16px;
    cursor:pointer;
}
/****** Fin Autocompletion ******/


.listeCmdAttente {
    font-size:0.8em;
    font-style: italic;
}

/** Liens dans le détail de commande sous le tableau récapitulatif **/
.actions_cmd {
    background-color: #FFFAF1;
    border: 1px solid #FFEDCF;
    padding: 8px;
    font-weight: bold;
}

.action_cmd {
    margin-right: 20px;
}

.action_cmd a {
    text-decoration: none;
}

.arrondi {
    border-radius: 15px;
    padding:20px;
    margin:10px;
    background-color: #FBEDD7;
    text-align: center;
    width: 150px;
    font-weight: bold;
    cursor: pointer;
}

.arrondi img {
    margin-bottom: 15px;
}

.thumbnail_allonge {
    max-width: 150px;
    max-height: 20px;
}

/**** Style pour les checkboxlist ****/
.checkboxlist {
    height:120px;
    width:480px;
    border:1px solid #ccc;
    overflow:auto;
}

.checkboxlist ul {
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow-x: hidden;
}

.checkboxlist li {
    margin: 0; 
    padding: 0;
}

.checkboxlist label {
    display: block; 
    color: WindowText; 
    background-color: Window; 
    margin: 0; 
    padding: 0; 
    width: 100%;
}

.checkboxlist label:hover { 
    background-color: Highlight; 
    color: HighlightText; 
}

/**** style lien <a href=""></a> sans la notion de lien hypertexte ****/
.lien{
    text-decoration: underline;
    cursor: pointer;
}

/***** Style d'un tableau avec <div> et <span> sans <table> ****/
.tableauForm 
{
    display:inline-table;
    padding: 3px;
}
.tableauForm .th {
    background-color: #db7a11;
    color: white;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px 3px 4px 3px;
    margin: 0;
    border-right-style: solid;
    border-color: white;
}
.tableauForm .td {
    padding: 2px 3px 2px 3px;
    vertical-align: middle;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
}
.tableauForm FORM.tr, .tableauForm DIV.tr
{
    display:table-row;
}
.tableauForm div.td, .tableauForm div.th
{
    display:table-cell;
}
/**** ****/

.logo_microtec {
    height: 20px;
    width: 20px;
}