/*5t4rt*/

*{
	font-family: arial,sans-serif;
}

.clickable
{
	cursor: pointer !important;
}

th.submenu
{
	position: relative;
	
	font-weight: bold;
	
	font-size: 20px;
	

}

select.language
{
	position:relative;
	
	font-size:20px;
	
	border-radius:0px;
	
	border:0px solid silver;
	

}

#amount
{
	position:relative;
	
	font-size:15px;
	

}

img.user
{
	position: relative;
	
	max-width: 32px;
	max-height:  32px;
	
}


#basdepage_first_menu
{
	position:relative;
	
	
	padding:10px 0px;
	margin:10px 0px;
	
	color:white;

}

label.toknowabout:hover
{

	color:rgba(255,255,255,0.3);
	
}

label.toknowabout
{
	position:relative;
	
	margin:5px 10px;
	
	cursor:pointer;
	
	
}

#signin_btn:hover, #signup_btn:hover
{
	color:black;
}

#signin_btn, #signup_btn
{
	position:relative;
	
	color:#888888;
	
	
}


#donate_btn:hover
{
	background:goldenrod;

}


#donate_btn
{
	position:relative;
	
	color:black;
	background:gold;
	
	padding:5px 10px;
	
}




div.submenu
{
	position: relative;
	
	display: inline-block;
	
	vertical-align: middle;
	
	margin:0px 10px;
	
	cursor: pointer;
	
}

img.submenu
{
	position: relative;
	
	max-height: 48px;
	max-width: 48px;
	
	vertical-align: middle;
	
}

img.submenu_low
{
	position: relative;
	
	max-height: 32px;
	max-width: 32px;
	
	vertical-align: middle;
	
}


label.submenu
{
	position: relative;
	
	font-size:30px;
	
	vertical-align: middle; 
}

#pagename
{
	position: relative;
	
	background:black;
	
	color: white;
	
	font-size: 40px;
}

a.prototype
{
	text-decoration: none;

}




#theviewer_main
{
	
	position:relative;
	
	
	height:100%;
	
	width:100%;
	
	
	background:white;
	
	
}
#theviewer
{
	
	position: fixed;
	
	display:none;
	
	top:0px;
	
	font-size: 30px;
	
	height:100%;
	
	width:100%;
	
	
	background:rgba(0,0,0,0.7);
	
	color:white;
	
	z-index: 10000;
	
	
}

#theviewer_cls
{
	
	position: absolute;
	
	padding:5px 10px;
	
	border-radius:100%;
	
	top:10px;
	
	right:10px;
	
	font-size:20px;
	
	font-weight:bold;
	
	background:#d0d0d0;
	
	color:gray;
	
	cursor: pointer;
	
	z-index: 100000;
	
}

#theviewer_goto
{
	
	position: absolute;
	
	padding:5px 10px; 
	
	border-radius:100%;
	
	bottom:10px;
	
	right:10px;
	
	font-size:20px;
	
	background:rgba(0,0,0,0.3);
	
	color:gray;
	
	cursor: pointer;
	
	z-index: 100000;
	
}

.surbrillance
{
	box-shadow:0px 0px 2px 1px #888888;
}

	#mobile_menu_btn
	{
		position: relative;
		
		vertical-align: middle;
		
		display: inline-block;
		
		margin:5px 10px;
		
		cursor: pointer;
		
		transform : rotate(90deg);
		
		font-size: 20px;
		line-height: 10px;
		
		font-weight: bold;
		padding: 5px;	
	}	
	
	
	

.middle
{
	position: relative;
	
	vertical-align: middle !important;

}


.top
{
	position: relative;
	
	vertical-align: top !important;

}



.bottom
{
	position: relative;
	
	vertical-align: bottom !important;

}



.center
{
	position: relative;
	
	text-align: center !important;

}



.right
{
	position: relative;
	
	text-align: right !important;

}



.left
{
	position: relative;
	
	text-align: left !important;

}



.invisible
{
	position: relative;
	
	display:none !important;

}

.feeds
{
	position: relative;
	
	display: inline-block;
		
	vertical-align:top;
		
	height:100% ;

	width: 100%;
}

#menubar_mobile
{
	
	position: fixed;
	
	display:none;
	
	top:0px;
	
	left:0px;
	
	height:100%;
	
	width:100%;
	
	
	background:rgba(0,0,0,0.7);
	
	color:white;
	
	z-index: 900;
	
	
}



div.anapp_views
{
	position:absolute;
	
	top:0px;
	
	right:0px;
	
	padding:2px;
	
	background:red;
	
	color:white;
	
	z-index:100;
	
	font-size:15px;

}


img.contender
{

	position:absolute;
	
	bottom:5px;
	
	right:5px;
	
	
	max-width:32px;
	
	max-height:32px;
	
	cursor:pointer;
	
	z-index:1000;
	

}

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

	div.contender
	{
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		width:50%;
	
	}
	
	iframe.kindthird_extern
	{
		position:Relative;
		
		width:100%;
		
		height:400px;
		
		overflow:auto;

	}
	
	
	
	div.footer_submenu
	{
		position: relative;	
		
		display: inline-block;
		
		vertical-align: middle;
	}
	
	span.footer_submenu
	{

		position: relative;

		padding:0px;
		color:white;
		font-size:20px;
		font-weight: bold;
		margin: 5px 0px;
	}	
	
	label.footer_submenu				
	{
		position: relative;

		font-size:15px;
		
		margin-right: 10px;	
		
		color: grey;
		
	}
	
	
	label.toknowabout
	{
		position:relative;
		
		margin:5px 10px;
		
		color:white;
		
		cursor:pointer;
		
		user-color:none;
		-webkit-user-color:none;
		-o-user-color:none;
		-ms-user-color:none; 
	}
  
  
	#bill_left:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	
	#bill_left
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		left:0px;
		
		padding:5px 10px;
		
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		cursor:pointer;
	
		background:rgba(0,0,0,0.02);
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	#bill_right:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	#bill_right
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		right:0px;
		
		cursor:pointer;
		
		padding:5px 10px;
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		
		background:rgba(0,0,0,0.02);
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	div.mm_line
	{
		position: relative;
		
		padding:5px 0px 10px 0px;
		
		text-align: center;
		
		font-size: 20px;
		
		font-weight: bold;
			
	}
	
	
	
	#free_apps_list
 	{
		position:relative;
		
		 	
 	}
 	
 	
 	
	div.right_line
	{
		position: relative;
		
		border:1px solid #dfdfdf;
		
		padding:5px;
			
	}
	
	
	div.anapp_in
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	
	div.anapp_out_left:hover
	{
		/*border-right: 1px solid silver;	
		border-bottom: 1px solid silver;*/
		
		background:rgba(0,0,0,0.1);
	}
	
	
	div.anapp_out_left
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	div.anapp_name
	{
		position: relative;
		font-size: 10px;
		text-align: center;
		
		font-weight: bold;
		
	}
	
	
	div.anapp_img
	{
		position: relative;
		
		text-align: center;
		
	
	}
	
	img.anapp
	{
		position: relative;
		
		max-width: 64px;
		
		max-height: 64px;
		
		cursor: pointer;
	}
			
			
			
	iframe.timeline
	{
		position: relative;
		
		width: 100%;
		
		
		height: 100%;		
	}
	
	
	/* paid app */
	div.anapp
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		height:100% ;
			
	}
	
	div.abill_main
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		
		border-right:2px solid silver;
			
		height:100% ;
			
	}

	div.bill_img
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		max-height: 250px;
		
		
	
	}



	img.bill_img
	{
		position: relative;
		
		max-height: 250px;		
		max-width:  250px;		
			
	}

	div.abill_name
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		padding:5px 0px;
		
		width: 100%;
		
		text-align: center;
		
		background:rgba(0,0,0,0.7);
		
		color:gold;
		
		font-weight: bold;
		
		z-index: 1000;
		
			
	}	
	
	div.bill_info
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		background:rgba(0,0,0,0.7);
		
		color: white;
		
		height: 100%;
	
	}
	div.app_name
	{
		position: relative;
		
		font-size: 20px;
		
		font-weight: bold;		

		color:gold;
		
		padding:5px;
		
		
		
	}
		
	p.bill_info
	{
		position: relative;
		
		font-size: 18px;	
		
		padding: 5px 10px;
		
		
	
	}					
										
	div.abill_footer	
	{
		position: relative;	
		
		padding:5px;
		
		text-align: center;
	}
	
	button.abill
	{
		position: relative;
		
		color: black;
		
		background:gold;
		
		border:0px solid silver;
		
		
		
		font-size: 20px;
		
		cursor: pointer;
		
		
			
	}
	
	
	.bothfriendly
	{
		position: relative;	
	}
	
	.notmobilefriendly
	{
		position: relative;	
	
	
	}

	.mobilefriendly
	{
		position: relative;	
	
		display: none !important;
		
	}	
	
	
	
	#nouvelles
	{
		position: relative;
		
		margin:10px 0px;	
		
		height: 100%;
	}
	
	
	#bilboard
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 250px;
		
		max-height: 250px;
		
		height:100% ;
		height:250px;
					
		width: 100%;
		
		vertical-align: top;
		
		background:#efefff;
	
	}
	#bilboard_content
	{
		position:relative;
		
		width:100%;
		
		min-height: 250px;
		
		max-height: 250px;
		
		height:100%;
		
		white-space:nowrap;
		
		overflow: hidden;
		
		
	
	}
	
	
	div.abill
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		display:inline-block;
		
		vertical-align:top;
		
	}
	
	#bilboard_nav
	{
		position:absolute;
		
		bottom:0px;
		
		left:0px;
		
		
		width:100%;
		
		padding:5px 0px;
		
		z-index: 1000;
		
		text-align: center;
		
	}
	
	div.blb_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px;
		
		border-radius:100%;
		
		background:#dedeff;
		
		cursor: pointer;
	
			
	}
	
	#blb_action
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px 10px;
		
		border-radius:100%;
		
		background:crimson;
		
		color:white;
		
		font-weight:bold;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
				
		cursor: pointer;
	
			
	}							
																
	
	#basdepage
	{
		position: relative;
		
		min-height: 100px;
		
		background:#292929;	
	}
	
	#left_part
	{
		position: relative;
		
		vertical-align: top;
				
		display: inline-block;
		
		height: 100%;
					

		width: 400px;
		
		
		border-radius: 5px;
		
		
		background:#efefef;
		
		margin:0px 10px;
		
		
		white-space: nowrap;
		
		overflow: hidden;
		
					
	}
	
	#copyright
	{
	
		position: relative;
		
		color: white;
		
		text-align: center;
		
		padding-top: 20px;
		
			
	}	
	
	#maincontent
	{
		position: relative;
		
		width: 100%;
		
		min-height: calc(100% - 40px);
		min-height: -webkit-calc(100% - 40px);
		
		height: 100%;
		
		
			
	}				
	
	
					
	#right_part	
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 400px;
		height:100% ;
					
		width: calc(100% - 425px);
		
		width: -webkit-calc(100% - 425px);
		
		vertical-align: top;
		
		overflow:auto;
		
	
	}	
	
	#countrieslist
	{
		position: relative;
		
		width: 100%;
		
		
		
	}
	
	
	#countrieslist_content
	{
		position: relative;
		
		width: 100%;
			
	}
	
	div.country
	{
		position: relative;
		
		display: inline-block;
		
		
		width: 25%;
		
		text-align: center;
		
		
		padding:5px 0px;
		
	}
	
	label.country:hover
	{
		color: firebrick;
			
	}
	
	label.country
	{
		position: relative;
		
		color: grey;
		
		margin:5px 0px;	
		
		cursor: pointer;
		
	}
		
	body{
	
	
	}



	div.proto_info
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		margin:10px 5px;	
	}
	
	label.proto_info	
	{
		position: relative;
		
		font-weight: bold;
		
		color: gray;
		
		vertical-align: middle;
		
		font-size: 20px;	
	}	
	
	
	span.proto_info	
	{
		position: relative;
		
		font-size: 15px;
		
		vertical-align: middle;
		
		font-style: italic;	
	
	}	
	
	
	
	td.aprototype
	{
		position: relative;
		
		border-bottom:2px solid silver;	
	
	}
	
	
	#prototypeslist
	{
		position: relative;
		
		width: 900px;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	#webmasterbtn:hover
	{
	
		opacity:1.0;
	}
	
	#webmasterbtn
	{
		position: fixed;
		
		bottom: 0px;
		
		right:0px;
		
		font-size:70px;
		
		font-style: italic;
		
		font-weight:bold;
		
		font-family:"URW Chancery L Medium Italic",cursive;
		
		z-index: 1000;
		
		background:transparent;
	
	
		color:midgnigthblue;
		
		cursor: pointer;
		
		box-shadow:0px 0px 2px 1px transparent;
		
		
		border:0px solid silver;
		
		opacity:0.3;
		-ms-opacity:filter(30);
	
	}
	
	
	#menubtn
	{
		position: fixed;
		
		bottom: 0px;
		
		left:0px;
		
		
		z-index: 1000;
		
		
		cursor: pointer;
		
		
	
	}
	
	#gabarit_viewer_enlarge
	{
		position: absolute;
		
		bottom:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:teal;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_close
	{
		position: absolute;
		
		top:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:firebrick;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_content
	{
		position: absolute;
		
		width: 100%;
		
		height: 100%;
		
		background:transparent;
	}
	
	
	#gabarit_viewer_main
	{
		position: relative;
		
		top:0px;
		
		width:95%;
		
		height:95%;
		
		
		margin:1.25% 2.5%;
		
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		background:rgba(255,255,255,0.8); 
			
	}
	
	
	
	#gabarit_viewer_main:hover
	{
		position: relative;
		
		background:rgba(255,255,255,1);
	}
	
	#gabarit_viewer
	{
		position: fixed;
		
		top:0px;
		
		left: 0px;
		
		width:100%;
		
		height: 100%;
			
	
		z-index: 1200;
		
		
		display: none;
		
		
		
	}
	
	
	
	
	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1200;
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:white;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:white;
		
	
	}
	
	
	.half_menu
	{
		position:relative;
		width:50%;
		display: inline-block;
		
		vertical-align: middle;
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	#backstore
	{
		position: relative;
		
		display: inline-block;
		
		background:#292929;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
	
					
	#kitchen
	{
		position: relative;
		
		display: inline-block;
		
		background:silver;
		
		height: 100%;
		
		min-width: 300px;
		
		vertical-align: top;
		
	}
					
	#counter
	{
		position: relative;
		
		display: inline-block;
		
		background:peru;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
					
	#eatingroom
	{
		position: relative;
		
		display: inline-block;
		
		background:#cfcfff;
		
		height: 100%;
		
		width: calc(100% - 520px);
		
		vertical-align: top;
	}
	
	
	
	
	div.onthefloor
	{
		position: absolute;
		
	
		border-radius: 100%;
		
		
		padding:10px 10px;
		
	
		border:4px solid firebrick;
		 		
		vertical-align: middle;
		
		display: inline-block;
			
		background:white;
		
		margin:5px;
		
		cursor: pointer;
		
	}
	
	#rq_4
	{
		border-color:indigo;
		
		background-color: crimson;
	}
	
	
	
	
	#rq_5
	{
		border-color:olivedrab;
		
		background-color: orange;
	}
	
	
	
	div.onthecounter
	{
		position: relative;
	
		padding:10px 10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
		border:4px solid firebrick;
		 		
		
			
		background:rgba(0,0,0,0.7);
		
		margin:5px;
		
	
	}
	
	
	div.inthekitchen
	{
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
			
		
		
		
		
	
	
	}
	
	
	div.intheback
	{
		
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
		
		
	}
	
	
	#backstore_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	#kitchen_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	#countertop_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	#eatingroom_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	
	.stopped
	{
		position: relative;
		
		border-color:chartreuse !important;
		
		z-index: 1000000000;
		
	
	}

  
}
/*****************************************************************************************************/

/* Mobile */
@media only screen and (max-width: 220px) {
	
	
	
	
	div.contender
	{
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		width:50%;
	
	}
	
	iframe.kindthird_extern
	{
		position:Relative;
		
		width:100%;
		
		min-height:300px;
		
		overflow:auto;

	}
	
	
	
	div.footer_submenu
	{
		position: relative;	
		
		display: inline-block;
		
		vertical-align: middle;
	}
	
	span.footer_submenu
	{

		position: relative;

		padding:0px;
		color:white;
		font-size:20px;
		font-weight: bold;
		margin: 5px 0px;
	}	
	
	label.footer_submenu				
	{
		position: relative;

		font-size:15px;
		
		margin-right: 10px;	
		
		color: grey;
		
	}
	
	
	label.toknowabout
	{
		position:relative;
		
		margin:5px 10px;
		
		color:white;
		
		cursor:pointer;
		
		user-color:none;
		-webkit-user-color:none;
		-o-user-color:none;
		-ms-user-color:none; 
	}
  
  
  
	#bill_left:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	
	#bill_left
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		left:0px;
		
		padding:5px 10px;
		
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		cursor:pointer;
	
		background:rgba(0,0,0,0.02);
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	#bill_right:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	#bill_right
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		right:0px;
		
		cursor:pointer;
		
		padding:5px 10px;
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		
		background:rgba(0,0,0,0.02);
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	div.mm_line
	{
		position: relative;
		
		padding:5px 0px 10px 0px;
		
		text-align: center;
		
		font-size: 20px;
		
		font-weight: bold;
			
	}
	
	



	#free_apps_list
 	{
		position:relative;
		
		text-align:center;
		 	
 	}
 	
 	
	/* PAid app */

	/* paid app */
	div.anapp
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		height:100% ;
			
	}
	
	div.abill_main
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		
		border-right:2px solid silver;
			
		height:100% ;
			
	}

	div.bill_img
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		max-height: 250px;
		
		
	
	}



	img.bill_img
	{
		position: relative;
		
		max-height: 250px;		
		max-width:  250px;		
			
	}

	div.abill_name
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		padding:5px 0px;
		
		width: 100%;
		
		text-align: center;
		
		background:rgba(0,0,0,0.7);
		
		color:gold;
		
		font-weight: bold;
		
		z-index: 1000;
		
			
	}	
	
	div.bill_info
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		background:rgba(0,0,0,0.7);
		
		color: white;
		
		height: 100%;
	
	}
	div.app_name
	{
		position: relative;
		
		font-size: 20px;
		
		font-weight: bold;		

		color:gold;
		
		padding:5px;
		
		
		
	}
		
	p.bill_info
	{
		position: relative;
		
		font-size: 18px;	
		
		padding: 5px 10px;
		
		
	
	}					
										
	div.abill_footer	
	{
		position: relative;	
		
		padding:5px;
		
		text-align: center;
	}
	
	button.abill
	{
		position: relative;
		
		color: black;
		
		background:gold;
		
		border:0px solid silver;
		
		
		
		font-size: 20px;
		
		cursor: pointer;
		
		
			
	}
	/* PAid app */
	
	
	div.anapp_in
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	
	div.anapp_out_left:hover
	{
		background:rgba(0,0,0,0.1);
		/*border-right: 1px solid silver;	
		border-bottom: 1px solid silver;*/
	}
	
	
	div.anapp_out_left
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	div.anapp_name
	{
		position: relative;
		font-size: 10px;
		text-align: center;
		
		font-weight: bold;
		
	}
	
	
	div.anapp_img
	{
		position: relative;
		
		text-align: center;
		
	
	}
	
	img.anapp
	{
		position: relative;
		
		max-width: 64px;
		
		max-height: 64px;
		
		cursor: pointer;
	}
			
			
	#bilboard_content
	{
		position:relative;
		
		width:100%;
		
		min-height: 250px;
		
		max-height: 250px;
		
		height:100%;
		
		white-space:nowrap;
		
		overflow: hidden;
		
		
	
	}
	
	
			
	#bilboard_nav
	{
		position:absolute;
		
		bottom:0px;
		
		left:0px;
		
		width:100%;
		
		padding:5px 0px;
		
		z-index: 1000;
		
		text-align: center;
		
	}
	
	div.blb_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px;
		
		border-radius:100%;
		
		background:#dedeff;
		
		cursor: pointer;
	
			
	}
	
	#blb_action
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px 10px;
		
		border-radius:100%;
		
		background:crimson;
		
		color:white;
		
		font-weight:bold;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
				
		cursor: pointer;
	
			
	}							
			
		
		
	.bothfriendly
	{
		position: relative;	
	}
	
	.notmobilefriendly
	{
		position: relative;	
	
		display: none !important;
	
	}

	.mobilefriendly
	{
		position: relative;	
	}	
	
	
	#nouvelles
	{
		position: relative;
		
		margin:10px 0px;	
	}
	
	#basdepage
	{
		position: relative;
		
		min-height: 100px;
		
		background:#292929;	
	}
	
	#left_part
	{
		position: relative;
			
		min-height: 40px;
		
		max-height: 100px;
					

		width: 100%;
		
		
		border-radius: 5px;
		
		
		background:rgba(0,0,0,1);
		
		margin:0px 0px;
		
					
	}
	
	#copyright
	{
	
		position: relative;
		
		color: white;
		
		text-align: center;
		
		padding-top: 20px;
		
			
	}	
	
	#maincontent
	{
		position: relative;
		
		width: 100%;
		
		min-height: calc(100% - 40px);
		min-height: -webkit-calc(100% - 40px);
		
		
			
	}				
	
	#bilboard
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 250px;
		
		height:100% ;
					
		width: 100%;
		
		
		
		vertical-align: top;
		
		background:#efefff;
	
	}	
	
	
					
	#right_part	
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 400px;
		height:100% ;
					
		width: 100%;
		
		vertical-align: top;
		
	
	}	
	
	body{
	
	
	}
	
	
	#prototypeslist
	{
		position: relative;
		
		width: 100%;
		
	}
	
	
	#webmasterbtn:hover
	{
	
		opacity:1.0;
	}
	
	#webmasterbtn
	{
		position: fixed;
		
		bottom: 0px;
		
		right:0px;
		
		font-size:70px;
		
		font-style: italic;
		
		font-weight:bold;
		
		font-family:"URW Chancery L Medium Italic",cursive;
		
		z-index: 1000;
		
		background:transparent;
	
	
		color:midgnigthblue;
		
		cursor: pointer;
		
		box-shadow:0px 0px 2px 1px transparent;
		
		
		border:0px solid silver;
		
		opacity:0.3;
		-ms-opacity:filter(30);
	
	}
	
	
	#menubtn
	{
		position: fixed;
		
		bottom: 0px;
		
		left:0px;
		
		
		z-index: 1000;
		
		
		cursor: pointer;
		
		
	
	}
	
	#gabarit_viewer_enlarge
	{
		position: absolute;
		
		bottom:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:teal;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_close
	{
		position: absolute;
		
		top:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:firebrick;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_content
	{
		position: absolute;
		
		width: 100%;
		
		height: 100%;
		
		background:transparent;
	}
	
	
	#gabarit_viewer_main
	{
		position: relative;
		
		top:0px;
		
		width:95%;
		
		height:95%;
		
		
		margin:1.25% 2.5%;
		
		
		
		background:rgba(255,255,255,0.8); 
			
	}
	
	
	
	#gabarit_viewer_main:hover
	{
		position: relative;
		
		background:rgba(255,255,255,1);
	}
	
	#gabarit_viewer
	{
		position: absolute;
		
		top:0px;
		
		left: 0px;
		
		width:100%;
		
		height: 100%;
			
	
		z-index: 1200;
		
		
		display: none;
		
		
		
	}
	
	
	
	
	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1200;
		
		background:white;
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
		
	
	}
	
	
	.half_menu
	{
		position:relative;
		width:50%;
		display: inline-block;
		white-space: nowrap;
		
		vertical-align: middle;
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	#backstore
	{
		position: relative;
		
		display: inline-block;
		
		background:#292929;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
	
					
	#kitchen
	{
		position: relative;
		
		display: inline-block;
		
		background:silver;
		
		height: 100%;
		
		min-width: 300px;
		
		vertical-align: top;
		
	}
					
	#counter
	{
		position: relative;
		
		display: inline-block;
		
		background:peru;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
					
	#eatingroom
	{
		position: relative;
		
		display: inline-block;
		
		background:#cfcfff;
		
		height: 100%;
		
		width: calc(100% - 520px);
		
		vertical-align: top;
	}
	
	
	
	
	div.onthefloor
	{
		position: absolute;
		
	
		border-radius: 100%;
		
		
		padding:10px 10px;
		
	
		border:4px solid firebrick;
		 		
		vertical-align: middle;
		
		display: inline-block;
			
		background:white;
		
		margin:5px;
		
		cursor: pointer;
		
	}
	
	#rq_4
	{
		border-color:indigo;
		
		background-color: crimson;
	}
	
	
	
	
	#rq_5
	{
		border-color:olivedrab;
		
		background-color: orange;
	}
	
	
	
	div.onthecounter
	{
		position: relative;
	
		padding:10px 10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
		border:4px solid firebrick;
		 		
		
			
		background:rgba(0,0,0,0.7);
		
		margin:5px;
		
	
	}
	
	
	div.inthekitchen
	{
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
			
		
		
		
		
	
	
	}
	
	
	div.intheback
	{
		
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
		
		
	}
	
	
	#backstore_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	#kitchen_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	#countertop_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	#eatingroom_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	
	.stopped
	{
		position: relative;
		
		border-color:chartreuse !important;
		
		z-index: 1000000000;
		
	
	}


}

/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) {
	
	
	div.contender
	{
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		width:50%;
	
	}
	
	iframe.kindthird_extern
	{
		position:Relative;
		
		width:100%;
		
		min-height:300px;
		
		overflow:auto;

	}
	
	
	
	div.footer_submenu
	{
		position: relative;	
		
		display: inline-block;
		
		vertical-align: middle;
	}
	
	span.footer_submenu
	{

		position: relative;

		padding:0px;
		color:white;
		font-size:20px;
		font-weight: bold;
		margin: 5px 0px;
	}	
	
	label.footer_submenu				
	{
		position: relative;

		font-size:15px;
		
		margin-right: 10px;	
		
		color: grey;
		
	}
	
	
	label.toknowabout
	{
		position:relative;
		
		margin:5px 10px;
		
		color:white;
		
		cursor:pointer;
		
		user-color:none;
		-webkit-user-color:none;
		-o-user-color:none;
		-ms-user-color:none; 
	}
  
	
	#bill_left:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	
	#bill_left
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		left:0px;
		
		padding:5px 10px;
		
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		cursor:pointer;
	
		background:rgba(0,0,0,0.02);
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	#bill_right:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	#bill_right
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		right:0px;
		
		cursor:pointer;
		
		padding:5px 10px;
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		
		background:rgba(0,0,0,0.02);
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	div.mm_line
	{
		position: relative;
		
		padding:5px 0px 10px 0px;
		
		text-align: center;
		
		font-size: 20px;
		
		font-weight: bold;
			
	}
	
	
	
	#free_apps_list
 	{
		position:relative;
		
		text-align:center;
		 	
 	}
 	
 	
 	
	#bilboard_content
	{
		position:relative;
		
		width:100%;
		
		min-height: 250px;
		
		max-height: 250px;
		
		height:100%;
		
		white-space:nowrap;
		
		overflow: hidden;
		
		
	
	}
	
	
	/* PAid app */

	/* paid app */
	div.anapp
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		height:100% ;
			
	}
	
	div.abill_main
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		
		border-right:2px solid silver;
			
		height:100% ;
			
	}

	div.bill_img
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		max-height: 250px;
		
		
	
	}



	img.bill_img
	{
		position: relative;
		
		max-height: 250px;		
		max-width:  250px;		
			
	}

	div.abill_name
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		padding:5px 0px;
		
		width: 100%;
		
		text-align: center;
		
		background:rgba(0,0,0,0.7);
		
		color:gold;
		
		font-weight: bold;
		
		z-index: 1000;
		
			
	}	
	
	div.bill_info
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		background:rgba(0,0,0,0.7);
		
		color: white;
		
		height: 100%;
	
	}
	div.app_name
	{
		position: relative;
		
		font-size: 20px;
		
		font-weight: bold;		

		color:gold;
		
		padding:5px;
		
		
		
	}
		
	p.bill_info
	{
		position: relative;
		
		font-size: 18px;	
		
		padding: 5px 10px;
		
		
	
	}					
										
	div.abill_footer	
	{
		position: relative;	
		
		padding:5px;
		
		text-align: center;
	}
	
	button.abill
	{
		position: relative;
		
		color: black;
		
		background:gold;
		
		border:0px solid silver;
		
		
		
		font-size: 20px;
		
		cursor: pointer;
		
		
			
	}
	/* PAid app */
	
	div.anapp_in
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	
	div.anapp_out_left:hover
	{
		/*border-right: 1px solid silver;	
		border-bottom: 1px solid silver;*/
		
		background:rgba(0,0,0,0.1);
	}
	
	
	div.anapp_out_left
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	div.anapp_name
	{
		position: relative;
		font-size: 10px;
		text-align: center;
		
		font-weight: bold;
		
	}
	
	
	div.anapp_img
	{
		position: relative;
		
		text-align: center;
		
	
	}
	
	img.anapp
	{
		position: relative;
		
		max-width: 64px;
		
		max-height: 64px;
		
		cursor: pointer;
	}
			
			
			
	#bilboard_nav
	{
		position:absolute;
		
		bottom:0px;
		
		left:0px;
		
		width:100%;
		
		padding:5px 0px;
		
		z-index: 1000;
		
		text-align: center;
		
	}
	
	div.blb_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px;
		
		border-radius:100%;
		
		background:#dedeff;
		
		cursor: pointer;
	
			
	}
	
	#blb_action
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px 10px;
		
		border-radius:100%;
		
		background:crimson;
		
		color:white;
		
		font-weight:bold;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
				
		cursor: pointer;
	
			
	}							
			
	.bothfriendly
	{
		position: relative;	
	}
	
	.notmobilefriendly
	{
		position: relative;	
	
		display: none !important;
	
	}

	.mobilefriendly
	{
		position: relative;	
	}	
	
	
	
	
	#nouvelles
	{
		position: relative;
		
		margin:10px 0px;	
	}
	
	

	#basdepage
	{
		position: relative;
		
		min-height: 100px;
		
		background:#292929;	
	}
	
	#left_part
	{
		position: relative;
			
		min-height: 40px;
		
		max-height: 100px;
					

		width: 100%;
		
		
		border-radius: 5px;
		
		
		background:rgba(0,0,0,1);
		
		margin:0px 0px;
		
					
	}
	
	#copyright
	{
	
		position: relative;
		
		color: white;
		
		text-align: center;
		
		padding-top: 20px;
		
			
	}	
	
	#maincontent
	{
		position: relative;
		
		width: 100%;
		
		min-height: calc(100% - 40px);
		min-height: -webkit-calc(100% - 40px);
		
		
			
	}				
	
	#bilboard
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 250px;
		height:100% ;
					
		width: 100%;
		
		vertical-align: top;
		background:black;
	
	}	
					
	#right_part	
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 400px;
		height:100% ;
					
		width: 100%;
		
		vertical-align: top;
		
	
	}		
	
	body{
	
	
	}
	
	
	#prototypeslist
	{
		position: relative;
		
		width: 100%;
		
	}
	
	
	#webmasterbtn:hover
	{
	
		opacity:1.0;
	}
	
	#webmasterbtn
	{
		position: fixed;
		
		bottom: 0px;
		
		right:0px;
		
		font-size:70px;
		
		font-style: italic;
		
		font-weight:bold;
		
		font-family:"URW Chancery L Medium Italic",cursive;
		
		z-index: 1000;
		
		background:transparent;
	
	
		color:midgnigthblue;
		
		cursor: pointer;
		
		box-shadow:0px 0px 2px 1px transparent;
		
		
		border:0px solid silver;
		
		opacity:0.3;
		-ms-opacity:filter(30);
	
	}
	
	
	#menubtn
	{
		position: fixed;
		
		bottom: 0px;
		
		left:0px;
		
		
		z-index: 1000;
		
		
		cursor: pointer;
		
		
	
	}
	
	#gabarit_viewer_enlarge
	{
		position: absolute;
		
		bottom:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:teal;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_close
	{
		position: absolute;
		
		top:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:firebrick;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_content
	{
		position: absolute;
		
		width: 100%;
		
		height: 100%;
		
		background:transparent;
	}
	
	
	#gabarit_viewer_main
	{
		position: relative;
		
		top:0px;
		
		width:95%;
		
		height:95%;
		
		
		margin:1.25% 2.5%;
		
		
		
		background:rgba(255,255,255,0.8); 
			
	}
	
	
	
	#gabarit_viewer_main:hover
	{
		position: relative;
		
		background:rgba(255,255,255,1);
	}
	
	#gabarit_viewer
	{
		position: absolute;
		
		top:0px;
		
		left: 0px;
		
		width:100%;
		
		height: 100%;
			
	
		z-index: 1200;
		
		
		display: none;
		
		
		
	}
	
	
	
	
	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		
		z-index:1200;
		background:white;
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
		
	
	}
	
	
	
	.half_menu
	{
		position:relative;
		width:50%;
		display: inline-block;
		white-space: nowrap;
		vertical-align: middle;
	}
	
	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	#backstore
	{
		position: relative;
		
		display: inline-block;
		
		background:#292929;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
	
					
	#kitchen
	{
		position: relative;
		
		display: inline-block;
		
		background:silver;
		
		height: 100%;
		
		min-width: 300px;
		
		vertical-align: top;
		
	}
					
	#counter
	{
		position: relative;
		
		display: inline-block;
		
		background:peru;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
					
	#eatingroom
	{
		position: relative;
		
		display: inline-block;
		
		background:#cfcfff;
		
		height: 100%;
		
		width: calc(100% - 520px);
		
		vertical-align: top;
	}
	
	
	
	
	div.onthefloor
	{
		position: absolute;
		
	
		border-radius: 100%;
		
		
		padding:10px 10px;
		
	
		border:4px solid firebrick;
		 		
		vertical-align: middle;
		
		display: inline-block;
			
		background:white;
		
		margin:5px;
		
		cursor: pointer;
		
	}
	
	#rq_4
	{
		border-color:indigo;
		
		background-color: crimson;
	}
	
	
	
	
	#rq_5
	{
		border-color:olivedrab;
		
		background-color: orange;
	}
	
	
	
	div.onthecounter
	{
		position: relative;
	
		padding:10px 10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
		border:4px solid firebrick;
		 		
		
			
		background:rgba(0,0,0,0.7);
		
		margin:5px;
		
	
	}
	
	
	div.inthekitchen
	{
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
			
		
		
		
		
	
	
	}
	
	
	div.intheback
	{
		
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
		
		
	}
	
	
	#backstore_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	#kitchen_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	#countertop_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	#eatingroom_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	
	.stopped
	{
		position: relative;
		
		border-color:chartreuse !important;
		
		z-index: 1000000000;
		
	
	}
}



/*********************************************************************************************************
 ########################################################################################################
*********************************************************************************************************/

/* Tablet **/
@media screen and (max-width: 770px) and (min-width: 361px) {
 

	div.contender
	{
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		width:50%;
	
	}
	
	iframe.kindthird_extern
	{
		position:Relative;
		
		width:100%;
		
		min-height:300px;
		
		overflow:auto;

	}
	
	
	
	div.footer_submenu
	{
		position: relative;	
		
		display: inline-block;
		
		vertical-align: middle;
	}
	
	span.footer_submenu
	{

		position: relative;

		padding:0px;
		color:white;
		font-size:20px;
		font-weight: bold;
		margin: 5px 0px;
	}	
	
	label.footer_submenu				
	{
		position: relative;

		font-size:15px;
		
		margin-right: 10px;	
		
		color: grey;
		
	}
	
	
	label.toknowabout
	{
		position:relative;
		
		margin:5px 10px;
		
		color:white;
		
		cursor:pointer;
		
		user-color:none;
		-webkit-user-color:none;
		-o-user-color:none;
		-ms-user-color:none; 
	}
  
 
	#bill_left:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	
	#bill_left
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		left:0px;
		
		padding:5px 10px;
		
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		cursor:pointer;
	
		background:rgba(0,0,0,0.02);
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
	#bill_right:hover
	{
		background:rgba(0,0,0,0.7);
	}
	
	#bill_right
	{
		position:absolute;
		
		top: calc(50% - 60px);
		top: -webkit-calc(50% - 60px);
		
		right:0px;
		
		cursor:pointer;
		
		padding:5px 10px;
			
		font-size:40px;
	
		z-index:1200;
		
		color:white;
		
		font-weight:bold;
		
		text-shadow:-1px -1px black;
		
		
		
		background:rgba(0,0,0,0.02);
		
		box-shadow:0px 0px 2px 1px transparent;
	
	}
	
	
 	div.mm_line
	{
		position: relative;
		
		padding:5px 0px 10px 0px;
		
		text-align: center;
		
		font-size: 20px;
		
		font-weight: bold;
			
	}
	
	
 	#free_apps_list
 	{
		position:relative;
		
		text-align:center;
		 	
 	}
 	
 
 	#bilboard_content
	{
		position:relative;
		
		width:100%;
		
		min-height: 250px;
		
		max-height: 250px;
		
		height:100%;
		
		white-space:nowrap;
		
		overflow: hidden;
		
		
	
	}
	
 	/* PAid app */

	/* paid app */
	div.anapp
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		height:100% ;
			
	}
	
	div.abill_main
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		
		border-right:2px solid silver;
			
		height:100% ;
			
	}

	div.bill_img
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		max-height: 250px;
		
		
	
	}



	img.bill_img
	{
		position: relative;
		
		max-height: 250px;		
		max-width:  250px;		
			
	}

	div.abill_name
	{
		position: absolute;
		
		bottom: 0px;
		
		left: 0px;
		
		padding:5px 0px;
		
		width: 100%;
		
		text-align: center;
		
		background:rgba(0,0,0,0.7);
		
		color:gold;
		
		font-weight: bold;
		
		z-index: 1000;
		
			
	}	
	
	div.bill_info
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align:top;
		
		background:rgba(0,0,0,0.7);
		
		color: white;
		
		height: 100%;
	
	}
	div.app_name
	{
		position: relative;
		
		font-size: 20px;
		
		font-weight: bold;		

		color:gold;
		
		padding:5px;
		
		
		
	}
		
	p.bill_info
	{
		position: relative;
		
		font-size: 18px;	
		
		padding: 5px 10px;
		
		
	
	}					
										
	div.abill_footer	
	{
		position: relative;	
		
		padding:5px;
		
		text-align: center;
	}
	
	button.abill
	{
		position: relative;
		
		color: black;
		
		background:gold;
		
		border:0px solid silver;
		
		
		
		font-size: 20px;
		
		cursor: pointer;
		
		
			
	}
	/* PAid app */
 
 	div.anapp_in
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	
	div.anapp_out_left:hover
	{
		background:rgba(0,0,0,0.1);
		/*border-right: 1px solid silver;	
		border-bottom: 1px solid silver;*/
	}
	
	
	div.anapp_out_left
	{
		position: relative;
	
		padding:5px 20px;
		
		margin:0px;
		
		vertical-align: top;
		
		cursor: pointer;
		
	
		
		text-align: center;
		
		display: inline-block;	
	}
	
	div.anapp_name
	{
		position: relative;
		font-size: 10px;
		text-align: center;
		
		font-weight: bold;
		
	}
	
	
	div.anapp_img
	{
		position: relative;
		
		text-align: center;
		
	
	}
	
	img.anapp
	{
		position: relative;
		
		max-width: 64px;
		
		max-height: 64px;
		
		cursor: pointer;
	}
			
		
 	#bilboard_nav
	{
		position:absolute;
		
		bottom:0px;
		
		left:0px;
		
		width:100%;
		
		padding:5px 0px;
		
		z-index: 1000;
		
		text-align: center;
		
	}
	
	div.blb_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px;
		
		border-radius:100%;
		
		background:#dedeff;
		
		cursor: pointer;
	
			
	}
	
	#blb_action
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		margin:5px;
		
		padding:5px 10px;
		
		border-radius:100%;
		
		background:crimson;
		
		color:white;
		
		font-weight:bold;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
				
		cursor: pointer;
	
			
	}							
				
		
	.bothfriendly
	{
		position: relative;	
	}
	
	.notmobilefriendly
	{
		position: relative;	
	
		display: none !important;
	
	}

	.mobilefriendly
	{
		position: relative;	
	}	
	
	   
  
	#nouvelles
	{
		position: relative;
		
		margin:10px 0px;	
	}
	
  #basdepage
	{
		position: relative;
		
		min-height: 100px;
		
		background:#292929;	
	}
	
	#left_part
	{
		position: relative;
			
		min-height: 40px;
		
		max-height: 100px;
					

		width: 100%;
		
		
		border-radius: 5px;
		
		
		background:rgba(0,0,0,1);
		
		margin:0px 0px;
		
					
	}
	
	#copyright
	{
	
		position: relative;
		
		color: white;
		
		text-align: center;
		
		padding-top: 20px;
		
			
	}	
	
	#maincontent
	{
		position: relative;
		
		width: 100%;
		
		min-height: calc(100% - 40px);
		min-height: -webkit-calc(100% - 40px);
		
		
			
	}				
	
	#bilboard
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 250px;
		height:100% ;
					
		width: 100%;
		
		vertical-align: top;
		background:black;
	
	}	
					
	#right_part	
	{
		position: relative;
		
		display: inline-block;
		
		min-height: 400px;
		
		
		height:100% ;
					
		width: 100%;
		
		vertical-align: top;
		
	
	}	
  	body{
	
	
	}
	
	
	#prototypeslist
	{
		position: relative;
		
		width: 100%;
		
	}
	
	
	#webmasterbtn:hover
	{
	
		opacity:1.0;
	}
	
	#webmasterbtn
	{
		position: fixed;
		
		bottom: 0px;
		
		right:0px;
		
		font-size:70px;
		
		font-style: italic;
		
		font-weight:bold;
		
		font-family:"URW Chancery L Medium Italic",cursive;
		
		z-index: 1000;
		
		background:transparent;
	
	
		color:midgnigthblue;
		
		cursor: pointer;
		
		box-shadow:0px 0px 2px 1px transparent;
		
		
		border:0px solid silver;
		
		opacity:0.3;
		-ms-opacity:filter(30);
	
	}
	
	
	#menubtn
	{
		position: fixed;
		
		bottom: 0px;
		
		left:0px;
		
		
		z-index: 1000;
		
		
		cursor: pointer;
		
		
	
	}
	
	#gabarit_viewer_enlarge
	{
		position: absolute;
		
		bottom:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:teal;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_close
	{
		position: absolute;
		
		top:5px;
		
		right: 10px;
		
		font-size: 40px;
		
		color:firebrick;
		
		cursor: pointer;
		
		z-index: 1000;
		
			
		
	}
	
	
	#gabarit_viewer_content
	{
		position: absolute;
		
		width: 100%;
		
		height: 100%;
		
		background:transparent;
	}
	
	
	#gabarit_viewer_main
	{
		position: relative;
		
		top:0px;
		
		width:95%;
		
		height:95%;
		
		
		margin:1.25% 2.5%;
		
		
		
		background:rgba(255,255,255,0.8); 
			
	}
	
	
	
	#gabarit_viewer_main:hover
	{
		position: relative;
		
		background:rgba(255,255,255,1);
	}
	
	#gabarit_viewer
	{
		position: absolute;
		
		top:0px;
		
		left: 0px;
		
		width:100%;
		
		height: 100%;
			
	
		z-index: 1200;
		
		
		display: none;
		
		
		
	}
	
	
	
	
	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1200;
		
		background:white;
		box-shadow:0px 0px 2px 1px transparent;
		
	}
	
	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px transparent;
	}
	
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
	
	}
	
	#main
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
	
	}
	
	.page
	{
		position:relative;
	
		width:100%;
		height:100%;
		background:smoke;
		
	
	}
	
	
	
	.half_menu
	{
		position:relative;
		width:50%;
		display: inline-block;
		white-space: nowrap;
		vertical-align: middle;
	}
	

	.half
	{
		position:relative;
		width:50%;
	}
	
	
	.fullheight
	{
		height:100%;
	}
	
	.third
	{
		position:relative;
		width:33%;
	}
	
	
	.quarter
	{
		position:relative;
		width:25%;
	}
	
	
	.abox
	{
		display:inline-block;
	}
	
	.top
	{
		vertical-align:top;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	.bottom
	{
		vertical-align:bottom;
	}
	
	.left
	{
		text-align:left;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	#backstore
	{
		position: relative;
		
		display: inline-block;
		
		background:#292929;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
	
					
	#kitchen
	{
		position: relative;
		
		display: inline-block;
		
		background:silver;
		
		height: 100%;
		
		min-width: 300px;
		
		vertical-align: top;
		
	}
					
	#counter
	{
		position: relative;
		
		display: inline-block;
		
		background:peru;
		
		height: 100%;
		
		min-width: 100px;
		
		vertical-align: top;
	}
					
	#eatingroom
	{
		position: relative;
		
		display: inline-block;
		
		background:#cfcfff;
		
		height: 100%;
		
		width: calc(100% - 520px);
		
		vertical-align: top;
	}
	
	
	
	
	div.onthefloor
	{
		position: absolute;
		
	
		border-radius: 100%;
		
		
		padding:10px 10px;
		
	
		border:4px solid firebrick;
		 		
		vertical-align: middle;
		
		display: inline-block;
			
		background:white;
		
		margin:5px;
		
		cursor: pointer;
		
	}
	
	#rq_4
	{
		border-color:indigo;
		
		background-color: crimson;
	}
	
	
	
	
	#rq_5
	{
		border-color:olivedrab;
		
		background-color: orange;
	}
	
	
	
	div.onthecounter
	{
		position: relative;
	
		padding:10px 10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
		border:4px solid firebrick;
		 		
		
			
		background:rgba(0,0,0,0.7);
		
		margin:5px;
		
	
	}
	
	
	div.inthekitchen
	{
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
			
		
		
		
		
	
	
	}
	
	
	div.intheback
	{
		
		position: relative;
	
		padding:10px;
		
	
		max-width: 100px;
		
		margin:10px auto;
		
		
	
		
		
	}
	
	
	#backstore_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	#kitchen_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	#countertop_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	#eatingroom_title
	{
		position: absolute;
		
		z-index: 0;
		
		top: 0px;
		
		left: 0px;
		
		width: 100%;
		
		
		height: 100%;
		
		
		color: white;
	
		text-align: center;
			
	}
	
	
	
	div.aletter
	{
		position: relative;
		
		font-size: 40px;
		
		margin: 20px 0px;
	}
	
	
	
	.stopped
	{
		position: relative;
		
		border-color:chartreuse !important;
		
		z-index: 1000000000;
		
	
	}
 }