/** { behavior: url(iepngfix.htc) }*/

html
{
background-color:#58ACFA;


}

body
{
width:100%;
height:98%;
margin:auto ;
/*background-color:#fffff !important;
/background-color:#fffff;*/
background-image: url('images/bande_fond.jpg');
background-repeat:repeat-x;
/text-align: center;
font-family:arial;
font-size:12px;


}

A { 
color:; 
text-decoration:none; 
border:0px solid black; 
}

table,td,div
{
border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
border:0px solid black;
border-spacing: 0px;
font-size:12px;
}

td
{
color:;
font-weight: bold ;
border-collapse: collapse;
border:0px solid red;
border-spacing: 0px;
vertical-align:top;
font-size:12px;
}

div
{
border-collapse: collapse;
border-spacing: 0px;
border:0px solid red;
}


img
{
border:0px solid black;
}

button
{
margin:0px;
vertical-align:top;
background-color:#ebebeb;
}

*{box-sizing: border-box;}

/* --------------------------ecran index------------------------------ */

/* --------------------------ecran index------------------------------ */

.ButtonClose{
	position:sticky	;
	top:10px;
	right:10px;
	width:calc(100% - 40px);
	height:40px;
	
	display:flex;
	align-items: center;
	justify-content: center;
	border:1px solid silver;
	margin-bottom:10px;
	font-size:20px;
	border-radius:5px;
	margin-left:20px;
	margin-right:20px;
	background-color:#ededed;
}

.menu1
{
width:59.9%;
height:50%;
border:0px solid red;
float:left;
position:relative;

}


.button_pages
{
width:50%;
height:10%;
position:absolute;
bottom:0px;
}

.bouton1
{
width:20%;
height:18%;
font-weight:bold;
vertical-align:top;
border:0;
border-top:1px solid black;
border-right:1px solid black;
}



.taille1,.taille2,.taille3,.taille4,.taille5
{
width:12%;
height:18%;

font-weight:bold;
background-color:#ffebc0;
border:0;
border-top:1px solid black;
border-right:1px solid black;
font-size:12px;
}

.taille1{color:blue;}
.taille2{color:green;}
.taille3{color:red;}
.taille4{color: #91680b ;}
.taille5{color: #91680b ;}

.menu2
{
position:relative;
width:39.5%;
height:70%;
float:left;
float:right;
background-color:white;
border:2px solid grey;
overflow:auto;
}

.menu3
{
position:relative;
width:59.9%;
height:50%;
float:left;
}

.menu3b
{
position:relative;
width:60%;
height:90%;
float:left;
}

.menu3c
{
width:40%;
height:90%;
float:left;
}

.menu3c2
{
width:40%;
height:10%;
position:absolute;
}



.bouton3
{
width:33%;
height:20%;
vertical-align:top;
border:0;
border-top:1px solid black;
border-right:1px solid black;
}

.bouton3c
{
width:24.8%;
height:23.3%;
vertical-align:top;
margin-right:-3px;
border:0;
border-top:1px solid black;
border-right:1px solid black;
font-size:10px;

}

.menu4
{

width:39.5%;
height:29.5%;
float:left;
float:right;
}

.bouton_ingrediants
{
width:16.8%;
height:7%;
vertical-align:top;
margin-right:-1px;
background-color:#ffd4d4;
}

.bouton_ingrediants_plus
{
width:16.8%;
height:7%;
vertical-align:top;
margin-right:-1px;
background-color:#d9ffd4;
border:1px solid green;
}

.div_retour_caisse
{
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:10%;
}

.bouton_retour_caisse
{
margin-top:50px;
width:100%;
height:100%;
font-size:20px;
}


/*Caisse*/

.td_qte_line
{
width:4%;
height:35px;
text-align:center;
vertical-align:middle;
border-bottom:1px solid grey;
}

.td_titre_line
{
width:60%;
text-align:left;
vertical-align:middle;
border-bottom:1px solid grey;
}

.td_prix_line
{
width:6%;
text-align:right;
vertical-align:middle;
border-bottom:1px solid grey;
}

.bouton_option_line
{
width:10%;
text-align:center;
vertical-align:middle;
border-bottom:1px solid grey;
}

.bouton_option_line button
{
width:100%;
height:100%;
font:bold;
font-size:20px;
}

.titre_cate
{
display:flex;
align-items:center;
margin-top:3px;
margin-bottom:3px;
width:100%;
height:20px;
font-size:16px;
text-align:left;
background-color:#cccdcd;
border-radius:5px 5px 0px 0px;
padding-left:20px;

}

.div_caisse_client
{
width:100%;
height:130px;
border-bottom:2px solid black;
}

.bouton_encaissement
{
width:33%;
height:25%;
vertical-align:top;
}


.div_type_reglement
{
display:flex;
border:1px solid green; 
height:40%;

}
.bouton_type_encaissement
{
flex-grow:1;
}


.bouton_rc_client
{
width:100%;
height:50px;
text-align:left;
font-weight:bold;
font-size:15px;
}

.entete_client
{
position:relative;
width:100%;
height:100%;
background-color:#ffd1de;
margin-top:-5px;
margin-left:-2px;
margin-bottom:5px;
font-size:14px;
padding-left:2px;
}

.bouton_numerotation
{
margin:-2px;
width:32%;
height:20%;
font-size:32px;
border:1px solid grey;

}

.bouton_numerotation2
{
margin:-2px;
width:64%;
height:20%;
font-size:32px;
border:1px solid grey;
}

.bouton_numerotation3
{
margin:-2px;
width:96%;
height:20%;
font-size:32px;
border:1px solid grey;
}

.titre1
{
border:1px solid black;
text-align:center;
font-size:18px;
margin-bottom:5px;
}

.liste_fa
{
width:70%;
text-align:left;
height:60px;
}
.liste_fa_print
{
width:15%;
text-align:center;
height:60px;
}

.menu5
{
position:relative;
width:39.5%;
height:90%;

float:left;
float:right;
background-color:white;
overflow:auto;

}

.yesno
{
text-align:center;
margin-bottom:10px;
}

.yesno button
{
width:40%;
height:80px;
margin-left:30px;
border-radius: 10px 10px 10px 10px;
border:1px solid #01a1ff;
font-weight:blod;
font-size:20px;
}

.yesno button:hover
{

border:2px solid red;
background-color:white;
color:red;

}

.titre3
{
margin-bottom:10px;
background-color:white;
height:35px;
line-height:35px;
border-radius: 5px 5px 5px 5px;
padding-left:10px;
border:1px solid #707070;
text-align:center;
margin:5px;
font-size:18;
}

.heure_livraison
{
width:15.8%;
height:15.3%;
vertical-align:top;
margin-right:-3px;
}

.titre2
{
font-size:18px;
font-weight:bold;
height:30px;
text-align:center;
line-height:30px;
margin-bottom:20px;
}


/*onglets*/
.tabrow 
{
	text-align: center;
	list-style: none;
	padding: 0;
	line-height: 24px;
	height: 26px;
	overflow: hidden;
	font-size: 12px;
	font-family: verdana;
	position: relative;
	
}

.tabrow li 
{
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 0 1px #FFF;
	margin: 0 -5px;
	padding: 0 20px;
}
.tabrow a {
	  color: #555;
	  text-decoration: none;
}
.tabrow li.selected {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}
.tabrow:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
	border: 1px solid #AAA;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
	box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
	box-shadow: -2px 2px 0 #FFF;
}
/*onglets*/