.body{
	font-size: 10pt;
	background-color: #FFFFFF;
    padding: 0px;
    overflow: auto;
}

:fullscreen, ::backdrop {
    background-color: #FFFFFF;
    overflow: auto;
}

.full-div{
	font-size: 10pt;
	background-color: #FFFFFF;
    padding: 0px;
    overflow: auto;
}

table, th, td{
	border: none;
	/*
	border: 1px solid;
	border-width: 1px;
	border-color: black;
	*/
	/*border-collapse: collapse;*/
	/*display: table;*/
}

.tr-cat{
	display: table-row;
}

.chk-menu{
	display: inline;
	font-size: 80%;
	font-weight: normal;
	opacity: 1;
}

.aide{
    color: blue;
    width: 100%;
    font-size: 100%;
}

.div-aide{
    display: none;
    color: black;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: fixed;
    font-size: 100%;
    background-color:white;
    z-index: 1;
}

.categorie-produit{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	background-color: coral;
}

.total-produit{
	display: inline-block;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: blue;
    width: 100%;
}

.total-paye{
	display: inline-block;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: green;
    width: 100%;
}

.total-rendu{
	display: inline-block;
	text-align: center;
	font-size: 150%;
	font-weight: bold;
	color: orange;
    width: 100%;
}


.nom-produit{
	display: inline;
	font-size: 120%;
	font-weight: bold;
	opacity: 1 !important;
}

.nom-monnaie{
	display: inline;
	font-size: 140%;
	font-weight: bold;
	opacity: 1 !important;
}

.prix-produit{
	display: inline;
	font-size: 80%;
	font-weight: bold;
	font-style: italic;
}

.nb-produit{
	display: inline;
	font-size: 180%;
	font-weight: bold;
	color: blue;
}

.nb-monnaie{
	display: inline;
	font-size: 180%;
	font-weight: bold;
	color: green;
}

.button-produit {
	display: inline-block;
	border: 2px solid #AAA;
	border-radius: 1em;
	background-color: #DDD;
	color: black;
	width: 100%;
	height: 100%;
}

.button-cinq {
	display: inline-block;
	border: 2px solid #AAA;
	border-radius: 1em;
	background-color: #DDD;
	color: black;
	width: 100%;
	height: 50%;
}

.button-monnaie {
	display: inline;
	border: 2px solid #AAA;
	border-radius: 1em;
	background-color: #FFF;
	color: black;
	width: 100%;
	height: 100%;
}

.button-reset {
	border: 2px solid #AAA;
	border-radius: 1em;
	background-color: #DDD;
	font-size: 120%;
	color: red;
    width: 100%; 
	height: 100%;
}

.non-choisi{
	border: 1px solid #AAA;
    filter: alpha(opacity=65);
    /* IE */
    -moz-opacity: 0.65;
    /* Mozilla */
    opacity: 0.65;
}

.choisi{
	border: 3px solid #FF0000 !important;
	text-shadow: 1px 1px 2px white;
	filter: alpha(opacity=100);
    /* IE */
    -moz-opacity: 1;
    /* Mozilla */
    opacity: 1;
}

.choisi-reduc{
	border: 3px solid #00FF00 !important;
	text-shadow: 1px 1px 2px white;
	color: green;
	filter: alpha(opacity=100);
    /* IE */
    -moz-opacity: 1;
    /* Mozilla */
    opacity: 1;
}

/* CSS CATEGORIES */

.Plats{
    border-color: #AAA;
}

.Desserts{
    border-color: #AAA;
}

.Boissons{
    border-color: #32CD32;
}

.Consignes{
    border-color: #AAA;
}


/* CSS PRODUITS */

.moules{
    border-color: #009aa2;
    background-color: #00f3ff; 
}

.frites{
    border-color: #ffdc00;
    background-color: #FFff00; 
}

.saucisses{
    border-color: #3d3d3b;
    background-color: #fefefe; 
}


.merguez{
    border-color: #c87100;
    background-color: #ff9000; 
}

.kouing{
    border-color: #c88753;
    background-color: #f4a76b; 
}

.kouing-garnie{
    border-color: #c88753;
    background-color: #c200b8; 
}

.langoustines{
    border-color: #AAA;
    background-color: #FFB6C1; 
}

.sardines-frites{
    border-color: #AAA;
    background-color: #E0FFFF; 
}

.snack-frites{
    border-color: #AAA;
    background-color: #FDF5E6; 
}

.jambon-frites{
    border-color: #AAA;
    background-color: #FFE4E1; 
}

.soupe{
    border-color: #AAA;
    background-color: #BDB76B; 
}

.crêpe-sucrée{
    border-color: #AAA;
    background-color: #BDB76B; 
}

.crêpe1{
    border-color: #AAA;
    background-color: #FFD700; 
}

.crêpe2{
    border-color: #AAA;
    background-color: #FFD700; 
}

.crêpe3{
    border-color: #AAA;
    background-color: #FFD700; 
}

.café{
    border-color: #63350e;
    background-color: #a86329; 
}

.galette-saucisse{
    border-color: #AAA;
    background-color: #DAA520; 
}

.gateau{
    border-color: #c88753;
    background-color: #FFD700; 
}

/* couleur speciale reductions */
.reduc{
    border-color: #AAA;
    background-color: #FFF; 
    pointer-events: none;
    button:disabled;
    background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        #f1f1f1 10px,
        #f1f1f1 20px
    );
}

/* BOISSONS */

.bouteille{
    border-color: #2e8802;
    background-color: #4adf00; 
}

.bière{
    border-color: #c2c280;
    background-color: #fffc1b; 
}

.ticket-boisson{
    border-color: #c2c280;
    background-color: #32CD32; 
}

.bière-spé{
    border-color: #c2c280;
    background-color: #3CB371; 
}

.soft{
    border-color: #b16d6d;
    background-color: #fb6262; 
}

.verre{
    border-color: #a94ba9;
    background-color: #f9b7f9; 
}

.champagne{
    border-color: #d48805;
    background-color: #ffa200; 
}

.flute{
    border-color: #c2c280;
    background-color: #fafabd; 
}

.eau{
    border-color: #0ebbc3;
    background-color: #bcfcff; 
}

.café{
    border-color: #63350e;
    background-color: #a86329; 
}

.consigne{
    border-color: #2e8802;
    background-color: #FFF; 
        background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        #d2ffbc 10px,
        #d2ffbc 20px
    );
}    

.consigne-verre{
    border-color: #2e8802;
    background-color: #FFF; 
        background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        #d2ffbc 10px,
        #d2ffbc 20px
    );
}

.consigne-pichet{
    border-color: #2e8802;
    background-color: #FFF; 
        background-image: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 10px,
        #d2ffbc 10px,
        #d2ffbc 20px
    );
}