.li_commande{
   text-align: center;
   /* padding: 8px; */
   border: solid 1px #CCC;
   width: 270px;
   margin:2%; 
   display: inline-block;
   background: #f0f0f0;
}

#bloc_abonnements .bloc_abo {
	background: #f0f0f0;
	width: 200px;
	display: inline-block;
	margin: 20px;
	line-height: 20px;
}
.li_code_promo{margin-left:25px;}
#menu_cli{text-align:center;}
#menu_cli a{display:inline-block;}
#menu_cli a:hover{text-decoration:none;background:#9a429d}
#bloc_abonnements{text-align:center;max-width: 800px;margin: auto;}
#bloc_abonnements .bloc_abo{background:#f0f0f0;width: 200px;display: inline-block;margin: 20px;line-height: 20px;}
#bloc_abonnements .bloc_abo .abo_title{text-transform: uppercase;background:#e2bda0;color:#fff;padding: 5px 0;font-size: 18px;}
#bloc_abonnements .bloc_abo .body_abo{padding:5px;}
.bloc_commande {
	text-align: center;
   width: 35%;
   margin: auto;
}
.commande_title{
   text-transform: uppercase;
   background:#e2bda0;
   color:#fff;
   padding: 5px 0;
   font-size: 18px;
}

/************************/
/*        Login         */
/************************/
#content #login{
   margin: auto;
   width: 450px;
   padding: 3px 10px 10px 10px;
   margin:80px auto;
   text-align: center;
   border-radius: 8px;
   border:none;
}
#login .h1{margin: 8px 0px;/*text-shadow: 1px 1px 1px #BEDDEE;*/color: #f47c29;}
#loginform{width:100%;}
#login .nform
{
   margin:5px 0px;
   min-height: 34px;
}
#login .nform label{
   display: block;
   float: left;
   width: 30%;
   height: 34px;
   padding-left: 2%;
   color:
   white;
   font-weight: bold;
   padding-top: 8px;
   text-shadow: 0px -1px 0px
   rgba(0,0,0,0.2);

   background: #f47c29;
   /* background: linear-gradient(to bottom right,
   #51c3fa,
   #09c); */
   /* box-shadow: 0px 1px 1px#333 inset; */
   font-size: 15px;
   padding-right: 10px;
}
#login .nform.double label{padding-top:1px;height: 35px;}
#login .nform input{
   display: inline-block;
   width: 60%;
   height: 26px;
   max-height: 34px;
   padding-left: 10px;
   font-weight: bold;
   border: none;
   color: #cecece;
   font-size: 16px;
   background: #1f2026;


}
#login .btn-login-client{
   background-color:#f47c29;
   border-radius: 0;
}
#login .btn-login-client input{
   height: 37px;
}
#login .iform{
   padding: 4px 10px;
   border-radius: 5px;
   color: white;
   font-weight: bold;
   font-size: 14px;
   min-width: 135px;
   border: solid 1px #CCC;
   box-shadow: 5px 5px 8px #999;
   margin-bottom: 10px;
}

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

#content table.classic{
	max-width:800px;
	
   color: #333;
   margin:20px auto; 
   position: relative;
   z-index: 10;
   border-spacing: 0px;
}
#content table.classic.mini{
   width:460px;
   margin:auto;
}
#content table.classic a{color:#333;}
#content table.classic th{
	background-color:#333;
	color:#FFFFFF;
	padding:5px 7px;
	font-family:arial,helvetica,sans-serif;
	font-size: 10pt;
   border-bottom: solid 2px #FFF;
}
#content table.classic td{
	background-color:#f0f0f0;
   padding: 4px 3px;
   transition:all 1s;
}
#content table.classic tr:nth-child(even) td{background-color:#DDD2C4;}	
ul table.classic tr.alt td{background-color:#fff;}
#content table.classic tr:hover td,#content table.classic tr.alt:hover td,#content table.classic tr.selected td{background-color:#777;color:#FFF;}
#content table.classic tr.legend td{background-color: #333;font-size: 19px;text-align: center;color: #FFF;font-weight: bold;}
#content .sep table.classic tr td, #content .sep table.classic tr:hover td{background: #333;color: #FFF;}

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