#tableau_commande{
float:left;
}
#tableau_commande table{
margin-left:10px;
padding:0px;
border:1px solid #ccc;
}
#tableau_commande table.recapitulatif th{
background-color:#ccc;
color:#333;
}
#tableau_commande table td{
text-align:center;
width:60px;
padding:2px;
background-color:#eee;
border:0px;
border-bottom:1px #fff solid;
}
#tableau_commande table td.description{
width:auto;
border-top:4px solid #ccc;
font-weight:bold;
text-align:right;
}
#tableau_commande table td.promo{
width:auto;
border-top:4px solid #ccc;
font-weight:bold;
text-align:right;
color:#690;
}
#tableau_commande table tr.top_total{
border-top:2px solid #ccc;
}

#recap_adrliv{
float:left;
margin-left:20px;
}

.recap_email table{
font-size:12px;
color:#333;
width:280px;
}
.recap_email th{
background-color:#ccc;
font-size:12px;
}
.recap_email td{
padding:2px;
background-color:#eee;
border:0px;
border-bottom:1px #fff solid;
}
.recap_email tr{
font-size:12px;
}
.recap_email .format{
text-align:center;
width:70px;
}
.recap_email .quantite{
text-align:center;
width:70px;
}
.recap_email .prix{
text-align:center;
width:70px;
}
.recap_email .total_format{
text-align:right;
width:70px;
margin-right:10px;
}
.recap_email .total{
text-align:right;
margin-right:10px;
}
.recap_email tr.ligne1{
background-color:#eee;
font-size:12px;
}
.recap_email tr.ligne2{
background-color:#fff;
font-size:12px;
}
.recap_email tr.top_total{
border-top:2px solid #ccc;
font-size:12px;
}

div.recap_left {
    float:left;
    width:400px;
    border-right:1px dashed #EEE;
}

div.recap_right {
    float:right;
    width:250px;
    margin-top:-40px;
    font:13px  Georgia, 'Times New Roman', Times, serif;
}

div.back_print{
margin-left:20px;
border:1px solid #ccc;
background-color:#eee;
margin-bottom:10px;
width:350px;
cursor:pointer;
padding:5px;
}
div.back_print_hover{
margin-left:20px;
border:1px solid #ccc;
background-color:#ccc;
margin-bottom:10px;
width:350px;
cursor:pointer;
padding:5px;
}
div.line2{
margin-left:20px;
cursor:pointer;
}
.back_print span,.back_print_hover span{
margin-left:10px;
font-size:16px;
font-weight:bold;
}
.back_print input.texte,.back_print_hover input.texte{
font-family:"Trebuchet MS";
width:200px;
}
.back_print span.info_backprint,.back_print_hover span.info_backprint{
font-size:10px;
font-weight:normal;
}
#info_code{
visibility:hidden;
position:absolute;
left:525px;
top:300px;
border:1px solid #ccc;
width:300px;
height:auto;
background-color:#eee;
color:#333;
}
#info_code div.vert{
padding:2px;
background-color:#690;
color:#fff;
height:20px;
font-size:14px;
font-weight:bold;
padding-left:5px;
}
#info_code div.rouge{
padding:2px;
background-color:red;
color:#fff;
height:20px;
font-size:14px;
font-weight:bold;
padding-left:5px;
}
#info_code p{
margin-left:10px;
}
#info_code span{
font-size:14px;
}
#info_code div.bouton{
float:left;
margin-left:20px;
width:100px;
background-color:#369;
color:#fff;
padding:2px;
font-weight:bold;
text-align:center;
border:1px solid #fff;
}
#info_code div.bouton_hover{
background-color:#fff;
color:#369;
float:left;
margin-left:20px;
width:100px;
padding:2px;
font-weight:bold;
text-align:center;
border:1px solid #fff;
cursor:pointer;
}
.remarque{
float:left;
margin-left:20px;
}
.remarque textarea{
margin-left:20px;
font-family:"Trebuchet MS";
}
.spacer{
height:200px;
}
.info_paiement{
float:left;
margin-top:20px;
padding:5px;
text-align:center;
width:300px;
border:1px solid #ccc;
font-size:14px;
font-weight:bold;
}