*
{
	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;
}


.shadow
{
	
	box-shadow: 0px 0px 3px 2px #888888 !important;
	
}

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



div.apicture
{
	position: relative;
	
	vertical-align: top;
	
	margin:10px;
	
	display: inline-block;
	
	width: 355.55px;
	
	height: 200px;
	
}

img.apicture
{
	position:relative;
	
	max-height: 100%;
	
	max-width: 100%;
	
	box-shadow: 0px 0px 3px 2px #888888;
	
	
}

div.ablog_picture
{
	position: relative;
	
	padding:5px;
	
	background:gray;
	
	display: inline-block;
	
	vertical-align: top;
	
	width: 400px;
	
	overflow: auto;
	
}

div.ablog_body
{
	position: relative;
	
	padding:5px;
	
	
	width: calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	
	display: inline-block;
	
	vertical-align: top;
	
	
}


#whatyoursearching
{
	position: relative;

	vertical-align: middle;
	
	border-radius:0px;

	border:0px solid silver;	
	
	font-size: 30px;	
	
	background:rgba(4, 4, 115, 0.8);
	
	color: antiquewhite;
	
}



#lang
{
	position: relative;
	
	
	vertical-align: middle;
	
	border-radius:0px;

	border:0px solid silver;
	
	font-size: 30px;
	
	background:rgba(4, 4, 115, 0.8);
	
	color: antiquewhite;

}

#searchingtype
{
	position: relative;
	
	
	vertical-align: middle;
	
	border-radius:0px;

	border:0px solid silver;
	
	font-size: 30px;
	
	background:rgba(4, 4, 115, 0.8);
	
	color: antiquewhite;

	

}
					
#srch_btn
{
	position: relative;
	
	
	vertical-align: middle;
	
	border-radius:0px;

	border:0px solid midnightblue;
	
	font-size: 30px;
	
	background:  midnightblue;
  	color: antiquewhite;
	
}

#searchbox
{
	position: relative;
	
	border:1px solid steelblue;
	
	
	position: relative;
	
	display: inline-block;
	
	
	cursor: pointer;
	
	color: white;
	
	user-select: none;
	-webkit-user-select: none;
	
	font-weight: bold;
	
	
	vertical-align: middle;
	
	margin:5px 10px;
	
}





					


div.ablog_entry
{
	position: relative;
	
	width: 95%;
	
	margin:0px auto;
	
	
	box-shadow: 0px 0px 2px 1px #888888;
	
	padding:5px;
	
	background:white;
	
	
}


div.ablog_title
{
	position: relative;
	
	font-size: 20px;
	
	font-weight: bold;
	
	cursor: pointer;
	
	
}

div.ablog_content
{
	position: relative;
	
	padding:10px;
	
	
}
	
div.ablog_footer
{
	position: relative;
	
	font-size: 12px;
	
}
							
label.ablog_part
{

	position: relative;
	
	margin:0px 10px;
	
	color: gray;
	
}




#menus
{
	position: relative;
	
	height: 50px;
	
	background: #d98c7e;
	
}

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

label.submenu
{
	
	position: relative;
	
	font-size:15px;

}

span.submenu
{
	
	position: relative;
	
	font-size:15px;

}

div.submenu
{

	position: relative;
	
	display: inline-block;
	
	padding:5px;
	
	margin:0px 10px;
	
	cursor: pointer;
	
	color: black;
	
	user-select: none;
	
	font-weight: bold;
	
	vertical-align: middle;
	
}


#index_list_close
{
	position: absolute;
	
	top:10px;
	
	right: 10px;
	
	padding:5px;
	
	z-index: 1100;
	
	cursor: pointer;
	
	background:red;
	
	color: white;
	
}

#index
{
	position: relative;

	vertical-align: top;

	display:inline-block;

	height: 300px;

	background:steelblue;
	

	color:white;
	
	overflow: auto;
	

	width: 100%;

}




div.index_block
{
	position: relative;

	margin:10px;

	color:white;

	text-shadow: -1px -1px saddlebrown;

	padding:5px;
	
	display: inline-block;
	
	height: 270px;
	
	width: 270px;
	
	box-shadow: 0px 0px 2px 1px gold;
	
}

div.index_block_img
{
	position: relative;
	
	
	
	margin:10px auto;
}


table.product
{
	position: relative;
	
	width: 100%;
	
	
}

th.product
{
	position: relative;
	
	background:midnightblue;
	
	color:white;
	
	
	
}

td.product
{
	position: relative;
	
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	
}


div.product_line
{
	position: relative;
}
						
						
img.product
{
	position: relative;
	
	max-height: 92px;
	
	max-width: 92px;
	
	
}					
					
div.product_line
{
	position: relative;
	
}
						

label.products
{
	position: relative;
	
	font-weight: bold;
		
	
}				
					
p.products
{
	
	position: relative;
	
	font-size: 10px;
	
	color: gray;
		
	
}					

label.product_date
{
	position: relative;
	
	color:gray;
	
	
}

label.product_price
{
	position: relative;
	
	font-weight: bold;
	
	color: crimson;
	
	font-size: 20px;
	
}

span.product_currency
{
	position: relative;
}

span.product_price
{
	position: relative;
}

sup.product_price_decimal
{
		position: relative;
}


div.index_line_number
{
	position: absolute;
	
	top: 0px;
	
	right: 0px;
	
	background:red;
	
	color:white;
	
	padding:5px;
	
	
}


#theorie_pratique_left
{
	position: relative;
	
	width: 50%;
	
	vertical-align: top;
	
	display: inline-block;
	
	
	overflow: auto;
	
	height: 100%;
	
	
	background:royalblue;
	
	
	
}



#theorie_pratique_right
{
	position: relative;
	
	width: 50%;
	
	vertical-align: top;
	
	display: inline-block;
	
		
	height: 100%;
	
	
	overflow: auto;
	
	background:crimson;
	
	
}

#maincontent
{
	position: relative;

	vertical-align: top;

	
	background:#efefef;
	

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

	width: 100%;
	
	white-space: nowrap;
	
	overflow: auto;

}

div.apage
{
	position: relative;

	width: 100%;

	height: 100%;
	
	vertical-align: top;

	display:inline-block;

}

#products
{

	position: relative;

	vertical-align: top;

	display:inline-block;

	width:400px;

	background:#efefef;

	height: 100%;

}

div.aproduct
{
		position: relative;

}





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




		}




.some_header
{
	position: absolute;

	top:0px;

	right:0px;

	color:white;

	padding:5px 10px;

	z-index: 1000;



	font-size: 10px;



}


	button.anaction
	{
		position:relative;

		border:0px solid silver;

		background:transparent;

		color:#555555;

		cursor:pointer;

	}

	div.anaction
	{
		position:relative;

		display:inline-block;

		vertical-align:middle;


	}

	input.anaction
	{
		position:Relative;

	}

	label.anaction
	{
		position:relative;

		font-size:12px;
		color:#555555;


	}


#ad_header
{
	position: absolute;

	top:0px;

	right:0px;

	color:white;

	padding:5px 10px;

	z-index: 1000;

	cursor: pointer;

	font-size: 20px;

}


#ad_main
{
	position: relative;

	width: 100%;

	height: 100%;

}

#ad
{
	position: fixed;


	bottom: 10px;

	right: 20px;
	left: 120px;

	z-index: 1000;

	min-height: 250px;


	overflow:auto;

	border-radius:5px;

	background:rgba(0,0,0,0.8);
}





#catalog_main
{
	position: relative;

	width: 100%;

	height: 100%;
}

#catalog_header
{
	position: absolute;

	top:0px;

	right:0px;

	color:white;

	padding:5px 10px;

	z-index: 2000;

	cursor: pointer;

	font-size: 30px;

}

#catalog
{
	position: fixed;

	top: 20px;

	bottom: 20px;

	right: 20px;
	left: 20px;

	z-index: 2000;



	overflow:auto;

	border-radius:5px;

	background:rgba(0,0,0,0.8);
}


#countrydetails_main
{
	position: relative;

	width: 100%;

	height: 100%;
}


#countrydetails_header
{
	position: absolute;

	top:0px;

	right:0px;

	color:white;

	padding:5px 10px;

	z-index: 1000;

	cursor: pointer;

	font-size: 20px;

}



#countrydetails
{
	position: fixed;

	top: 20px;

	bottom: 20px;

	right: 5px;

	z-index: 1000;

	min-width: 400px;

	max-width: 400px;


	overflow:auto;

	border-radius:5px;

	background:rgba(0,0,0,0.8);

}

#explanation_header
{
	position: absolute;

	top:0px;

	right:0px;

	color:white;

	padding:5px 10px;

	z-index: 1000;

	cursor: pointer;

	font-size: 20px;

}


#explanation_main
{
	position: relative;

	width: 100%;

	height: 100%;
}

#explanation
{
	position: fixed;

	top: 10px;

	left: calc(50% - 200px);
	left: -webkit-calc(50% - 200px);

	z-index: 2500;


	min-width: 400px;
	max-width: 400px;

	min-height: 400px;
	max-height: 400px;

	overflow:auto;

	border-radius:5px;

	background:rgba(0,0,0,0.8);

}


#technologicallevel
{
	position: fixed;

	bottom: 5px;

	left: 5px;

	z-index: 1000;


	padding:5px;


	border-radius:5px;

	background:rgba(0,0,0,0.8);

}


div.level
{
	position: relative;

	margin:10px auto;

}
span.level
{
	position: relative;

	padding:5px 10px;

}

label.level
{
	position: relative;

	color: white;

	font-weight: bold;


	padding:5px 10px;


}

.eight
{
	position: relative;

	background-image: linear-gradient(to right, red,orange,gold,green,blue,indigo,violet);
}


.seven
{
	position: relative;

	background:gold;

}


.six
{
	position: relative;

	background:blue;
}

.five
{
	position: relative;

	background:violet;
}

.fourth
{
	position: relative;

	background:chocolate;
}

.three
{
	position: relative;

	background:red;
}


.two
{
	position: relative;

	background:cyan;
}

.one
{
	position: relative;

	background:green;
}


.zero
{
	position:relative;

	background:white;
}



.veryhigh
{
	background:tomato;

	color: white;

}


.high
{
	background:gold;

	color: black;

}


.medium
{
	background:green;

	color: white;

}




.low
{
	background:dodgerblue;

	color:white;
}


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

	/***********************************************************************************/
	#othersmedias
	{
		
		position:relative;
		
		height:100%;
		
		
	}
	
	
	#othersmedias_header
	{
		position:Relative;
		
		height:42px;
		
		background:black;
		
		
	}
	
	div.othersmedias_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		padding:5px;
		
		margin:0px 10px;
		
	}
	
	img.om_nav
	{
		position:relative;
		
		max-width:32px;
		
		max-height:32px;
		
		cursor:pointer;
		
	}
	
	span.om_nav
	{
		
		
	}
		
	#othersmedias_content
	{
		position:relative;
		
		height:calc(100% - 42px);
		height:-webkit-calc(100% - 42px);
		
		overflow:auto;
		
	}
	
	div.om_c_page
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		vertical-align:top;
		
		display:inline-block;
		
	}
	
	
	iframe.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere_nav
	{
		position:absolute;
		
		bottom:5px;
		
		right:5px;
		
		z-index:950;
		
		
	}
		
		
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/
	#mainright
	{
		position: relative;
		
		width: calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		
		display: inline-block;
		
		vertical-align: top;
		
		overflow: auto;
		
		height: 100%;
		
		
		

	}


	#mainleft
	{
		position: relative;
		
		width: 80px;
		
		display: inline-block;
		
		vertical-align: top;
		
		overflow: auto;
		
		height: 100%;
		
		background: midnightblue	;
		
		color: white;
		
		
	}



	div.asubmenu_box:hover
	{
		position: relative;
		
		box-shadow: 0px 0px 3px 2px antiquewhite;

	}


	.nouvelles
	{
		border-left:4px solid #1a6ad3;
		
		
		
	}


	.countries
	{
		border-left:4px solid crimson;
		
	}

	.enterprise
	{
		border-left:4px solid limegreen;
		
	}

	.individual
	{
		border-left:4px solid goldenrod;
		
	}



	div.asubmenu_box
	{
		position: relative;
		
		width:calc(100% - 20px);
		width:-webkit-calc(100% - 20px);
		
		margin:20px 10px;
		

		
			
		box-shadow: 0px 0px 3px 2px transparent;
		
		background:rgba(0,0,0,0.3);
		
		
	}

	div.asubmenu_box_img
	{
		position: relative;
		
	}							

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

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


	label.asubmenu_box_label
	{
		position: relative;
		
		font-size: 10px;
			
	}
						

	/*****************************************************************************************************/
	
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 125px));
		height: -webkit-calc((50% - 125px));
		height: -ms-calc((50% - 125px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 250px;
		
		overflow: auto;
		
	}
	
	
	/*****************************************************************************************************/

	/*******************************************************************************************/
	
	div.saying
	{
		position: relative;
		
		width:90%;
		
		margin:20px auto 20px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		background:white;
		
		border-radius:10px;
		
			
	}
	
	label.saying_header
	{
		position:relative;
		
		font-weight:bold;
		
		font-size:20px;
		
		color:black;
		
	}
	
	header.saying_header
	{
		position:relative;
		
		padding:5px;
		
		
	}
	
	main.saying_body
	{
		position:relative;
		
		width:100%;
		
		min-height:50px;
		
		padding:10px;
	
		color:gray;
		
		white-space:normal;
		
	}
	
	
	
	label.saying_footer
	{
		position:relative;
	
		font-size:12px;
		
		color:indianred;
	}
	
	
	footer.saying_footer
	{
		position:relative;
		
		padding:5px;
		
	}
			
			
	
	
	
	
	
	/*******************************************************************************************/
	.parquatre_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.parquatre_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	
	.darker
	{
		
		background:#c0c0c0;
		
		
	}
	.parquatre
	{
		position: relative;

		width: 25%;

		display: inline-block;

		vertical-align: top;

		height: 100%;

		overflow: auto;

		color: white;

	}

	/*******************************************************************************************/
	.vertical_half_second
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


	
	.vertical_half
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


		
	.horizontal_half
	{
		position: relative;
		
		width: 100%;
		
		height: 50%;
		
		overflow:auto;
		
	}
	
	
	/*******************************************************************************************/
	
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 50%;
			
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:50%;
		
		vertical-align: top;
		
		height: 100%;
		
		display: inline-block;
		
		box-shadow:0px 0px 2px 1px #888888;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:50%;
		
		vertical-align: top;
		
		height: 100%;
		
		display: inline-block;
		
		box-shadow:0px 0px 2px 1px #888888;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:100%;
	
		height: 50%;
		
		box-shadow:0px 0px 2px 1px #888888;
			
		
		
	}
	/*******************************************************************************************/

	#details_main_body_left
	{
		position: relative;

		display: inline-block;

		vertical-align: top;
		width: 500px;

		height: 100%;

		overflow: auto;
	}


	#details_main_body_right
	{
		position: relative;

		display: inline-block;

		vertical-align: top;

		background:rgba(255,255,255,0.3);

		height: 100%;

		color: black;

		width: calc(100% - 500px);
		width: -webkit-calc(100% - 500px);



		overflow: auto;
	}


	#details_main_menu
	{

		position: relative;

			height: calc(40px - 20px);
			height: -webkit-calc(40px - 20px);

			font-size: 20px;

			font-weight: bold;

			text-align: center;

			padding-top:10px;
			padding-bottom:10px;

			color: white;


			width: calc(100% - 500px);
			width: -webkit-calc(100% - 500px);
	}

	#details_main_body
	{

		position: relative;

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



		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}


	#details_main
	{
		position: relative;

		width: 100%;

		height: 100%;
	}

	#details_header
	{
		position: absolute;

		top:0px;

		right:0px;

		color:white;

		padding:5px 10px;

		z-index: 2000;

		cursor: pointer;

		font-size: 30px;

	}

	#details
	{
		position: fixed;

		top: 20px;

		bottom: 20px;

		right: 20px;
		left: 20px;

		z-index: 2000;

		display: none;

		overflow:auto;

		border-radius:5px;

		background:rgba(0,0,0,0.8);
	}



	label.priority
	{
		position: relative;

		margin-top:10px;
		margin-bottom:10px;

	}


	.aquater_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.aquater_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.aquater
	{
		position: relative;

		width: 25%;

		display: inline-block;

		vertical-align: top;

		height: 100%;

		overflow: hidden;

		color: white;

	}

	div.aquater_line
	{
		position: relative;

		padding:10px 5px;

		cursor: pointer;
	}


   body{


	}

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

	}

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		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:smoke;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:smoke;


	}

	.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) {

	/***********************************************************************************/
	#othersmedias
	{
		
		position:relative;
		
		height:100%;
		
		
	}
	
	
	#othersmedias_header
	{
		position:Relative;
		
		height:42px;
		
		background:black;
		
		
	}
	
	div.othersmedias_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		padding:5px;
		
		margin:0px 10px;
		
	}
	
	img.om_nav
	{
		position:relative;
		
		max-width:32px;
		
		max-height:32px;
		
		cursor:pointer;
		
	}
	
	span.om_nav
	{
		
		
	}
		
	#othersmedias_content
	{
		position:relative;
		
		height:calc(100% - 42px);
		height:-webkit-calc(100% - 42px);
		
		overflow:auto;
		
	}
	
	div.om_c_page
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		vertical-align:top;
		
		display:inline-block;
		
	}
	
	
	iframe.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere_nav
	{
		position:absolute;
		
		bottom:5px;
		
		right:5px;
		
		z-index:950;
		
		
	}
		
		
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/
	
	#mainright
	{
		position: relative;
		
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		
		/*display: inline-block;
		
		vertical-align: top;*/
		
		overflow: auto;
		
		height: 100%;
		
		
		

	}


	#mainleft
	{
		position: relative;
		
		width: 80px;
		
		display: inline-block;
		
		vertical-align: top;
		
		overflow: auto;
		
		height: 100%;
		
		background: midnightblue	;
		
		color: white;
		
		display:none;
		
		
	}



	div.asubmenu_box:hover
	{
		position: relative;
		
		box-shadow: 0px 0px 3px 2px antiquewhite;

	}


	.nouvelles
	{
		border-left:4px solid #1a6ad3;
		
		
		
	}


	.countries
	{
		border-left:4px solid crimson;
		
	}

	.enterprise
	{
		border-left:4px solid limegreen;
		
	}

	.individual
	{
		border-left:4px solid goldenrod;
		
	}



	div.asubmenu_box
	{
		position: relative;
		
		width:calc(100% - 20px);
		width:-webkit-calc(100% - 20px);
		
		margin:20px 10px;
		

		
			
		box-shadow: 0px 0px 3px 2px transparent;
		
		background:rgba(0,0,0,0.3);
		
		
	}

	div.asubmenu_box_img
	{
		position: relative;
		
	}							

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

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


	label.asubmenu_box_label
	{
		position: relative;
		
		font-size: 10px;
			
	}
						

	/*****************************************************************************************************/
	
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 125px));
		height: -webkit-calc((50% - 125px));
		height: -ms-calc((50% - 125px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 250px;
		
		overflow: auto;
		
	}
	
	
	/*****************************************************************************************************/

	
	/*******************************************************************************************/
	
	div.saying
	{
		position: relative;
		
		width:90%;
		
		margin:20px auto 20px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		background:white;
		
		border-radius:10px;
		
			
	}
	
	label.saying_header
	{
		position:relative;
		
		font-weight:bold;
		
		font-size:20px;
		
		color:black;
		
	}
	
	header.saying_header
	{
		position:relative;
		
		padding:5px;
		
		
	}
	
	main.saying_body
	{
		position:relative;
		
		width:100%;
		
		min-height:50px;
		
		padding:10px;
	
		color:gray;
		
		white-space:normal;
		
	}
	
	
	
	label.saying_footer
	{
		position:relative;
	
		font-size:12px;
		
		color:indianred;
	}
	
	
	footer.saying_footer
	{
		position:relative;
		
		padding:5px;
		
	}
			
			
	
	
	
	
	
	/*******************************************************************************************/
	/*****************************************************************************************************/
	
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/
	/*****************************************************************************************************/
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 50px));
		height: -webkit-calc((50% - 50px));
		height: -ms-calc((50% - 50px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 100px;
		
		overflow: auto;
		
	}
	
	/*****************************************************************************************************/


	.parquatre_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.parquatre_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.parquatre
	{
		position: relative;

		width: 90%;

		display: inline-block;

		vertical-align: top;

		height: 100%;

		overflow: hidden;

		color: white;

	}

	
	/****************************************************************************************/
	
	.vertical_half_second
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


	
	.vertical_half
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


		
	.horizontal_half
	{
		position: relative;
		
		width: 100%;
		
		height: 50%;
		
		
		overflow:auto;
		
	}
	
	/****************************************************************************************/
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
		
		white-space:nowrap;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 100%;
		
		
		vertical-align: top;
		
		white-space:nowrap;
		
		display: inline-block;
		
		
			
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		
		box-shadow:0px 0px 2px 1px #888888;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
			
		
		
	}
	/****************************************************************************************/

	#details_main_body_left
	{
		position: relative;

		display: inline-block;

		vertical-align: top;
		width: 500px;

		height: 100%;

		overflow: auto;
	}


	#details_main_body_right
	{
		position: relative;

		display: inline-block;

		vertical-align: top;

		background:rgba(255,255,255,0.3);

		height: 100%;

		color: black;

		width: calc(100% - 500px);
		width: -webkit-calc(100% - 500px);



		overflow: auto;
	}


	#details_main_menu
	{

		position: relative;

			height: calc(40px - 20px);
			height: -webkit-calc(40px - 20px);

			font-size: 20px;

			font-weight: bold;

			text-align: center;

			padding-top:10px;
			padding-bottom:10px;

			color: white;


			width: calc(100% - 500px);
			width: -webkit-calc(100% - 500px);
	}

	#details_main_body
	{

		position: relative;

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



		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}


	#details_main
	{
		position: relative;

		width: 100%;

		height: 100%;
	}

	#details_header
	{
		position: absolute;

		top:0px;

		right:0px;

		color:white;

		padding:5px 10px;

		z-index: 2000;

		cursor: pointer;

		font-size: 30px;

	}

	#details
	{
		position: fixed;

		top: 20px;

		bottom: 20px;

		right: 20px;
		left: 20px;

		z-index: 2000;

		display: none;

		overflow:auto;

		border-radius:5px;

		background:rgba(0,0,0,0.8);
	}



	label.priority
	{
		position: relative;

		margin-top:10px;
		margin-bottom:10px;

	}


	.aquater_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.aquater_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.aquater
	{
		position: relative;

		width: 25%;

		display: inline-block;

		vertical-align: top;

		height: 100%;

		overflow: hidden;

		color: white;

	}

	div.aquater_line
	{
		position: relative;

		padding:10px 5px;

		cursor: pointer;
	}

  	body{


	}

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

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		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:smoke;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:smoke;


	}

	.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) {

	/***********************************************************************************/
	#othersmedias
	{
		
		position:relative;
		
		height:100%;
		
		
	}
	
	
	#othersmedias_header
	{
		position:Relative;
		
		height:42px;
		
		background:black;
		
		
	}
	
	div.othersmedias_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		padding:5px;
		
		margin:0px 10px;
		
	}
	
	img.om_nav
	{
		position:relative;
		
		max-width:32px;
		
		max-height:32px;
		
		cursor:pointer;
		
	}
	
	span.om_nav
	{
		
		
	}
		
	#othersmedias_content
	{
		position:relative;
		
		height:calc(100% - 42px);
		height:-webkit-calc(100% - 42px);
		
		overflow:auto;
		
	}
	
	div.om_c_page
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		vertical-align:top;
		
		display:inline-block;
		
	}
	
	
	iframe.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere_nav
	{
		position:absolute;
		
		bottom:5px;
		
		right:5px;
		
		z-index:950;
		
		
	}
		
		
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/
	
	#mainright
	{
		position: relative;
		
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		
		/*display: inline-block;
		
		vertical-align: top;*/
		
		overflow: auto;
		
		height: 100%;
		
		
		

	}


	#mainleft
	{
		position: relative;
		
		width: 80px;
		
		display: inline-block;
		
		vertical-align: top;
		
		overflow: auto;
		
		height: 100%;
		
		background: midnightblue	;
		
		color: white;
		
		display:none;
		
		
	}



	div.asubmenu_box:hover
	{
		position: relative;
		
		box-shadow: 0px 0px 3px 2px antiquewhite;

	}


	.nouvelles
	{
		border-left:4px solid #1a6ad3;
		
		
		
	}


	.countries
	{
		border-left:4px solid crimson;
		
	}

	.enterprise
	{
		border-left:4px solid limegreen;
		
	}

	.individual
	{
		border-left:4px solid goldenrod;
		
	}



	div.asubmenu_box
	{
		position: relative;
		
		width:calc(100% - 20px);
		width:-webkit-calc(100% - 20px);
		
		margin:20px 10px;
		

		
			
		box-shadow: 0px 0px 3px 2px transparent;
		
		background:rgba(0,0,0,0.3);
		
		
	}

	div.asubmenu_box_img
	{
		position: relative;
		
	}							

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

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


	label.asubmenu_box_label
	{
		position: relative;
		
		font-size: 10px;
			
	}
						

	/*****************************************************************************************************/
	
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 125px));
		height: -webkit-calc((50% - 125px));
		height: -ms-calc((50% - 125px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 250px;
		
		overflow: auto;
		
	}
	
	
	/*****************************************************************************************************/

	/*******************************************************************************************/
	
	div.saying
	{
		position: relative;
		
		width:90%;
		
		margin:20px auto 20px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		background:white;
		
		border-radius:10px;
		
			
	}
	
	label.saying_header
	{
		position:relative;
		
		font-weight:bold;
		
		font-size:20px;
		
		color:black;
		
	}
	
	header.saying_header
	{
		position:relative;
		
		padding:5px;
		
		
	}
	
	main.saying_body
	{
		position:relative;
		
		width:100%;
		
		min-height:50px;
		
		padding:10px;
	
		color:gray;
		
		white-space:normal;
		
	}
	
	
	
	label.saying_footer
	{
		position:relative;
	
		font-size:12px;
		
		color:indianred;
	}
	
	
	footer.saying_footer
	{
		position:relative;
		
		padding:5px;
		
	}
			
			
	
	
	
	
	
	/*******************************************************************************************/
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/
	/*****************************************************************************************************/
	/*****************************************************************************************************/
	
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 50px));
		height: -webkit-calc((50% - 50px));
		height: -ms-calc((50% - 50px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 100px;
		
		overflow: auto;
		
	}
	
	/*****************************************************************************************************/


	.parquatre_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.parquatre_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.parquatre
	{
		position: relative;

		width: 90%;

		display: inline-block;

		vertical-align: top;

		height: 100%;

		overflow: hidden;

		color: white;

	}

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

	/*************************************************************************************************************************/
	.vertical_half_second
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


	
	.vertical_half
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


		
	.horizontal_half
	{
		position: relative;
		
		width: 100%;
		
		height: 50%;
		
		
		overflow:auto;
		
	}
	
	
	
	/*************************************************************************************************************************/
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
		
		
		white-space:nowrap;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 100%;
		
		
		vertical-align: top;
		
		white-space:nowrap;
		
		display: inline-block;
		
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:100%;
	
		height: 33%;
		
		box-shadow:0px 0px 2px 1px #888888;
			
		
		
	}
	
	/*************************************************************************************************************************/
	.aquater_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.aquater_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.aquater
	{
		position: relative;

		width: 100%;



		height: 80%;

		overflow: hidden;

		color: white;

	}

	div.aquater_line
	{
		position: relative;

		padding:10px 5px;

		cursor: pointer;
	}



	#details_main_body_left
	{
		position: relative;

		display: inline-block;

		vertical-align: top;
		width: 500px;

		height: 100%;

		overflow: auto;
	}


	#details_main_body_right
	{
		position: relative;

		display: inline-block;

		vertical-align: top;

		background:rgba(255,255,255,0.3);

		height: 100%;

		color: black;

		width: calc(100% - 500px);
		width: -webkit-calc(100% - 500px);



		overflow: auto;
	}


	#details_main_menu
	{

		position: relative;

			height: calc(40px - 20px);
			height: -webkit-calc(40px - 20px);

			font-size: 20px;

			font-weight: bold;

			text-align: center;

			padding-top:10px;
			padding-bottom:10px;

			color: white;


			width: calc(100% - 500px);
			width: -webkit-calc(100% - 500px);
	}

	#details_main_body
	{

		position: relative;

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



		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}


	#details_main
	{
		position: relative;

		width: 100%;

		height: 100%;
	}

	#details_header
	{
		position: absolute;

		top:0px;

		right:0px;

		color:white;

		padding:5px 10px;

		z-index: 2000;

		cursor: pointer;

		font-size: 30px;

	}

	#details
	{
		position: fixed;

		top: 20px;

		bottom: 20px;

		right: 20px;
		left: 20px;

		z-index: 2000;


		display: none;


		overflow:auto;

		border-radius:5px;

		background:rgba(0,0,0,0.8);
	}



  	body{


	}

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

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		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:smoke;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:smoke;


	}

	.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) {
	
	/***********************************************************************************/
	#othersmedias
	{
		
		position:relative;
		
		height:100%;
		
		
	}
	
	
	#othersmedias_header
	{
		position:Relative;
		
		height:42px;
		
		background:black;
		
		
	}
	
	div.othersmedias_nav
	{
		position:relative;
		
		vertical-align:middle;
		
		display:inline-block;
		
		padding:5px;
		
		margin:0px 10px;
		
	}
	
	img.om_nav
	{
		position:relative;
		
		max-width:32px;
		
		max-height:32px;
		
		cursor:pointer;
		
	}
	
	span.om_nav
	{
		
		
	}
		
	#othersmedias_content
	{
		position:relative;
		
		height:calc(100% - 42px);
		height:-webkit-calc(100% - 42px);
		
		overflow:auto;
		
	}
	
	div.om_c_page
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
		vertical-align:top;
		
		display:inline-block;
		
	}
	
	
	iframe.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere
	{
		position:relative;
		
		width:100%;
		
		height:100%;
		
	}
	
	
	
	div.elsewhere_nav
	{
		position:absolute;
		
		bottom:5px;
		
		right:5px;
		
		z-index:950;
		
		
	}
		
		
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/
	
	#mainright
	{
		position: relative;
		
		width: calc(100% - 0px);
		width: -webkit-calc(100% - 0px);
		
		/*display: inline-block;
		
		vertical-align: top;*/
		
		overflow: auto;
		
		height: 100%;
		
		
		

	}


	#mainleft
	{
		position: relative;
		
		width: 80px;
		
		display: inline-block;
		
		vertical-align: top;
		
		overflow: auto;
		
		height: 100%;
		
		background: midnightblue	;
		
		color: white;
		
		display:none;
		
		
	}



	div.asubmenu_box:hover
	{
		position: relative;
		
		box-shadow: 0px 0px 3px 2px antiquewhite;

	}


	.nouvelles
	{
		border-left:4px solid #1a6ad3;
		
		
		
	}


	.countries
	{
		border-left:4px solid crimson;
		
	}

	.enterprise
	{
		border-left:4px solid limegreen;
		
	}

	.individual
	{
		border-left:4px solid goldenrod;
		
	}



	div.asubmenu_box
	{
		position: relative;
		
		width:calc(100% - 20px);
		width:-webkit-calc(100% - 20px);
		
		margin:20px 10px;
		

		
			
		box-shadow: 0px 0px 3px 2px transparent;
		
		background:rgba(0,0,0,0.3);
		
		
	}

	div.asubmenu_box_img
	{
		position: relative;
		
	}							

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

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


	label.asubmenu_box_label
	{
		position: relative;
		
		font-size: 10px;
			
	}
						


	/*****************************************************************************************************/
	
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 125px));
		height: -webkit-calc((50% - 125px));
		height: -ms-calc((50% - 125px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 250px;
		
		overflow: auto;
		
	}
	
	
	/*****************************************************************************************************/

	/*******************************************************************************************/
	
	div.saying
	{
		position: relative;
		
		width:90%;
		
		margin:20px auto 20px auto;
		
		box-shadow:0px 0px 2px 1px #888888;
		
		background:white;
		
		border-radius:10px;
		
			
	}
	
	label.saying_header
	{
		position:relative;
		
		font-weight:bold;
		
		font-size:20px;
		
		color:black;
		
	}
	
	header.saying_header
	{
		position:relative;
		
		padding:5px;
		
		
	}
	
	main.saying_body
	{
		position:relative;
		
		width:100%;
		
		min-height:50px;
		
		padding:10px;
	
		color:gray;
		
		white-space:normal;
		
	}
	
	
	
	label.saying_footer
	{
		position:relative;
	
		font-size:12px;
		
		color:indianred;
	}
	
	
	footer.saying_footer
	{
		position:relative;
		
		padding:5px;
		
	}
			
			
	
	
	
	
	
	/*******************************************************************************************/
	/***************************************************************************/
	#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;
	
	}
	
	/***************************************************************************/

	/*****************************************************************************************************/
	
	div.other_part
	{
		position: relative;
		
		width: 100%;
		
		height: calc((50% - 50px));
		height: -webkit-calc((50% - 50px));
		height: -ms-calc((50% - 50px));
		
		overflow: auto;
		
	}
				
	#intermediairy
	{	
		position: relative;
		
		width: 100%;
		
		height: 100px;
		
		overflow: auto;
		
	}
	
	
	/*****************************************************************************************************/


	.parquatre_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.parquatre_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.parquatre
	{
		position: relative;

		width: 90%;

		display: inline-block;

		vertical-align: top;

		height: 100%;

		overflow: hidden;

		color: white;

	}

	
	/****************************************************************************************/
	
	/**************************************************************************************************************************************************/
	
	
	.vertical_half_second
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


	
	.vertical_half
	{
		position: relative;
		
		width: 50%;
		
		height: 100%;
		
		display: inline-block;
		
		vertical-align: top;
		
	}


		
	.horizontal_half
	{
		position: relative;
		
		width: 100%;
		
		height: 50%;
		
		
		overflow:auto;
		
	}
	
	
	/**************************************************************************************************************************************************/
	#compactview
	{
		position: relative;
	
		width: 100%;
		
		height: 100%;
		
		
		
		white-space:nowrap;
	}
					
	
	#compactview_top
	{
		position: relative;
		
		width:100%;
	
		height: 100%;
		
		
		vertical-align: top;
		
		white-space:nowrap;
		
		display: inline-block;
		
		
		
	}
	
	#compactview_top_left
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
	
	}
							
	
	#compactview_top_right					
	{
		position: relative;
		
		width:100%;
		
		vertical-align: top;
		
		height: 50%;
		
		display: inline-block;
		
		width:calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
	
		height: 100%;
		
		display:inline-block;
		vertical-align:top;
		
		box-shadow:0px 0px 2px 1px #888888;
		 
		
	}
	
	
	#compactview_bottom
	{
		position: relative;
		
		position: relative;
		
		width:100%;
	
		height: 33%;
		
		box-shadow:0px 0px 2px 1px #888888;
			
		
		
	}
	
	/**************************************************************************************************************************************************/
	.aquater_header
	{
		position: relative;

		height: calc(40px - 20px);
		height: -webkit-calc(40px - 20px);

		font-size: 20px;

		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}

	.aquater_main
	{
		position: relative;

		height:calc(100% - 40px);

		overflow: auto;

	}
	.aquater
	{
		position: relative;

		width: 100%;



		height: 80%;

		overflow: hidden;

		color: white;

	}

	div.aquater_line
	{
		position: relative;

		padding:10px 5px;

		cursor: pointer;
	}



	#details_main_body_left
	{
		position: relative;

		display: inline-block;

		vertical-align: top;
		width: 500px;

		height: 100%;

		overflow: auto;
	}


	#details_main_body_right
	{
		position: relative;

		display: inline-block;

		vertical-align: top;

		background:rgba(255,255,255,0.3);

		height: 100%;

		color: black;

		width: calc(100% - 500px);
		width: -webkit-calc(100% - 500px);



		overflow: auto;
	}


	#details_main_menu
	{

		position: relative;

			height: calc(40px - 20px);
			height: -webkit-calc(40px - 20px);

			font-size: 20px;

			font-weight: bold;

			text-align: center;

			padding-top:10px;
			padding-bottom:10px;

			color: white;


			width: calc(100% - 500px);
			width: -webkit-calc(100% - 500px);
	}

	#details_main_body
	{

		position: relative;

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



		font-weight: bold;

		text-align: center;

		padding-top:10px;
		padding-bottom:10px;

	}


	#details_main
	{
		position: relative;

		width: 100%;

		height: 100%;
	}

	#details_header
	{
		position: absolute;

		top:0px;

		right:0px;

		color:white;

		padding:5px 10px;

		z-index: 2000;

		cursor: pointer;

		font-size: 30px;

	}

	#details
	{
		position: fixed;

		top: 20px;

		bottom: 20px;

		right: 20px;
		left: 20px;

		z-index: 2000;


		display: none;

		overflow:auto;

		border-radius:5px;

		background:rgba(0,0,0,0.8);
	}



	body{


	}

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

	#menubar:hover
	{
		background:rgba(30,144,255,1);
		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:smoke;

	}

	.page
	{
		position:relative;

		width:100%;
		height:100%;
		background:smoke;


	}

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


}



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