.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: 30px auto 60px auto;
    top: 40px;
    position: relative;
    width: 500px;
    border: solid 1px #CCC;
    padding: 3px 10px 10px 10px;
    text-align: center;
    border-radius: 8px;
}
#login .h1{margin: 20px 0px 30px 0px;color: #15739a;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald;}
#loginform{width:500px;}
#login .nform{margin:10px 0px;}
#login .nform label{
   display: block;
   float: left;
   width: 110px;
   height: 28px;
   padding-left: 15px;
   font-weight: normal;
   padding-top: 8px;
   font-size: 15px;
   padding-right: 10px;
   text-align: left;
}
#login .nform.double label{padding-top:1px;height: 35px;}
#login .nform input{
   display: inline-block;
   width: 90%;
   height: 34px;
   padding-left: 10px;
   font-weight: bold;
   border: none;
   font-size: 16px;
}
#login .iform{
   padding: 8px 10px;
    color: white;
    font-size: 19px;
    min-width: 135px;
    margin-bottom: 10px;
}
#login input[type="submit"]:hover{
    background: #FFF;
    color: #000;
}
#login a.iform{color:#fff;}

                              /************************/
                              /*       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;}

input[type="button"], .btn_link { margin: 20px 5px 50px 5px;}

table.classic2{margin:auto;}
table.classic2 th{    background: #262b3e;
    border: none;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-weight: normal;}
table.classic2 td.alt {background:#ddd;}
table.classic2 td.alt2 {background:#f8f8f8;}
table.classic2 td {padding:10px;}
/* --- MEDIA QUERY --- */
@media print{
   #header,input,#footer{display:none;}
}
@media all and (max-width:600px){
   #loginform{width:100%;}
   #login {width: 90%;}
   table.classic2 th { padding: 12px; font-size: 9px;}
   table.classic2 td {font-size: 9px;}
   #login .iform {padding: 8px 5px;}
    #monCompte h1.coord_h1{
      color: #15739a;
      font-size: 28px;
      text-align: center;
      text-transform: uppercase;
      font-family: Oswald;
      top: -60px;
      margin: auto;
    }
     #monCompte.page input[type="submit"]{margin-top: 20px;}
}
@media all and (max-width:450px){
   #bloc_texte form {margin-top:10px;}
}