.li_commande{
   text-align: center;
   display: inline-block;
   padding: 8px;
   border: solid 1px #CCC;
   width: 270px;
   margin:5px;
}
.li_code_promo{margin-left:25px;}

                              /************************/
                              /*        Login         */
                              /************************/
#login{
   margin:auto;
   position:relative;
   width:400px;
   padding: 3px 10px 10px 10px;
   text-align:center;
}
#login .h1{margin-bottom: 15px;}
#loginform{width:400px;}
#login .nform{margin:8px 0px;}
#login .nform label{
   display: inline-block;
   vertical-align:middle;
   box-sizing: border-box;
   width: 110px;
   padding:8px 0px;
   color: white;
   font-weight: bold;
   text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
   background: #004a99;
   box-shadow: 0px 1px 1px #333 inset;
   font-size: 15px;
}
#login .nform.double label{padding-top:1px;height: 35px;}
#login .nform input{
   display: inline-block;
   vertical-align:middle;
   box-sizing: border-box;
   width: 255px;
   padding-left: 10px;
   font-weight: bold;
   border: none;
   color: #cecece;
   font-size: 16px;
   background: #1f2026;
}

#loginform .iform, #loginform .btn_link{width:150px;box-sizing: border-box;}

                              /************************/
                              /*       Boutique       */
                              /************************/

.pending{background-color:#EEEEEE; color: #666666;}
.completed{}
.cancelled{background-color:#D03737; color:#FFFFFF;}
#main .cancelled a{color:#7EC7FF;}
.delivered{background-color:#060;color: #FFF;font-weight: bold;}
#main .delivered a{color: #7EC7FF;}
.check_status{background-color:#F60;}

.li_fac{max-width: 940px;background:#dcdcdc;margin:10px auto;color:#0b3057;padding:10px 0px;}
.li_fac .ident, .li_fac .pay, .li_fac .action{display:inline-block;vertical-align:middle;}
.li_fac .ident_facture, .li_fac .date, .li_fac .montant, .li_fac .mode_pay, .li_fac .detail, .li_fac .dl{display:inline-block;vertical-align:middle;padding:10px 15px;}
.li_fac .montant{width:220px;text-align:right;}
.li_fac .mode_pay{width:80px;}
.li_fac .detail, .li_fac .dl{ 
   background: #0b3057;
   color: #FFF;
   width: 140px;
   text-align: center;
   padding: 6px 0px;
   margin:0px 8px;
   text-decoration:none;
}
.li_fac .dl{background:#e53f49;}


.li_cmd{margin: 20px auto;max-width: 800px;border:solid 2px #DFDFDF;}
.li_cmd .head{background: #0b3057;color: #FFF;padding:15px;}
.li_cmd .head .date{display:inline-block;width:50%;text-align:left;vertical-align:middle;}
.li_cmd .head .ident_facture{display:inline-block;width:50%;text-align:right;vertical-align:middle;}
.li_cmd .pay{background: #cdcdcd;color: #FFF;padding:8px 15px;color:#0b3057;}
.li_cmd .pay .mode_pay{display:inline-block;width:50%;text-align:left;vertical-align:middle;}
.li_cmd .pay .montant{display:inline-block;width:50%;text-align:right;vertical-align:middle;}

.li_cmd .meubles{padding:8px 0px;}
.li_cmd .meubles .line{padding:4px;text-align:left;}
.li_cmd .meubles .line .name,.li_cmd .meubles .line .state,.li_cmd .meubles .line .nb_colis{display:inline-block;vertical-align:middle;padding: 0px 16px;}
.li_cmd .meubles .line .name{min-width: 180px;}
.li_cmd .meubles .line .state{width: 90px;padding: 0px 8px;}
.li_cmd .meubles .line .nb_colis{width: 60px;}

.li_cmd .detail, .li_cmd .dl{ 
   display:inline-block;
   vertical-align:middle;
   background: #0b3057;
   color: #FFF;
   min-width: 120px;
   text-align: center;
   padding: 6px 10px;
   margin:0px 8px;
   text-decoration:none;
}
.li_cmd .dl{background:#e53f49;}
.li_cmd .action{margin-top: 15px;}

#menu_client{
   text-align:center;
   margin: 20px 0px;
}
#menu_client a{
   background: #e53f49;
   color: #FFF;
   display: inline-block;
   padding:5px 0px;
   text-decoration:none;
   vertical-align: top;
   vertical-align: middle;
   margin: 10px 12px;
   width:210px;
   text-align:center;
}
#menu_client a:hover{background: #004a99;}
#menu_client a.sel{background: #0b3057;}

#menu_client .img{display:inline-block;line-height:38px;margin-bottom: 2px;}
#menu_client .img img{vertical-align:middle;}
#menu_client .label{
   display: inline-block;
   line-height: 48px;
   height: 48px;
   font-size: 17px;
   text-transform: uppercase;
   overflow: hidden;
}
#menu_client .label span{display:inline-block;line-height:22px;vertical-align:middle;}

#menu_client .logout{width:170px;margin:10px auto;display: block;}
#menu_client .logout .img{vertical-align: middle;margin-right:6px;margin-bottom:0px;line-height: 100%;}
#menu_client .logout br{display:none;}
#menu_client .logout .label{vertical-align: middle;font-size:14px;height:auto;line-height:100%;}

/* --- MEDIA QUERY --- */
@media print{
   #header,input,#footer,#bandeau_reassurance{display:none;}
   .picto{display:none;}
}