@media (max-width: 800px) {

    /* passer tous les éléments de largeur fixe en largeur automatique */
    body {   
        /*font-size:12px;*/
        max-width: 100% !important; 
    }
}
@media (max-width: 1000px) {
    img.helpKeyBtn {
    	width:50px;
    	height:50px;
    }
    span.bAct {
    font-size:18px;
    line-height: 50px;
    }
}
@media (max-width: 600px) {
    img.helpKeyBtn {
    	width:30px;
    	height:30px;
    }
    span.bAct {
    font-size:14px;
    line-height: 30px;
    }
}
.setupMode {
	padding: 4px;
	background-color: #ffc3aa;
	margin-bottom:10px;
}
.btnCa1 {
vertical-align:middle;
cursor:pointer;
cursor:hand;
display:inline;
margin-bottom:4px
}
#formAddNewRow input {
  width:100%;
  margin-right:4px;
  height:24px;
}
#formAddNewRow select {
  width:100%;
  margin-right:4px;
  height:24px;
}
.underlined {
	text-decoration:underline;
}
.ticketDiv {
    float:left;
    width:320px;
    height:120px;
    vertical-align: top;
    margin-right:10px;
    margin-top:10px;
}
.ticketEditZone {
    width:320px;
    height:100px;
    font-size:14px;
    border:1px solid #000000;
    text-align:center;
    /*font-family:monospace;*/
}
.keyboardButton {
    cursor:pointer;
    cursor:hand; 
    width:68px;
    height:68px; 
    float: left; 
    background-color:#ddd;
    /*border:1px solid #444; 
    margin:1px;*/
}
.keyboardButtonBig {
    cursor:pointer;
    cursor:hand; 
    width:80px;
    height:80px; 
    float: left; 
    /*border:1px solid #444; 
    margin:1px;*/
}
.keyboardButtonBig2 {
    cursor:pointer;
    cursor:hand; 
    width:100px;
    height:100px; 
    float: left; 
    /*border:1px solid #444; 
    margin:1px;*/
}


  
  
  
.champLabel {
    color:#333333;
}
.champLabelCell {
    color:#333333;
    vertical-align:top;
    width:300px;
}
   
#htmlSelector {          
    font-size: 1.2em;          
    height:24px;
    border-bottom: 1px solid #829ac6;
    padding-top: 6px;
    margin-bottom: 0.5em; 
    /*border:1px solid #000000;*/
}
.numerique {
    float:left;
    width:204px; 
    vertical-align : top;
    height:100%;
    /*border:1px solid #000000;*/
}
.numeriqueBig {
    float:left;
    width:240px; 
    vertical-align : top;
    height:100%;
    /*border:1px solid #000000;*/
}
.numeriqueBig2 {
    float:left;
    width:300px; 
    vertical-align : top;
    height:100%;
    /*border:1px solid #000000;*/
}

.PLUs {
    display:inline-block;
    width:60%;
    vertical-align : top;
    height:100%;
    /*border:1px solid #000000;  */
}

.PLUsBig,.PLUsBig2 {
    display:inline-block;
    /*width:240px;*/
    vertical-align : top;
    height:100%;
    /*border:1px solid #000000;  */
}

#rayons {
    display:inline-block;
    width:230px;
    text-align:right;
    vertical-align : top;
    height:100%;
    /*border:1px solid #000000;*/
}

#reductions {
                     
    display:inline-block;
    width:95px;  
    vertical-align : top;
    height:100%;             
}

	#modePaiement {
	    background-color: #ccc;
	}
	#PLUs {
	    background-color: #ddd;
	}
	
.modePaiement {  
    display:inline-block;
    width:204px;
    text-align:right;
    vertical-align : top;
    height:100%;
   /* border:1px solid #000000;  */
}
.modePaiementBig {  
    display:inline-block;
    width:240px;
    text-align:right;
    vertical-align : top;
    height:100%;
}
.modePaiementBig2 {  
    display:inline-block;
    width:300px;
    text-align:right;
    vertical-align : top;
    height:100%;
}
.modePaiementNew {  
    display:inline-block;
    width:290px;
    height:100%;
}
    
    
.newStyleElt {
	padding:4px;
    cursor:pointer;
    cursor:hand; 
	text-overflow: ellipsis;
    float: left; 
    background-color:#fff;
    overflow: hidden;
	text-align: left;
}
.newBtnSty1 {
	height:28px;
	font-size:16px;
	line-height: 20px;
}
.newBtnSty2 {
	height:38px;
	font-size:22px;
	line-height: 28px;
}
.newBtnSty3 {
	height:58px;
	font-size:24px;
	line-height: 48px;
}

.newBtnSty1 .newStyleImgPlu {
	width:20px;
	height:20px;
	float:left;
	margin-right:3px;
}
.newBtnSty2 .newStyleImgPlu {
	width:30px;
	height:30px;
	float:left;
	margin-right:3px;
}
.newBtnSty3 .newStyleImgPlu {
	width:50px;
	height:50px;
	float:left;
	margin-right:4px;
}
.buttonNewStyleDigit {
	width:33.33333333333%;
	text-align: center;
	background-color: #f8f8f8;
}

.numeriqueNewStyle {
	width:12.5%;
    float:left;
    vertical-align : top;
}
.buttonNewStyle {
	width:12.5%;
}
@media (max-width: 2200px) {
	.buttonNewStyle {
	width:20%;
	}
	
	.numeriqueNewStyle {
	width:20%;
	}
}
@media (max-width: 1650px) {
	.buttonNewStyle {
	width:33.33333333333%;
	}
	
	.numeriqueNewStyle {
	width:33.33333333333%;
	}
}
@media (max-width: 1350px) {
	.buttonNewStyle {
		width:50%;
	}
	
	.numeriqueNewStyle {
		width:50%;
	}
}
@media (max-width: 1050px) {
	.buttonNewStyle {
		width:100%;
	}
	.numeriqueNewStyle {
		width:100%;
	}
}
@media (max-width: 900px) {
	.buttonNewStyle {
		width:33.33333333333%;
	}
	
	.numeriqueNewStyle {
		width:33.33333333333%;
	}
}
@media (max-width: 600px) {
	.buttonNewStyle {
		width:50%;
	}
	
	.numeriqueNewStyle {
		width:50%;
	}
}
@media (max-width: 300px) {
	.buttonNewStyle {
		width:100%;
	}
	.numeriqueNewStyle {
		width:100%;
	}
}

.paymentItNew  {
	width: 100%;
}
  
#blocHeader {
    height:210px; 
}

#utilisateurLogin {       
    float:left; 
    margin-left:5px;
    margin-top:0px;
    width:260px;     
    font-size: 10px;
    line-height: 10px;
    /*border:1px solid #999999;*/
    height:160px;                 
    text-align:right;           
}
#connected {
    font-size: 10px;
    
    padding:4px;
}
#caisseBlock {
    font-size: 10px;
    /*color:#4488ee;*/
}
.champHistorique {
    display:inline-block;
    width:50px;
    height:20px;
    font-size:12px;
    overflow:hidden;

}
.nodisplay,.hidden {
	display:none;
}
#mdessages {      
    float:right;  
    height:55px;
    width:160px; 
    text-align:right;  
    font-size: 12px;
    color:#ff0000;
    font-weight:bold;
    margin-right:15px;
    margin-top:5px;
}
  
.myTicket {
	white-space:wrap;
	text-align: center;
}
.ticketCaissePrint {
	white-space:wrap;
	text-align: center;
}
#ticketCaisse td {vertical-align:bottom;padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;}

#ticketCaisse_old {
    float:right;     
    display:inline-block;
    width:320px;    
    font-size: 14px;
    line-height: 20px; 
    text-align:right;
    border:1px solid #999999;
    padding-left:2px;
    padding-right:2px;
    height:235px;
    background-color: #f3f0f0;
    /*font-family:monospace;*/
    overflow-x:hidden;
    overflow-y:scroll;
       
}   
#impression {
    height:20px;
    width:320px;
    float:right;     
    display:inline-block;   
}
     


#logs {
  font-size:10px;
  line-height:10px;
  margin-top:4px;             
}



#ecranDigital {  
    /*background-color:#222222;*/
    /*border-radius: 15px;*/
    color:#000000;                 
    float:left; 
    width:375px;     
    font-size: 10px;
    line-height: 10px;
    /*border:1px solid #999999;*/
    height:200px;     
    padding-left:8px;
    padding-right:8px;
    background-image:url('/Cash-Register/EcranDigital.jpg');    
        
}
html>body #ecranDigital {
    width:357px;    
}
#dateHeure {
    margin-left:10px;    
}
#ecranDigital #dateHeure {
    margin-top:4px; 
    font-size:26px;
    line-height:28px;     
}

#ecranDigital #gestionnaire {
    font-size:20px;
    line-height:22px;
     
    overflow: hidden;
    white-space: nowrap;    
    width: 357px;     
}

#ecranDigital #price, #ecranDigital #priceMobile{
    margin-top:4px;
    text-align:right;
    font-size:50px;
    line-height:50px; 
     
    overflow: hidden;
    white-space: nowrap;    
    width: 357px;     
}

#ecranDigital #rayon {
    margin-top:2px;     
    font-size:30px;
    line-height:36px;
    font-weight:normal;   
     
    overflow: hidden;
    white-space: nowrap;    
    width: 357px;      
}

#ecranDigital #boutique {  
    font-size:20px;
    line-height:26px;  
    font-weight:normal; 
     
    overflow: hidden;
    white-space: nowrap;    
    width: 357px; 
}

#ecranDigital #aide {
    position:absolute;    
    font-size:20px;
    line-height:26px;  
    font-weight:normal; 
    top:-899px; 
}

#ecranDigital .indicateurs {
    font-size:8px;
    color:#ffffff;
    /*line-height:28px;  */
    height:12px; 
    padding:2px;  
}
#tableDigital {   
    width:100%;
}
.wideH {  
    width:100%;
}
#price, #priceMobile {
    font-size:38px;
    line-height:40px;
    font-weight:bold; 
}
#rayon {
    font-size:32px;
    line-height:40px; 
}
.btnsIndicateurs {   
    height:3px;
    /*background-color:#FFFFFF;*/
}
#printNow {
    font-size:10px;
    color:#000000;
    text-decoration:underline;
    vertical-align:top;
}
.smallTicket {
font-size:90%;
line-height:16px;
margin-top:4px;
text-align:center;
}
.error {
color:#f00;
}
.selectedItem,.selectedPayment {
    background-color:#ddd;
    color:#000;
}  
.refundItem {
    background-color:#fdd;
    color:#000;
	
}  
.MPL {
	text-align:left;color:#000;padding-left:4px;
}    
.MPL span, .MPLR span {
	float:right;
}
.MPLR {
	text-align:left;color:#f00;
}  
#ticketCaisse td.PXT {
	text-align:right;padding-right:8px;
}
.editable input {
width:auto;

}
#dpi {
  height: 1in;
  left: -100%;
  position: absolute;
  top: -100%;
  width: 1in;
}
.classStock {    
	color: #191;
    opacity: 0.5;
    cursor:pointer;
    cursor:hand;
}
.classStock:hover {    
	color: #1b1;
    opacity: 1;
}