@font-face 
{
	font-family: 				lcd;
	src: 						url("fonts/lcd.ttf");
	font-weight:				400;
}

@font-face 
{
	font-family: 				mentone;
	src: 						url("fonts/mentone.otf");
	font-weight:				400;
}


body,table,td,input,select,option,textarea
{
	font-family:				tahoma,helvetica;
	font-size:					9pt;
}

table,tr,td
{
	border-collapse:			collapse;
}

td
{
	padding-right:				10px;
}

tr.title,.list tr.title:hover
{
	background-color:			rgba(255,255,255,0.3);
	font-weight:				bold;
	color:						black;
}

.list tr:hover
{
	background-color:			rgba(63,167,252,0.5);	
}

h1
{
	font-family:				mentone,tahoma,helvetica;
	font-size:					24pt;
	font-weight:				bold;
	margin-top:					2px;
	margin-bottom:				12px;
	text-shadow:				0px 0px 6px white;
}

.h2,h2
{
	font-family:				mentone,tahoma,helvetica;
	font-weight:				bold;
	font-size:					18pt;
}

h2, title2
{
	font-family:				mentone,tahoma,helvetica;
	border-width:				0px;
	margin-top:					0px;
	margin-bottom:				3px;
	padding-left:				5px;	
	padding-top:				3px;	
	padding-right:				5px;	
	padding-bottom:				3px;	
	background-color:			rgba(255,255,255,0.8);
	border-radius: 				5px;
}

h3, title3
{
	font-family:				mentone,tahoma,helvetica;
	font-weight:				bold;
	font-size:					14pt;
	margin-top:					7px;
	margin-bottom:				3px;
}

div.separator
{
	color:						black;
	margin-top:					5px;
	padding-left:				0px;
	padding-top:				0px;
	padding-right:				0px;
	padding-bottom:				0px;
	background-color:			rgba(255,255,255,0.5);
	border-radius: 				5px;
}

.cadre
{
	background-color:			white;
	background-image:			url("images/background.jpg");
	background-repeat:			no-repeat;
	border-radius: 				5px;
	border-color:				#DBDBDB;
	border-style:				solid;
	border-width:				1px;
	
	padding:					5px;
	margin-bottom:				5px;
	box-shadow: 				0px 0px 5px 0px gray;
}

div.separator div.content
{
	padding:					5px;
}

div.separator h2, div.separator div.title2
{
	font-family:				mentone,tahoma,helvetica;	
	color:						black;
	font-weight:				bold;
	font-size:					14pt;	
	border-radius: 				5px;
	border-color:				black;
	border-style:				solid;
	border-width:				0px;
	margin-top:					0px;
	margin-bottom:				3px;
	padding-left:				5px;	
	padding-top:				3px;	
	padding-right:				5px;	
	padding-bottom:				3px;	
	background-color:			rgba(255,255,255,0.7);
	box-shadow: 				0px 0px 5px 0px gray;
	
}

body.withtray
{
	background-image:			url("images/logo.png");
	background-repeat:			no-repeat;
	padding-top:				70px;
}

form
{
	padding:					0px;
	margin:						0px;
}

.epais
{
	font-weight:				bold;
}

.italique
{
	font-style: 				italic;
}

img
{
	border-width:				0px;
}

img.cadre
{
	border-style:				outset;
	border-width:				1px;
	border-color:				silver;	
}

img.active
{
	border-width:				2px;
	border-style:				solid;
	border-color:				transparent;
	padding:					2px;
	margin-top:					2px;
	margin-bottom:				2px;
	background-color:			rgba(0,0,0,.7);
}

img.inactive
{
	border-width:				2px;
	border-style:				solid;
	border-color:				transparent;
	padding:					2px;
	margin-top:					2px;
	margin-bottom:				2px;
	background-color:			transparent;
}

li
{
	margin-bottom:				5px;
}

a
{
	text-decoration: 			none;
	color:						black;
}

a:hover
{
	text-decoration: 			underline;
	color:						black;
}

ul
{
	margin-top:					0px;
	margin-bottom:				0px;
	padding-top:				0px;
	padding-bottom:				0px;
}

.button
{
	text-align:					center;
	padding-top:				10px;
	padding-bottom:				5px;
}


.radiogroup
{
	margin-top:					2px;
	margin-bottom:				2px;
	padding:					5px;
	background-color:			white;
	border-style:				inset;
	border-color:				#e4e4e4;
	border-width:				1px;
}

.spacebottom
{
	margin-bottom:				5px;
}

.spaceright
{
	margin-right:				5px;
}

.time
{
	padding-left:				0px;
	padding-right:				5px;
}

.numbertable
{
	width:						100%;
	background-color:			transparent;
	border-collapse:			collapse;
}

.numberitem
{
	text-align:					center;
	font-size:					14pt;
	font-weight:				bold;
}

.selected
{
	color:						white;
	background-color:			black;
	padding:					5px 5px 5px 5px;
	margin:						5px 5px 5px 5px;
	border-width:				5px;
	border-color:				#d4d4d4;
	border-style:				solid;
}

.notselected
{
	color:						black;
	background-color:			transparent;
	padding:					5px 5px 5px 5px;
	margin:						5px 5px 5px 5px;
	border-width:				5px;
	border-color:				transparent;
	border-style:				solid;
}

.nextnumber
{
	color:						black;
	font-family:				mentone,tahoma,helvetica;
	font-size:					150pt;
	font-weight:				normal;
	text-align:					center;
}

.remainingNumbers
{	
	color:						black;
	font-family:				mentone,tahoma,helvetica;
	font-size:					14pt;
	font-weight:				bold;
	text-align:					center;
}

a.control
{
	display:					block;
	border-color:				gray;
	border-width:				1px;
	border-style:				outset;
	margin:						5px 5px 5px 5px;
	padding:					5px;
	font-size:					16pt;
	font-weight:				bold;
	background-color:			#d4d4d4;
	text-align:					center;
	cursor:						pointer;
}

a.control:hover
{
	text-decoration:			none;
}

input[type|=text], input[type|=password]
{
	color:						gray;
	border-style:				solid;
	border-width: 				0px 0px 1px 0px;	
	border-color:				gray;
	border-radius:				0px;
	background-color:			transparent;
}

input[type|=text]:focus, input[type|=password]:focus
{
	color:						black;
	border-style:				solid;
	border-width: 				0px 0px 1px 0px;	
	border-color:				black;	
	border-radius:				0px;
	background-color:			transparent;	
}

textarea
{
	color:						gray;
	border-style:				solid;
	border-width: 				1px 1px 1px 1px;	
	border-color:				gray;
	border-radius:				0px;
	background-color:			transparent;
}

textarea:focus
{
	color:						black;
	border-style:				solid;
	border-width: 				1px 1px 1px 1px;	
	border-color:				black;
	border-radius:				0px;	
	background-color:			transparent;
}