/* User Agent=Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)*/
*{padding:0;margin:0;border:0;font-family:Arial, sans-serif;}
body{
	background:#B4EFEE;
	text-align: center;
	touch-callout:none;
	text-size-adjust:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-text-size-adjust:none;
	-moz-user-select:none;
	}
@media screen and (min-width: 701px){
	background-size:100% auto;
	--IOS8 padding-top:20px;
	--IOS8 background-position:0px 20px;
	}

/* HEADER */	
#line_logo{ height:50px;background:url('./style/default/logo.png') #06C8C7 top center no-repeat;background-size: auto 100%; }
@media screen and (max-width: 700px) { #line_logo{ height:35px; } }

#divusers{
	background-color:#666666;display:block;
	height:60px;text-align:left;padding:0px;margin:0px;border:0px;border-collapse:collapse;overflow:hidden;
}
#divusers tr{padding:0px;margin:0px;border:0px;}
#divusers tr td{border-right:#666666 1px solid;padding:0px;margin:0px; height:60px;font-size:25px;padding-left:8px;padding-right:8px;padding-top:10px;border-width: 0px;}
.UserOn{
	font-family: 'Arial', sans-serif;max-height:50px;
	display:inline-block;text-align:left;
	color:#606060;background-color:#D6D6D6;cursor:default;
	}
.UserOff{
	font-family: 'Arial', sans-serif;max-height:50px;
	display:inline-block;text-align:left;
	padding-left:5px;padding-top:5px;
	color:#ffffff;background-color:#464646;cursor:pointer;
	}
@media screen and (max-width: 700px){
	#divusers{height:30px;}
	#divusers tr td{height:30px;font-size:15px;padding-left:4px;padding-right:4px;padding-top:5px;}
	.UserOn{max-height:25px;}
	.UserOff{max-height:25px;}
}

#line_head{background:#ffffff;color:#666666;min-height:10px;z-index:100;font-family: 'Arial', sans-serif;display:block;padding-top:0px;padding-bottom:10px;border-bottom:#CCCCCC 1px solid;}
#zone_barr{
	vertical-align:middle;text-align:right;display:none;border-left:#999999 1px solid;
	width:240px;
}
#progressbare{}
@media screen and (max-width: 700px){
	#line_head{
		background:#ffffff;
		color:#666666;
		font-size:13px;
		}
	#zone_barr{display:none;width:0px;z-index:0;}
}

.head1{
z-index:99;text-overflow: clip;word-wrap: break-word;
-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;
background-color:#ffffff;
color:#81CCF5;
width:100%;max-width:100%;min-height:25px;
text-align:center;font-size:30px;line-height:32px;
font-family: 'Arial', sans-serif;
padding-top:10px;
padding-bottom:10px;
overflow-x:hidden;
border-top:#CCCCCC 1px solid;
}

.head2{text-overflow: clip;word-wrap: break-word;
-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;
background-color:#ffffff;
color:#81CCF5;
width:100%;min-height:32px;
text-align:center;font-size:35px;line-height:37px;
font-family: 'Arial', sans-serif;
padding-top:10px;
padding-bottom:10px;
border-top:#CCCCCC 1px solid;
}
#div_header[class="head2"] span{
min-height:16px;
border:0;margin:0;padding:0;
display:block;
}
#div_header[class="head2"] span[class="up"]{
min-height:8px;
border:0;margin:0;padding:0;
display:block;
}
@media screen and (max-width: 700px)
{
	#div_header{width:100%;font-weight:bold;padding-top:10px;padding-bottom:10px;}

	.head1{
	font-size:18px;line-height:20px;min-height:15px !important;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;font-size:17px;
	}
}
#question_zone{left:0px;right:0px;}

/* UNUSED TRANSMIT DISPLAY */
.warn{display:inline-block;height:22px;width:22px;background:url('style/default/img/warning.png');}
.nwarn{display:inline-block;height:22px;margin-top:-10px;}

.transmittab{
	min-width:220px;width:220px;height:35px;font-size:1.4em;
	background:#CCCCCC;border-collapse:collapse;
	border-left:#000 1px solid;color:#666666;
	position:absolute;right:0px;
	}
.transmittab[id="transmit_top"]{border-bottom:#000 1px solid;top:0px;}
.transmittab[id="transmit_bottom"]{border-top:#000 1px solid;bottom:0px;}
.transmittab tr{border-collapse:collapse;border:0;}
.transmittab tr td{vertical-align:middle;border:0;padding-left:5px;}

/* QCM */
.buttonOff{
	text-align:left;
	line-height:22px;font-size:20px;
	width:100%;margin:0;padding:15px;
	cursor:pointer;
	background:#FFFFFF;
	color:#02C8C6;
	border:0px;border-bottom:#CCCCCC 1px solid;border-radius:0px;
	/*
	box-shadow:#005DA0 1px 1px 5px 1px;
	*/
}
.buttonOn{
	text-align:left;
	line-height:22px;font-size:20px;
	width:100%;margin:0;padding:15px;
	color:#FFFFFF;cursor:pointer;
	background:#02C8C6;
	border:0px;border-bottom:#CCCCCC 1px solid;border-radius:0px;
}
.reduce_1_1{
	line-height:30px;font-size:28px;
}
.reduce_1_2{
	line-height:25px;font-size:23px;
}
@media screen and (max-width: 700px){
	.buttonOff{
		line-height:17px;
		font-size:15px;
	}
	.buttonOn{
		line-height:17px;
		font-size:15px;
	}
}


.buttonOverImgBottom{
	position:fixed;
	bottom:0px;
	width:200px;
	left:calc(50% - 100px);
	padding-top:10px;
	padding-bottom:10px;
	font-size:20px;
	background:#404040;
	color:#ffffff;
	font-weight:bold;
}

.buttonOverImgTop{
	position:fixed;
	width:200px;
	left:calc(50% - 100px);
	padding-top:10px;
	padding-bottom:10px;
	font-size:20px;
	background:#404040;
	color:#ffffff;
	font-weight:bold;
	z-index:99;
}

#divOpenQcmImg{
	position:fixed;
	background:rgba(0,0,0,0.7);
	overflow:hidden;
}
#imageQuest{
	--IOS8 margin-top:12px;
}


/* BRAINSTORMING */
#parent_cloud_spacer{height:30px;}
.cloud_input{
	width:100%;
	height:85px;
	border:0;border-radius:0px;
	font-size:40px;
	text-align:center;
	color:#666666;
	background-color:#CEE0DF;
	position: relative;
	}
textarea[class="cloud_input"]{
	font-size:25px;resize:none;height:75px;text-align:left;padding-left:10px;
	}
.cloud_input2{
	width:100%;
	height:85px;
	border:0;border-radius:0px;
	font-size:40px;
	text-align:center;
	color:white;
	background-color:rgba(44,63,76,0.52);
	position: relative;
	}
textarea[class="cloud_input2"]{
	font-size:25px;text-align:left;resize:none;height:75px;padding-left:10px;
	}

@media screen and (max-width: 700px){
	.cloud_input{font-size:23px;}
	textarea[class="cloud_input"]{ font-size:25px; }
	.cloud_input2{ font-size:30px; }
	textarea[class="cloud_input2"]{ font-size:25px; }
}


.cloud_button{
	position:relative;
	width:100%;
	height:50px;
	font-size:17px;
	color:white;
	font-weight: 100;
	border:0;
	border-radius:0px;
	cursor:pointer;
	background:#8BC63F;
	}
.cloud_button:active{
	background:#00c795;
	}
.cloud_buttonT{
	position:relative;
	width:100%;
	height:50px;
	font-size:17px;
	color:white;
	font-weight: 100;
	border:0;
	border-radius:0px;
	cursor:pointer;
	background:#8BC63F;
	}
.cloud_buttonT:active{
	background:#00c795;
	}

#line_history{text-align:center;padding:5px;font-size:20px;padding-top:10px;padding-bottom:10px;background:#D9F7F6;color:#6A8787;}
#history_out{list-style-type:none;display:block;margin-top:1px;}
#history_out li{border-bottom:#DDDDDD 2px solid;padding:5px;text-align:left;background:#F0FCFC;color:#768181;}
@media screen and (max-width: 700px){	
	#line_history{
		font-size:15px;
		}
	#history_out{font-size:15px;}
	#history_out li{}
}
 #div_historique .items_history{
	 padding: 5px 10px;	
	 font-size:20px; 
 }
 #div_historique .items_history_p{
	 padding: 5px 10px;	
	 font-size:20px; 
	background: #00d929;
	color: white;
 }
 #div_historique .items_history_n{
	 padding: 5px 10px;	
	 font-size:20px; 
	background: #FF3A3A;
	color: white;
 }

/* YANG/YANG */

.cloud_button_plu{
	display:inline-block;
	width:calc(50% - 3px);
	font-size: 20px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:15px;
	border:0;
	border-radius:0;
	background:#00d929;
	color:white;
	}
.cloud_button_plu:active{
	background:#00c795;
	}
.cloud_button_neg{
	display:inline-block;
	width:calc(50% - 5px);
	font-size: 20px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:15px;
	border:0;
	border-radius:0;
	background:#FF3A3A;
	color:white;
	}
.cloud_button_neg:active{
	background:#FF7575;
	}
	

.btn_historique{
	position: relative;
	display:inline-block;
	width:calc(100% - 3px);
	font-size: 20px;
	font-weight: bold;
	padding-top:15px;
	padding-bottom:15px;
	border:0;
	border-radius:0;
	cursor:pointer;
	background:rgb(99, 182, 254);
}

/* CLASSEMENT */
#sortable { list-style-type: none; margin: 0; padding: 0; width: 80%; margin:0 auto;}
	#sortable li { 
		cursor:pointer;color:white;
		height:60px;margin-top:10px;margin-bottom:10px;text-align:center;vertical-align:middle; 
		}
	#sortable li  table{vertical-align:middle;width:100%;height:60px;max-height:60px;border-collapse:collapse;border-radius:0px;}
	#sortable li  table tr{vertical-align:middle;border-collapse:collapse;}
	#sortable li  table tr td{vertical-align:middle;border-collapse:collapse;}
	.right_throw_touch{border-radius:0px;background: #FFFFFF;color:#999999;border:#000 1px solid;border-left:0px;height:60px;max-height:60px;}
	.right_throw_touch_ON{border-radius:0px;background: #00E200;color:#FFFFFF;border:#000 1px solid;border-left:0px;height:60px;max-height:60px;}
	.left_throw_touch{width:59px;max-height:60px;font-size:25px;background: #FFFFFF;color:#999999;border:#000 1px solid;border-right:#aaa 1px solid;border-radius:0px;}
	.left_throw_touch_ON{width:60px;max-height:60px;font-size:25px;line-height:25px;
		background: #00E200;color:#FFFFFF;border-radius:0px;border:#000 1px solid;border-right:#aaa 1px solid;
		}

@media screen and (max-width: 700px){
	#over_sortable{background:#C0C0C0;}
	#sortable { list-style-type: none; margin: 0; padding: 0; width: calc(100% - 30px);}
	#sortable li { 
		cursor:pointer;color:white;
		text-align:center;vertical-align:middle; margin-bottom:2px;
		}
	#sortable li  table{vertical-align:middle;width:100%;border-collapse:collapse;}
	#sortable li  table tr{vertical-align:middle;border-collapse:collapse;}
	#sortable li  table tr td{vertical-align:middle;border-collapse:collapse;}
	.right_throw_touch{border-radius:0px;background: #FFFFFF;color:#999999;height:30px;max-height:30px;font-size:15px;overflow:hidden;}
	.right_throw_touch_ON{border-radius:0px;background: #00E200;color:#FFFFFF;height:30px;max-height:30px;font-size:15px;overflow:hidden;}
	.left_throw_touch{width:59px;font-size:20px;background: #FFFFFF;color:#999999;border-right:#aaa 1px solid;border-radius:0px;}
	.left_throw_touch_ON{width:60px;font-size:20px;
		background: #00E200;color:#FFFFFF;border-radius:0px;
		}
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*
.cloud_input3{
	width:790px;
	--IOS width:550px;
	height:75px;
	font-size:70px;padding-left:10px;
	border:#000 1px solid;border-radius:0px;
	text-align:left;
	color:white;
	background-color:rgba(44,63,76,0.52);
	}
.cloud_input4{
	width:790px;
	--IOS width:550px;
	height:75px;
	font-size:27px;
	--IOS font-size:30px;
	border:#000 1px solid;border-radius:0px;
	text-align:center;
	color:white;
	background-color:rgba(44,63,76,0.52);
	}
.cloud_input5{
	width:790px;
	--IOS width:550px;
	height:135px;
	font-size:70px;padding-left:10px;
	border:#8fc9fe 2px solid;border-radius:0px;
	text-align:left;
	color:white;
	background-color:rgba(44,63,76,0.52);
	}
textarea[class="cloud_input5"]{
	font-size:30px;padding-left:10px;
	border:#8fc9fe 2px solid;border-radius:0px;
	text-align:left;resize:none;color:white;
	}
.cloud_input6{
	width:790px;
	--IOS width:550px;
	height:135px;
	font-size:70px;padding-left:10px;
	border:#8fc9fe 2px solid;border-radius:0px;
	text-align:left;
	color:#3AC400;
	background-color:rgba(44,63,76,0.52);
	}
textarea[class="cloud_input6"]{
	font-size:30px;padding-left:10px;
	border:#8fc9fe 2px solid;border-radius:0px;
	text-align:left;resize:none;
	}
.cloud_button2{
	width:150px;
	height:79px;
	--IOS height:112px;
	--IOS font-size:20px;
	color:white;font-weight: bold;
	position:relative;
	left:-3px;
	border:#000 1px solid;
	border-radius:0px;
	cursor:pointer;
	background:#00c74b;
	}
.cloud_button2:active{
	background:#00c795;
	}
*/

	/*
@media screen and (max-width: 700px){
	.cloud_button_plu{
		border:0px;
		border-radius:0px;
		color:white;
		text-transform:uppercase;
		width:80px;
		height:35px;
		font-size:7px;
		position:relative;
		top:-21px;
		--GEKO margin-left:-5px;
		--GEKO height:34px;
		--IOS height:36px;
		--IOS margin-left:-6px;
		--IOS7 top:-25px;
	background:#00d929;
	}
	.cloud_button_plu:active{
	background:#00AD1F;
	}
	.cloud_button_plu2{
		width:80px;
		height:35px;
	border:0px;border-radius:0px;color:white;
		text-transform:uppercase;width:80px;font-size:7px;
		position:relative;top:-17px;
		--GEKO margin-left:-5px;
		--GEKO height:34px;
		--IOS height:36px;
		--IOS margin-left:-6px;
		--IOS7 top:-20px;
	background:#00d929;
	}
	.cloud_button_plu2:active{
	background:#00AD1F;
	}
	.cloud_button_neg{
		border:0px;
		border-radius:0px;
		color:white;
		text-transform:uppercase;
		width:80px;
		height: 35px;
		font-size:7px;
		position:relative;
		top:-21px;
		--GEKO margin-left:-5px;
		--GEKO height:34px;
		--IOS height:36px;
		--IOS margin-left:-6px;
		--IOS7 top:-25px;
	background:#FF3A3A;
	}
	.cloud_button_neg:active{
	background:#FF7575;
	}
	
	
	.cloud_input3{
	height:30px;min-width:200px;
	--GEKO width:100%;
	--IOS width:200px;
	text-align:left;
	color:black;
	line-height:20px;font-size:20px;
	}
	.cloud_input4{
	height:30px;min-width:200px;
	--GEKO width:100%;
	--IOS width:200px;
	text-align:center;
	color:#49B754;
	line-height:20px;font-size:20px;
	}
	#parent_cloud_input{text-align:center;width:100%;margin:0 auto;}
}
	*/
	
	
/* NUAGE */
#line_or{text-align:center;padding:5px;font-size:20px;padding-top:10px;padding-bottom:10px;background:rgba(255, 255, 255, 0.7);color:#6A8787;border-bottom:#DDDDDD 1px solid;}
#line_or .small{font-size:15px;}
#wall_out{text-align:left;padding-left:5px;}
.cloud_wall_off{
	display:inline-block;
	font-size:20px !important;
	padding:10px;
	margin:2px;
	cursor:pointer;
	background-color:#ffffff;
	color:#1D7ABB;
	border:#1D7ABB 1px solid;border-radius:5px;
	}
.cloud_wall_off:active{
	color:#FFFFFF;
	background:#02C8C6;
	border:#ffffff 1px solid;border-radius:5px;
	}
.cloud_wall_on{
	display:inline-block;
	font-size:20px !important;
	padding:10px;
	margin:2px;
	cursor:pointer;
	color:#FFFFFF;
	background:#02C8C6;
	border:#ffffff 1px solid;border-radius:5px;
	}
@media screen and (max-width: 700px){
	#line_or{ font-size:15px; }
	#line_or .small{font-size:12px;}
	.cloud_wall_off{font-size:15px !important;}
	.cloud_wall_on{font-size:15px !important;}
	}

@media screen and (max-width: 700px)
{
	
	

	#table_num{margin:0 auto;}
	.numbutton{
		width:60px;height:35px;font-size:30px;margin:0;
		--IOS padding:5px;
		--IOS padding-top:0;
		--IOS padding-bottom:5px;
		--IOS width:60px;
		--IOS height:37px;
		border-radius:0px;border:0px;background:#323A45;color:white;
		}    
	.numbutton:active{background:#ED5A4E;color:#444444;}
	--GEKO .numbutton:hover{background:#ED5A4E;color:#444444;}
	#num_button_c{background:#FF0800;color:#444444;font-size:15px;
	--IOS padding-top:5px;
	}
	#num_button_c:active{background-color:#ED5A4E;color:#444444;}
	#num_button_v{
	height:34px;margin-bottom:-4px;
	--IOS height:42px;
	--IOS margin-bottom:-4px;
	--IOS top:-2px;
	}

	
	.tr_green{color:rgb(255, 255, 0);/*text-shadow:1px 1px 2px white, 0 0 1px white, 0 0 1px white;*/}
		
	/*Bouttons nuage de mot prédéfinis*/
	.buttonOff_3{border:0;border-radius:3px;width:22%;font-weight:bold;padding-top:5px;padding-bottom:5px;background:#9EA7B3;color:#515151;}
	.buttonOn_3 {border:0;border-radius:3px;width:22%;font-weight:bold;padding-top:5px;padding-bottom:5px;background:#ED5A4E;color:white;}
	.button_3_small{
		font-size:10px;
		}

	.terminalId{
	position:fixed;right:0px;top:0px;background:#0C6DB5;color:#fff;display:inline-block;
	font-weight:bold;padding:5px;
	}

#div_historique{
	color:white;
	margin: auto;
	position: fixed;
	bottom:0px;
	left:0px;
	right:0px;
	background:rgb(0,85,181);
	display:none;
}

#div_historique #fermer{
	float: right;
	padding:10px;
	border:0px;
	border:1px solid white;
	cursor:pointer;
	background:#00d929;
	color:white;
	font-weight: bold;
	font-size:20px;
	margin-right:10px;
	width:150px;
	text-align:center !important;
}
#div_historique table{
	width:100%; 
	border-collapse:collapse;
	color:white; 
	font-size:24px;
	margin-bottom:25px;
	text-align:left;
	background-color:rgba(60,122,195,0.8);
}
#td_header_hist{display:none;}
#div_historique  #items_historique{ 
	max-height:300px;
	overflow-y:scroll;
	text-align:left;
	color:white;
 }


}
@media screen and (min-width: 701px)
{

	.buttonOff_2{
	height:60px;line-height:50px;font-size:35px;
	width:45%;margin:0;margin-bottom:10px;
	color:#EEEEEE;cursor:pointer;
	/*
	box-shadow:#005DA0 1px 1px 5px 1px;
	*/
	background:rgba(2,10,97,0.52);
	border:#8fc9fe 2px solid;
	}
	.buttonOn_2{
	height:60px;line-height:50px;font-size:35px;
	width:45%;margin:0;margin-bottom:10px;
	color:#EEEEEE;cursor:pointer;
	background:#00AF00;
	border:#8fc9fe 2px solid;
	}
	.buttonOff_3{
	height:60px;font-size:30px;
	width:23.5%;
	margin:auto;margin-bottom:10px;
	color:#EEEEEE;cursor:pointer;
	display:inline-block;
	/*
	box-shadow:#005DA0 1px 1px 5px 1px;
	*/
	background:rgba(2,10,97,0.52);
	border:#8fc9fe 2px solid;
	}
	.buttonOn_3{
	display:inline-block;
	height:60px;font-size:30px;
	width:23.5%;
	margin:auto;margin-bottom:10px;
	color:#EEEEEE;
	background:#00AF00;
	border:#8fc9fe 2px solid;
	}
	.button_3_small
		{
		overflow:hidden;
		font-size:18px;
		--IOS padding-left:0;
		--IOS padding-right:0;
		--IOS text-align:center;
		--IOS position:relative;
		--IOS top:-5px;
		--IOS bottom:-5px;
		}
	.button_3_small2
		{
		overflow:hidden;
		font-size:16px;
		--IOS padding-left:0;
		--IOS padding-right:0;
		--IOS text-align:center;
		position: relative;
		top:-5px;
		}
	.button_3_small3
		{
		overflow:hidden;
		font-size:12px;
		--IOS padding-left:0;
		--IOS padding-right:0;
		--IOS text-align:center;
	   position: relative;
		top:-11px;
		--IOS6 top:1px;
		}
	
	
	.throw_tab{width:600px;max-width:600px;margin:0 auto;border-collapse:collapse;}
	.buttonOff_4{
	border-radius:0px;color:#EEEEEE;cursor:pointer;
	/*
	box-shadow:#005DA0 1px 1px 5px 1px;
	*/
	border:#355E89 2px solid;
	width:518px;max-width:518px;height:80px;font-size:30px;
	border-left:0 none;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #4F8BCC), color-stop(0.30, #3C7AC3), color-stop(1.00, #3C7AC3));
	background-image:-moz-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
	background-image:-o-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF0060A5', EndColorStr='#FF0094FF');
	margin-bottom:5px;
	}
	
	.throw_4_small
		{
		overflow:hidden;
		font-size:18px;
		--IOS padding-left:0;
		--IOS padding-right:0;
		--IOS text-align:center;
		}
	.throw_4_small2
		{
		overflow:hidden;
		font-size:15px;
		--IOS font-size:14px;
		--IOS padding-left:0;
		--IOS padding-right:0;
		--IOS text-align:center;
		}
	.throw_4_small3
		{
		overflow:hidden;
		font-size:12px;
		--IOS font-size:10px;
		--IOS padding-left:0;
		--IOS padding-right:0;
		--IOS text-align:center;
		}
	.little_case_off_4{width:80px;height:80px;}
	.little_buttonOff_4{
	border-radius:0px;color:#EEEEEE;cursor:pointer;
	/*
	box-shadow:#005DA0 1px 1px 5px 1px;
	*/
	display:block;
	width:80px;height:76px;
	color:white;
	border:#355E89 2px solid;
	border-right:0 none;
	text-align:center;
	font-weight:bold;
	font-size:200%;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #4F8BCC), color-stop(0.30, #3C7AC3), color-stop(1.00, #3C7AC3));
	background-image:-moz-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
	background-image:-o-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF0060A5', EndColorStr='#FF0094FF');
	margin-bottom:5px;
	}
	.little_buttonOn_4{
	border-radius:0px;color:#EEEEEE;cursor:pointer;
	/*
	box-shadow:#005DA0 1px 1px 5px 1px;
	*/
	display:block;
	width:80px;height:61px;
	color:white;
	border:#007F0E 2px solid;
	border-right:0 none;
	text-align:center;
	font-weight:bold;
	font-size:200%;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(1, #00E200), color-stop(0.15, #00AF00), color-stop(0, #007200));
	background-image:-moz-linear-gradient(top, #00E200, #00AF00 15%, #007200);
	background-image:-o-linear-gradient(top, #00E200, #00AF00 15%, #007200);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF00E200', EndColorStr='#FF007200');
	margin-bottom:5px;
	padding-top:15px;
	}
	#zoom_div{
		background-color: #999999;
		color: #000;
		position:absolute;
		bottom:0px;right:0px;
		opacity:0.4;
		border:#000 1px solid;
		height:50px;width:120px;
		text-align:center;
		z-index:20;
	}
	#zoom_div tr{width:100%;font-size:24px;}



	.numtd{width:32%;height:25%;}
	.numbutton
		{
		width:100%;
		height:70px;
		border:#000000 1px solid;
		border-radius:0px;
		font-size:50px;
		color:white;
		cursor:pointer;
		background:#3C7AC3;
		}
	.numbutton:active{
		background:#0094FF;
		}
	#num_value
		{
		margin:0px;
		width:250px;
		}
	.trnum td{
		width:137px;
		padding-bottom:7px;
		}
	.trnum button{
		width:137px;left:-6px;
		padding:0;margin:0 auto;
		}
	.tdleft{text-align:right;}
	.tdleft button{text-align:center;}
	.tdright{text-align:left;}
	.tdright button{text-align:center;}
	#num_button_v
		  {
		padding:0;width:157px;
		}
	#num_button_vir
		   {
		font-size:50px;
		background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #608EC1), color-stop(0.05, #3C7AC3), color-stop(1.00, #295684));
		background-image:-moz-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
		background-image:-o-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
		}
	#num_button_vir:active{
		background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(1.00, #295684), color-stop(0.95, #3C7AC3), color-stop(0, #608EC1));
		background-image:-moz-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
		background-image:-o-linear-gradient(top, #0094FF, #0078CE 5%, #0060A5);
		}
	#num_button_c
		{
		font-size:32px;
		background:#CD0706;
		}
	#num_button_c:active
		{
		background:#E02A2A;
		}
	#table_num
		{
		width:430px;
		--IOS width:465px;
		margin:0 auto;
		border-collapse:collapse;
		}
	#table_num tr{border-collapse:collapse;margin-right:14px;}
	#num_spacer{
	height:0px;
	--IOS height:10px;
	}
	#imageQuest{width:100%;}
	

	.terminalId{
	position:fixed;right:0px;top:0px;
	--IOS8 top:20px;
	background:#0C6DB5;color:#fff;display:inline-block;
	font-weight:bold;padding:5px;
	}
	
	#div_historique{
	color:white;
	margin: auto;
	position: fixed;
	bottom:0px;left:0px;right:0px;
	background:rgb(0,85,181);
	display:none;
}

#div_historique #fermer{
	float: right;
	padding:10px;
	border:0px;
	border:1px solid white;
	cursor:pointer;
	background:#00d929;
	color:white;
	font-weight: bold;
	font-size:20px;
	margin-right:10px;
	width:150px;
	text-align:center !important;
}
#div_historique table{
	width:100%; 
	border-collapse:collapse;
	color:white; 
	font-size:24px;
	margin-bottom:25px;
	text-align:left;
	background-color:rgba(60,122,195,0.8);
}
#td_header_hist{padding:10px;width:100%;overflow-x:hidden;text-overflow: clip;word-wrap: break-word; -webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;}
#div_historique  #items_historique{ 
	max-height:300px;
	overflow-y:scroll;
	text-align:left;
	color:white;
 }
}

.zoomableContainer{
	background:transparent;
}