.li_commande{
   text-align: center;
   float: left;
   padding: 8px;
   border: solid 1px #CCC;
   width: 270px;
   box-shadow: 5px 5px 8px #333;
   margin:5px;
}
.li_code_promo{margin-left:25px;}

                              /************************/
                              /*        Login         */
                              /************************/
#login{
   margin:auto;
   position:relative;
   width:400px;
   background: #E4E5EE;
   border:solid 1px #009b54;
   padding: 3px 10px 10px 10px;
   text-align:center;
   border-radius: 8px;
}
#login .h1{margin: 8px 0px;text-shadow: 1px 1px 1px #BEDDEE;color: #09c;color: #009b54;font-size: 20px;}
#loginform{width:400px;}
#login .nform{margin:5px 0px;}
#login .nform label{
   display: block;
   float: left;
   width: 110px;
   height: 28px;
   padding-left: 15px;
   color: white;
   font-weight: bold;
   padding-top: 8px;
   text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
   border-radius: 5px 0px 0px 5px;
   background: #009b54;
   box-shadow: 0px 1px 1px #333 inset;
   font-size: 14px;
   padding-right: 10px;
}
#login .nform.double label{padding-top:1px;height: 35px;}
#login .nform input{
   display: inline-block;
   width: 245px;
   height: 20px;
   padding-left: 10px;
   font-weight: bold;
   border: none;
   color: #cecece;
   font-size: 16px;
   background: #1f2026;
   border-radius: 0px 5px 5px 0px;
   box-shadow: 0px 1px 1px #000 inset;
}
#login .iform{
   padding: 4px 10px;
   color: white;
   font-weight: bold;
   font-size: 14px;
   min-width: 135px;
   border: solid 1px #CCC;
   margin-bottom: 10px;
}

#bloc_cotisation{
   width: 500px;
   margin: auto;
   background: #FFF;
   text-align: center;
   padding: 10px;
   color: #000;
}
#bloc_cotisation span{display:inline-block;vertical-align:middle;}
#bloc_cotisation .status{padding:4px 8px;background:#e61313;color: #FFF;margin-left: 10px;}
#bloc_cotisation .status.active{background:#009b54;}

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

.pending{background-color:#EEEEEE; color: #666666;}
.completed{font-weight:bold; background-color:#CCFF99; color: #006600;}
.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;}


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