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

.middle
{

		vertical-align:middle !important;

}

.bottom
{
	vertical-align:bottom  !important;
}

.top
{
	vertical-align:top  !important;
}

.center
{
	text-align:center !important;
}

.left
{
	text-align:left  !important;
}

.right
{
	text-align:right  !important;
}


.invisible
{
	display: none !important;
}
					
 
img.menu
{
	position:relative;
	
	max-width:24px;
	
	max-height:24px;
	
}


div.unepage
{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
}


.notoverflow
{
	overflow:auto !important;
}



#viewer_menu
{
	position: relative;

	background:#292929;

	height: 50px;


}

#viewer_main
{
	position: relative;

	background:#000000;

	height: calc(100% - 50px);
	height: -webkit-calc(100% - 50px);

}

#viewer_main_frame
{
	position: relative;

	height: 100%;

	width: 100%;

}



#viewer
{
	position: fixed;

	bottom:0px;

	right: 0px;

	font-size: 40px;

	color:teal;

	cursor: pointer;

	z-index: 5000;

	background:black;

	width: 100%;

	height: 100%;


}





#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:100%;

	height:100%;


	margin:0px;


	box-shadow: 0px 0px 2px 1px #888888;

	background:indigo;

}



#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: 7000;


	display: none;




}


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

select.submenu
{
	position: relative;
	
	border:0px solid silver;
	
	border-radius: 0px;
}


div.submenu
{
	position: relative;

	padding:5px 0px;
	
	vertical-align: middle;
	
	display: inline-block;
	
	margin:0px 10px;
	
	user-select:none;
	-webkit-user-select:none;
		
	cursor: pointer;
	
}

/* WQxGA **/

@media screen and (max-width: 3840px) and (min-width:2561px) {
	
	
	/***************************************************************************/
	
	
	/***************************************************************************/
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;	
		
		margin-right:10px;
		
		
		margin-right:10px;
		
		 		
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 100px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 20px;
		
		color: steelblue;
		
		font-weight: bold;
		
	}
	
	
	
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
		
		white-space:normal;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;	
		
		overflow:auto;
	}
	
	h1.entete
	{
		position:relative;
		
		
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}
	
		
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 300px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 700px);
	
		width:-webkit-calc(100% - 700px);
	
		height: 100%;
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:400px;
	
		background:lightsteelblue;
	
		height: 100%;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	#central
	{
		position: relative;
		
		width: calc(100% - 400px);	
		width: -webkit-calc(100% - 400px);

		height: 100%;
					
	}

	#central_menu
	{
		position: relative;
				
		
	}
	
												
						
	#central_content
	{
	
	}
												
						
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/
	
	#maincontent
	{
		position:relative;
	
		
	}
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
								
								
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:50%;
		height:50%;
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		
		background:rgba(255,255,255,0.5);
		
		
	}
	
	
	img.menu
	{
		position:Relative;
		
	
	}
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		
	}
	
	#building
	{
		position:relative;
		
		width:800px;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		background:#888888;
		
		
		background:silver;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		cursor: pointer;
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
		
		
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
		margin:0px auto;
		
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/*********************************************************************************************************************************************************************/
	
	
	div.apps
	{
		position:relative;
		
		padding:10px;
		
		
		
		
	}
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	
	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}


	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:5px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	

	
	div.anactions
	{
		
		
	}
		
		
	div.anactions_title
	{
		
		
		
	}
	
	
	div.anactions_content
	{
		
		
	}
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
		
		
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1000;
		background:steelblue;
		color: white;
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		
		overflow:hidden;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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 !important;
	}

	.bottom
	{
		vertical-align:bottom;
	}

	.left
	{
		text-align:left;
	}

	.right
	{
		text-align:right;
	}








}

/* WQxGA **/

@media screen and (max-width: 2560px) and (min-width: 1921px) {


	/***************************************************************************/
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;
		
		margin-right:10px;
					
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 100px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 20px;
		
		color: steelblue;
		
		font-weight: bold;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;	
	}
	
	h1.entete
	{
		position:relative;
		
		
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}
		
	
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 300px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 700px);
	
		width:-webkit-calc(100% - 700px);
	
		height: 100%;
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:400px;
	
		background:lightsteelblue;
	
		height: 100%;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/
  
	#maincontent
	{
		position:relative;
	
		
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	
	
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:50%;
		height:50%;
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		
		background:rgba(255,255,255,0.5);
		
		
	}
	
	
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
		
	#building
	{
		position:relative;
		
		width:800px;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		
		background:silver;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
		
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
				
		margin:0px auto;
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/*********************************************************************************************************************************************************************/
	
	div.apps
	{
		position:relative;
		
		padding:10px;
		
	}
	
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	
	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}

	
	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	
	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:5px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1000;
		background:steelblue;
		color: white;
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}


	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		overflow:hidden;
		
	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}









}


 
/* FHD **/

@media screen and (max-width: 1920px) and (min-width: 1367px) {


	/***************************************************************************/
	

		
	span.currency
	{
		position: relative;
		
		vertical-align: middle;
		font-weight: bold;	
	}
		
	
	span.price
	{
		position: relative;
		
		vertical-align: middle;	
	}
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;
		
		margin-right:10px;
					
	}
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 100px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 20px;
		
		color: steelblue;
		
		font-weight: bold;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;	
	}
	
	h1.entete
	{
		position:relative;
		
		
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}
	
	
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 300px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 700px);
	
		width:-webkit-calc(100% - 700px);
	
		height: 100%;
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:400px;
	
		background:lightsteelblue;
	
		height: 100%;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/
	
	#maincontent
	{
		position:relative;
	
		
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	
	
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:50%;
		height:50%;
		display:inline-block;
		vertical-align:top;
		
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		
		background:rgba(255,255,255,0.5);
		
		
	}
	
	
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
	
		
	#building
	{
		position:relative;
		
		width:800px;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		z-index:1200;
		
		background:black;
		color:white;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
		background:silver;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		display:inline-block;
		
		/*
		max-width:100px;
		
		max-height:100px; */
		
		vertical-align:middle;
		
		margin:5px 10px;
		
		background:white;
		
		border-radius:10px;
				
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align:center;
		
				
		margin:0px auto;
		
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/*********************************************************************************************************************************************************************/
	
	
	div.apps
	{
		position:relative;
		
		padding:10px;
		
	}
	
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}


	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:5px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}

	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
  
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1000;
		background:steelblue;
		color: white;
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}



	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		overflow:hidden;
		
	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}








}
 

/* HD **/

@media screen and (max-width: 1366px) and (min-width: 1281px) {
	
	
		
	/***************************************************************************/
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;
	
		margin-right:10px;
			
					
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 100px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 20px;
		
		color: steelblue;
		
		font-weight: bold;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;	
	}
	
	h1.entete
	{
		position:relative;
		
		
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}
		
	
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 300px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 700px);
	
		width:-webkit-calc(100% - 700px);
	
		height: 100%;
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:400px;
	
		background:lightsteelblue;
	
		height: 100%;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/
	
	#maincontent
	{
		position:relative;
	
		
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:50%;
		height:50%;
		display:inline-block;
		vertical-align:top;
		
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		background:rgba(255,255,255,0.5);
		
		
	}
	
	
	
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
	
		
	#building
	{
		position:relative;
		
		width:800px;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		
		background:silver;
		
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
		
			
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
				
		margin:0px auto;
		
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/*********************************************************************************************************************************************************************/
		
	div.apps
	{
		position:relative;
		
		padding:10px;
		
	}
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	.notmobilefriendly
	{
		
	}
	.mobilefriendly
	{
		display:none;
	}

	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:5px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}

	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1000;
		background:steelblue;
		color: white;
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}



	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		
		overflow:hidden;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}

	







}
 


/* HD **/

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

	
	/***************************************************************************/
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;
		
	
		margin-right:10px;
					
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 50px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 18px;
		
		color: steelblue;
		
		font-weight: bold;
		
		white-space:normal;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
		
		font-size: 15px;
		
		white-space:normal;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;
		
		overflow:auto;	
	}

	
	h1.entete
	{
		position:relative;
		
		font-size:18px
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		font-size:18px;
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: absolute;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 300px;
		
		z-index:950; 
		
		display: none;
		
		top:0px;
		
		left: 0px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 0px);
	
		width:-webkit-calc(100% - 0px);
	
		height: 100%;
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: absolute;
		
		top:0px;
		
		right:0px;
		
	
		width:400px;
	
		background:lightsteelblue;
	
		height: 100%;
		
		z-index: 950;
		
		display: none;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/

	#maincontent
	{
		position:relative;
	
		
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	
	
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:50%;
		height:50%;
		display:inline-block;
		vertical-align:top;
		
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		background:rgba(255,255,255,0.5);
		
		
	}
	
	
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
	
		
	#building
	{
		position:relative;
		
		width:800px;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
	
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		
		background:silver;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
			
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
				
		margin:0px auto;
		
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/*********************************************************************************************************************************************************************/
	
	div.apps
	{
		position:relative;
		
		padding:10px;
		
	}
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


	.notmobilefriendly
	{

	}
	.mobilefriendly
	{
		display:none  !important;
	}

	
	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:20px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:400px;
		
		margin:0px auto; 
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:30px;
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:30px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:30px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:5px;
		
		cursor:pointer;
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}

	
		
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
  
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:steelblue;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}


	

	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		overflow:hidden;
	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}








}
 



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


	/***************************************************************************/
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;			
		margin-right:10px;
			
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 50px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 18px;
		
		color: steelblue;
		
		font-weight: bold;
		
		white-space:normal;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
		
		font-size: 15px;
		
		white-space:normal;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;
		
		overflow:auto;	
	}

	
	h1.entete
	{
		position:relative;
		
		font-size:18px
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		font-size:18px;
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}

	
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: absolute;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 300px;
		
		z-index:950; 
		
		display: none;
		
		top:0px;
		
		left: 0px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 0px);
	
		width:-webkit-calc(100% - 0px);
	
		height: 100%;
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: absolute;
		
		top:0px;
		
		right:0px;
		
	
		width:400px;
	
		background:lightsteelblue;
	
		height: 100%;
		
		z-index: 950;
		
		display: none;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/

	#maincontent
	{
		position:relative;
	
		white-space:nowrap;
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	

	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		white-space:normal;
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		background:rgba(255,255,255,0.5);
		
		
		text-align:center;
		
		
	}
	
	
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
		
	#building
	{
		position:relative;
		
		width:100%;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		
		background:silver;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
		
			
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
				
		margin:0px auto;
		
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}



	/*********************************************************************************************************************************************************************************************************/
 	div.apps
	{
		position:relative;
		
		padding:10px;
		
		text-align:center;
		
		
	}
	
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}


  
  
	.notmobilefriendly
	{
		display:none  !important;
	}
	.mobilefriendly
	{
		
	}

	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:0px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:300px;
		
		margin:0px auto; 
		
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:20px;
		
		background:#292929;
		width:calc(100% - 120px);
		width:-webkit-calc(100% - 120px);
		
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:20px;
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:20px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		display:inline-block;
		
		margin:10px;
		
		cursor:pointer;
		
		display:inline-block;
		
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
		
		
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
		font-weight: bold;
	
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:steelblue;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}



	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}








}
 
 


/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) {


	/***************************************************************************/
	
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;
		
		margin-right:10px;
					
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 50px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 18px;
		
		color: steelblue;
		
		font-weight: bold;
		
		white-space:normal;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
		
		font-size: 15px;
		
		white-space:normal;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;
		
		overflow:auto;	
	}

	
	h1.entete
	{
		position:relative;
		
		font-size:18px
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		font-size:18px;
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}

	
	/***************************************************************************/
	/***************************************************************************/
	#index
	{
		position: absolute;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 100%;
		
		z-index:950; 
		
		display: none;
		
		top:0px;
		
		left: 0px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 0px);
	
		width:-webkit-calc(100% - 0px);
	
		height: 100%;
		
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: absolute;
		
		top:0px;
		
		right:0px;
		
	
		width:100%;
	
		background:lightsteelblue;
	
		height: 100%;
		
		z-index: 950;
		
		display: none;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/
	
	#maincontent
	{
		position:relative;
	
		white-space:nowrap;
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	
	
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		
		white-space:normal;
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		background:rgba(255,255,255,0.5);
		
		
		text-align:center;
		
		
	}
	
	
	
	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
	
		
	#building
	{
		position:relative;
		
		width:100%;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		
		background:silver;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
		
			
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
				
		margin:0px auto;
		
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/***************************************************************************************************************************************************************************/
	div.apps
	{
		position:relative;
		
		padding:10px;
		
		white-space:nowrap;
		
	}
	
		
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	
	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
	}

		 
	label.aboutthis
	{
		position:Relative;
		
		font-size:13px;
		
	}

	 
	span.aboutthis
	{
		position:Relative;
		
		font-size:10px;
		
	}



	
	.notmobilefriendly
	{
		display:none  !important;
	}
	.mobilefriendly
	{
		
	}

	
	/****************************************************************************************************************************************************************/
	
	img.anapp
	{

	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
		
		
		
		
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}




	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:0px;
		
		
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:100%;
		
		margin:0px auto; 
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block;
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:20px;
		
		width:calc(100% - 115px);
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:20px;

		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:20px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		text-align:center;
		
		margin:5px 0px 10px 0px;
		
		cursor:pointer;
		
		display:inline-block;
		
		
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
		
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:steelblue;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}



	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}






	
}


/* Mobile */
@media only screen and (max-width: 229px) {
	

	/***************************************************************************/
	
	div.productprice_lbl
	{
		position: relative;
		
		display: inline-block;
		
		vertical-align: middle;
		
		font-weight: bold;
		
		margin-right:10px;
							
	}
	
	
	div.nouvelle_sub
	{
		position: relative;
	
		display: inline-block;
		
		margin: 5px 10px;
		
		vertical-align: middle;
			
	}
	
	img.author
	{
		position: relative;
		
		max-height: 32px;
			
		max-width: 32px;	
		
		vertical-align: middle;
	}
	
	label.author
	{
		position: relative;
		
		font-weight: bold;
		
		vertical-align: middle;
	}
	
	span.nouvelle_sub
	{
		position: relative;
		
		vertical-align: middle;
		
		padding:0px 1px;
		
	}
	
	
	img.nouvelle_sub
	{
		position: relative;
		
		max-height: 24px;
			
		max-width: 24px;	
		
		vertical-align: middle;
	}
	
	button.nouvelle_sub:hover
	{
		
		box-shadow: 0px 0px 2px 1px #888888;
	}
	
	
	button.nouvelle_sub
	{
		position: relative;
		
		font-weight: bold;
		
		background:steelblue;
		
		color: white;
		
		border:0px solid silver;
		
		cursor: pointer;
		
		padding: 5px 10px;
		
		vertical-align: middle;
	}
	
	
	
	div.nouvelle:hover
	{
		box-shadow: 0px 0px 2px 1px #888888;
		
	}
	
	
	div.nouvelle
	{
		position: relative;
		
		width: calc(100% - 20px);
		width: -webkit-calc(100% - 20px);
		
		min-height: 50px;
		
		margin: 10px auto;
		
		
		
		border:2px solid #dae6f4;
		
	}
	
	div.nouvelle_header
	{
		position: relative;
		
		padding:5px;
		
		font-size: 18px;
		
		color: steelblue;
		
		font-weight: bold;
		
		white-space:normal;
		
	}
		
	div.nouvelle_body
	{
		position: relative;
		line-height: 1.6em;		
		padding:10px;
		
		font-size: 15px;
		
		white-space:normal;
	}
		
	div.nouvelle_footer
	{
		position: relative;
		
		padding:10px;
		
		overflow:auto;	
	}

	
	h1.entete
	{
		position:relative;
		
		font-size:18px
		
	}
	
	h1.nouvelle
	{
		position:relative;
		
		font-size:18px;
		
		
	}
	
	article.nouvelle
	{
		position:Relative;
		
	}

	
	/***************************************************************************/

	/***************************************************************************/
	#index
	{
		position: absolute;
	
		vertical-align: top;
	
		display:inline-block;
	
		height: 100%;
	
		background:#08406f;
	
		color:white;
	
		width: 100%;
		
		z-index:950; 
		
		display: none;
		
		top:0px;
		
		left: 0px;
	
	}
	
	div.index_line
	{
		position: relative;
	
		margin:10px;
	
		color:white;
	
		text-shadow: -1px -1px #08406f;
	
	
	}
	
	
	#theorie_pratique
	{
		position: relative;
	
		vertical-align: top;
	
		display:inline-block;
	
		width:calc(100% - 0px);
	
		width:-webkit-calc(100% - 0px);
	
		height: 100%;
		
		
		background:rgba(255,255,255,0.8);
	
	}
	
	div.apage
	{
		position: relative;
	
		width: 100%;
	
		height: 100%;
	
	}
	
	#products
	{
	
		position: absolute;
		
		top:0px;
		
		right:0px;
		
	
		width:100%;
	
		background:lightsteelblue;
	
		height: 100%;
		
		z-index: 950;
		
		display: none;
	
	}
	
	div.aproduct
	{
			position: relative;
	
	}
	
	/***************************************************************************/
	/***************************************************************************/
	#kingdom
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#republic
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	#blog_content
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		overflow:auto;
	}
	
	
	
	div.ablog_entry
	{
		position:relative;
		
		
		padding:5px;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:15px 10px;
		
	}
		
	div.adate
	{
		position:relative;
		
		display:inline-block;
		
		padding:5px;
		
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		margin:5px;
		
		text-align:center;
		
	}
	
	div.adate_day
	{
		position:relative;
		
		font-size:18px;
		
		font-weight:bold;
	}
	
	div.adate_month
	{
		position:relative;
		
		font-size:15px;
		
	}
	
	div.adate_year
	{
		position:relative;
		font-size:15px;
	}
		
	p.ablog
	{
		position:relative;
		
		display:inline-block;
		
		vertical-align:top;
	}
	
	/***************************************************************************/
	
	
	#maincontent
	{
		position:relative;
	
		white-space:nowrap;
	}
	
	
	#apps
	{
		position:relative;
		width:100%;
		height:100%;
		
		overflow:auto;
	
	}
	
	div.anapp
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		cursor:pointer;
		
		
	
	}
						
	div.anapp_icon
	{
		position:relative;
		
	}
	
	img.anapp
	{
		position:relative;
		max-width:32px;
		
		max-height:32px;
		
	}
	
	
	div.anapp_label
	{
		position:relative;
		
		font-size:12px;
		
		font-weight:bold;
		
	
	}
								
	
	
	.darker
	{
		background:#efefef;
	
	}
	
	
	div.unepartie:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		
	}
	
	div.unepartie
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		
		white-space:normal;
		
		box-shadow:0px 0px 2px 1px #efefef;
		
		overflow:auto;
		
		background:rgba(255,255,255,0.5);
		
		
		text-align:center;
		
	}
	
	

	label.submenu
	{
		position:relative;
		
		font-weight:bold;
		
		cursor:pointer;
		
	}
	
			
	#building
	{
		position:relative;
		
		width:100%;
		
		margin:10px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
	}
	
	div.afloor
	{
		position:relative;
		
		box-shadow:0px 0px 2px 1px #888888;
		
	}

	div.afloor_main
	{
		position:relative;
	}


	div.afloor_number
	{
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		padding:5px;
		
		background:silver;
	}


	label.afloor_number
	{
		position:relative;
	}

				

	div.afloor_content:hover
	{
		
		
		overflow:auto;
				
	}

	div.afloor_content
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:hidden;
		
	}



	div.anicon
	{
		position:relative;
		
		min-width:100px;
		
		min-height:100px;
		
		
		max-width:100px;
		
		max-height:100px;
		
		vertical-align:middle;
		
			
		cursor: pointer;
		
	}

	div.anicon_img
	{
		position:relative;
		
		width:100px;
		
		height:100px;
		
		text-align: center;
		
				
		margin:0px auto;
	}



	img.anicon
	{
		position:relative;
		
		max-width:100%;
		
		max-height:100%;

	}

	div.anicon_label
	{
		position:relative;
		
		text-align:center;
		
		font-weight:bold;
	}


	/*********************************************************************************************************************************************************************************/
	
	div.apps
	{
		position:relative;
		
		padding:10px;
		
		white-space:nowrap;
		
	}
	
	
	fieldset.apps
	{
		position:relative;
		border:0px solid silver;
		
	}
	
	legend.apps
	{
		position:relative;
		
		font-size:30px;
		
		font-weight:bold;
	
	}
	

	.notmobilefriendly
	{
		display:none !important;
	
	}
	
	
	.mobilefriendly
	{
		
	}

	/****************************************************************************************************************************************************************/
	
	img.anapp
	{
		position:relative;
		
	}


	#logo
	{
		
		position:absolute;
		
		font-size:200px;
		
		color:gold;
		
		text-shadow:-1px -1px goldenrod;
		
		padding:20px;
		
		top:calc(50% - 200px);
		top:-webkit-calc(50% - 200px);
		top:-moz-calc(50% - 200px);
		
		
		left:calc(50% - 80px);
		left:-webkit-calc(50% - 80px);
		left:-moz-calc(50% - 80px);
		
		
	}


	#top_menubar
	{
		position:relative;
		
		height:30px;
		
		max-height:30px;
	
	}



	#bottom_menubar
	{
		position:relative;
		
		height:50px;
		
		background:black;
		
		color:white;	
		
	}
	

	#bottom_menubar_pre
	{
		position:relative;
		
		white-space:nowrap;
		
		overflow:auto;
	
	}


	#top_main
	{
		position:relative;
		
		height:calc(100% - 80px);
		height:-webkit-calc(100% - 80px);
		
		background:#f1f1f1;
		
		overflow:auto;
		
	}

	#searchbar_main
	{
		
		position:relative;
		
		text-align:center;
		
		padding:0px;
		
	}

	#searchbar
	{
		position:relative;
		
		min-width:100%;
		
		margin:0px auto; 
		
		
		background:#292929;
		
		border-radius:10px; 
		
		display:inline-block; 
		
		
	}

	#searchinput
	{
		position:relative;
		border:0px solid silver;
		
		font-size:20px;
		
		
		width:calc(100% - 32px);
		width:-webkit-calc(100% - 32px);
		
		background:#292929;
		color:white;
		
		border-radius:15px 0px 0px 15px;
		
	}								

	#searchtype
	{
		position:relative;
		background:#292929;
		color:white;
		font-size:20px;
		
		display:none !important;
		
		
		border:0px solid silver;
		
	}
									
	#searchbtn
	{
		position:relative;
		font-size:20px;
		border:0px solid silver;
		background:#292929;
		
		color:white;
		border-radius: 0px  15px 15px  0px ;
	}


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

	#datetime
	{
		position:relative;
		font-size:20px;
		
		padding:5px;
		
		font-weight:bold''
		
	}



	div.anapp:hover
	{
		
		
		box-shadow:0px 0px 2px 1px transparent;
		
	}

	div.anapp
	{
		
		position:relative;
		
		vertical-align:top;
		
		text-align:center;
		
		margin:5px 0px 10px 0px;
		
		cursor:pointer;
		
		display:inline-block;
		
	}

	div.anapp_img
	{
		position:relative;
		
		text-align:center;
		
	}

	img.anapp
	{
		position:relative;
		
		max-width:64px;
		
		max-height:64px;
		
	}

	div.anapp_label
	{
		position:relative;
		
		text-align:center;
		
		padding:5px;
		
	}

	label.anapp
	{
		position:relative;
		
		font-size:14px;
		
	}
										
	label.aboutthis
	{
		position:relative;
		
		color:silver;
		
	}	

	img.search
	{
		position:relative;
		
		max-width:20px;
		max-height:20px;
	}	


	/****************************************************************************************************************************************************************/
	
	
	
	
	div.apage
	{
		
		position:absolute;
		
		top:0px;
		
		left:0px;
		
		width:100%;
		
		height:100%;
		
		z-index:1;
		
	}
	
	
	
	
	
	
		
	.submenu
	{
		position:relative;
		
		display:inline-block;
		
			
	}
	
	
	#payload_main
	{
		position:relative;
		
		width:calc(100% - 400px);
		width:-webkit-calc(100% - 400px);
		
		
		height:100%;
		
		overflow:auto;
		
		display:inline-block;
		
		vertical-align:top;
		
	}




	#theplayer
	{
		position:Relative;
		
		width:100%;
		
		height:100%;
		
	}


	#theplayer_video
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:4;
		
		background:black;
		
		
	}


	#theplayer_audio
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:1;
	}

	#theplayer_canvas
	{
		
		position:absolute;
		
		max-width:100%;
		
		max-height:100%;
		
		z-index:3;
	}


	#payload_actions
	{
		position:Relative;
		
		width:400px;
		
		
		display:inline-block;
		
		vertical-align:top;
		
		
	}

	/****************************************************************************************************************************************/
	
	body{


	}

	#menubar
	{
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		min-height:30px;
		z-index:1;
		background:steelblue;
		box-shadow:0px 0px 2px 1px #888888;
		
		
		
	}

	#menubar:hover
	{
		
		box-shadow:0px 0px 2px 1px #888888;
	}



	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;

	}

	#main
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:transparent;
		

	}

	.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;
	}








}