body {
    background-color: #fff;
    color: #333;
    font: "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
}
#logo {
color: #e50350;
}
.fillPink {
    fill: #e50350;
}
#tblContent {
	width:90%;
	font: 90%/1.45em "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif90%/1.45em "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif;
    margin: auto;
    width: 90%;
    padding: 10px;
}
 #signin {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 30px;
}
#frmcontent {
    margin: auto;
    width: 50%;
    border: 3px solid green;
    padding: 30px;
}


.bck-check {

                        background-image: url("sign-check-icon.png");
                        background-size: contain;
                        background-repeat: no-repeat;
                }
.bck-edit:before, .bck-check:before, .bck-processed:before {            
    position : absolute;
     opacity : 0;
}

.editable:before {
	content : "Clique ici pour editer cette commande";
}
.bck-processed:before {
	content: "Cette commande a été traitée"
}
.user .bck-check:before {
	content: "Cette demande a été finalisée et ne peut plus être modifiée";
}
.bck-check:hover:before {
opacity : 1;
}

.editable:hover:before, .bck-check:hover:before, .bck-processed:hover:before  {        
    opacity : 1;

background-color:#999; color: White;
}
		.editable {
			cursor: pointer;
		}	
                .bck-edit {

                        background-image: url("pencil.png");
                        background-size: contain;
                        background-repeat: no-repeat;
			cursor: pointer;
                }
.bck-processed {

                        background-image: url("processed-icon.png");
                        background-size: contain;
                        background-repeat: no-repeat;
                }
                td.details-control {
                        background: url('details_open.png') no-repeat center center;
                        cursor: pointer;
                }
                tr.shown td.details-control {
                        background: url('details_close.png') no-repeat center center;
                }
    .Zebra_Form .optional { padding: 10px 50px; display: none }
        .pdate {
                width: 150px;
                float: left;
                }
        .prixvip {
                padding-left: 60px;
                float: left;
                width: 50px;
        }
        .prixnor { 
                padding-left: 30px;
                width: 60px;
                float: left;
                }
        .ptot {
                width: 225px;
                float: left;
                text-align: right;
        }
        .vtot { 
                padding-left: 20px;
        }
        .num {  
                width: 60px !important;
        }
	.right-blob  {
	float: right;
	text-align: right;
	padding-left: 10px;
}
