HTML { 
	background: #fafafa; 
	font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
	font-size: 12pt;
	font-weight:normal;
	color: #000000;
	padding: 10px;
	}
	
FORM {height:100%;}

BODY { 
	background: #fafafa; 
	font-family: font-family: Gill Sans MT, Gill Sans, Tahoma, Geneva, sans-serif;
	font-size: 12pt;
	font-weight:normal;
	color: #000000;
	padding: 0px;
	margin:0px auto;
	}

h3 {
	 color: #454545
	}

a {text-decoration:none!important;color:#2F84CE;}
	a:hover {color:#2F84CE;}
	a:active {color:#2F84CE;}
	
#MAIN_CONTAINER { 
	width: 80%;
	margin:0px auto;
	}


#CONTAINER { 
	line-height: 1.6em;
	font-size: 12pt;
	color: #000000;
	background-color:#FFFFFF;
	width:80%;
	min-height:98%;
	text-align: left;
	margin: 0px auto;
	}

		.MAIN_HEADER {
			padding: 10px;
			background: #ffffff;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		@media only screen and (min-width:550px){.MAIN_HEADER {justify-content: space-between;}}

	#MALATEST_LOGO, #CLIENT_LOGO {
		background-repeat: no-repeat;
		background-size: contain;
		padding: 10px;
		height: 52px;
		width:auto;
	}

	#MALATEST_LOGO {height: 60px; display:none;}
	@media only screen and (min-width:550px){#MALATEST_LOGO {display: block;}}


	#CLIENT_LOGO {height: 60px;}

	@media only screen and (min-width:1024px){#CLIENT_LOGO {height: 75px;} #MALATEST_LOGO {height: 75px;}}


			.OFFICES	{
				width:384px;
				height:100%;
				display:inline-block;
				background-color:transparent;
				background-image: URL('Malatest_swoosh.gif');
				background-repeat:no-repeat;
				background-color:transparent;
				background-position:right;
				text-align:right;
				position:absolute;
				right:0;
				}
			.OFFICE_LIST	{
				position:relative;
				top:30%;
				text-align:center;
				background-color:transparent;
				color:#7D011D;
				width:100%;
				height:70%;
				display: inline-block;
				line-height: 2.4em;
				}
			.LOGOUT	{
				position:relative;
				top:70px;
				text-align:right;
				background-color:transparent;
				color:#7D011D;
				}
				
.SPECIAL{color:#4d4d4d;}

				
	.SUBMAIN {
      		background: #fafafa;
      		color: #395162;
		text-align: center;
		font-family:  Gill Sans MT, Gill Sans, Tahoma, Geneva, sans-serif;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 0px;
		padding-right: 0px;
		margin: 0px;
		font-style: bold;
      		border-top: 2px solid #395162;
   		border-bottom: 2px solid #395162;
		}
    				
		
	#SPECIAL1 { 
		line-height: 1.6em;
		font-size: 12pt;
		color: #000000;
		width:100%;
		height:100%;
		min-height:100%;
		text-align: left;
		margin:0px auto;
		padding-top:30px;
		}

	#MAIN_NAV {
		width: 100%;
		padding: 0px;
		margin: 0px;
		display:inline-block;
		text-align:left;
		background-color: #efefef;
		}

	#SUB_NAV {
		padding: 0px;
		margin: 0px;
		}

		#SPECIAL2 { 
			line-height: 1.6em;
			font-size: 12pt;
			background-color: #fafafa;
			color: #000000;
			max-width:96%;
			text-align: left;
			margin-top: 0%;
			margin-bottom: 2%;
			margin-left: 2%;
			margin-right: 2%;
			}
			
		#MAIN_CONTENT { 
			line-height: 1.6em;
			font-size: 11pt;
			background-color: #fafafa;
			color: #000000;
			max-width:96%;
			text-align: left;
			margin: 2%;
			}
			
			.CENTERHEADER {
				font-family: Georgia, serif;
				color: #727272;
				display: block;
				width: 100%;
				font-size: 14pt;
				font-weight:bold;
				text-align: center;
				line-height: 2em;
				min-height: 2em;
				padding-bottom: 5px;
				}
			
			.QUESTION
				{
				background:transparent; 
				width:98%;
				text-align: left;
				color: #000000;
				font-size: 11pt;
				line-height: 1.6em;
				margin:15px auto;
				border-bottom: 1px dashed #2f84ce;
				}

			.ERREUR
				{
				background:transparent; 
				width:98%;
				text-align: left;
				color: RED;
				font-size: 11pt;
				line-height: 1.6em;
				margin:15px auto;
				border-bottom: 1px dashed #2f84ce;
				}				
			.NOTE
				{
				background:transparent; 
				width:98%;
				text-align: left;
				color: #000000;
				font-size: 12pt;
				line-height: 1.6em;
				margin:15px auto;
				padding-bottom: 10px;
				}
				
	.LANGSUB_EN		{font-size: 0px;background: #334D7E;background-image: URL('./images/LANG_EN.jpg');background-repeat:no-repeat;color: TRANSPARENT;font-weight:bold;text-decoration: none;width: 140px;height: 35px;text-align: center;display:inline-block;}		
		.LANGSUB_EN:hover	{font-size: 0px;background: #b0b1b5;background-image: URL('./images/LANG_EN.jpg');background-repeat:no-repeat;color: TRANSPARENT;font-weight:bold;text-decoration: none;width: 140px;height: 35px;text-align: center;display:inline-block;}
				
	.LANGSUB_CH		{font-size: 0px;background: #334D7E;background-image: URL('./images/LANG_CH.jpg');background-repeat:no-repeat;color: TRANSPARENT;font-weight:bold;text-decoration: none;width: 140px;height: 35px;text-align: center;display:inline-block;}		
		.LANGSUB_CH:hover	{font-size: 0px;background: #b0b1b5;background-image: URL('./images/LANG_CH.jpg');background-repeat:no-repeat;color: TRANSPARENT;font-weight:bold;text-decoration: none;width: 140px;height: 35px;text-align: center;display:inline-block;}		 
				

table {border-collapse:collapse;}
						
	.SPECIAL_COLUMN0 {
	    background: none repeat scroll 0% 0% white;
	    color: 343434;
	    font-weight: normal;
	    padding-left: 5px;
	    padding-right: 5px;
   	    text-align: left;
   	    }
    .SPECIAL_COLUMN1 {
	    background: none repeat scroll 0% 0% white;
	    color: #343434;
	    font-weight: bold;
	    padding-left: 5px;
	    padding-right: 5px;
   	    text-align: center;
   	    }
   
   	.SPECIAL_CELL1 { font-weight:bold; color: 656565;}
   
	.ORDINARY_CELL_A0 { background: #FFFFFF; color: #343434; text-align:center; font-weight:normal;}
	
	.ORDINARY_CELL_A1 { background: #E8E8E8; color: #343434; text-align:center; font-weight:normal;}

	.ORDINARY_CELL_B0 { background: #d1dee8; color: #343434; text-align:center; font-weight:normal;}
	
	.ORDINARY_NAV { background: transparent;}
	
	.SPECIAL_CELL0 { background: #D2C6BF; color: #343434; text-align:center; font-weight:bold; font-weight:normal;}
	
	.SPECIAL_LINE_A0 { color: #343434; background: #d1dee8; padding: 5px 5px 10px 5px; font-weight:normal; font-size: 12pt;}
    .SPECIAL_LINE_B0 { color: #343434; background: #ffffff; padding: 5px 5px 10px 5px; font-weight:normal; font-size: 12pt;}

.THERMOMETRE {margin:5px;}
					
				.HEADER {
					font-family: font-family:  Gill Sans MT, Gill Sans, Tahoma, Geneva, sans-serif;
					color: #454545;
					display: block;
					width: 100%;
					font-size: 14pt;
					font-weight:bold;
					line-height: 2em;
					min-height: 2em;
					padding-bottom: 5px;
					text-align:left;
					}
				.SUB_HEAD {
					font-family:  Gill Sans MT, Gill Sans, Tahoma, Geneva, sans-serif;
					color: #727272;
					display: block;
					width: 100%;
					font-size: 12pt;
					font-weight:bold;
					line-height: 2em;
					min-height: 2em;
					padding-bottom: 5px;
					text-align:left;
					}
				.QNOTE {
					font-family: Georgia, serif;
					display: block;
					width: 100%;
					font-size: 14pt;
					line-height: 2em;
					min-height: 2em;
					padding-bottom: 5px;
					text-align:center;
					}
				.QNOTE2 {
					font-family: Georgia, serif;
					display: block;
					width: 100%;
					font-size: 12pt;
					padding-bottom: 5px;
					text-align:center;
					}
				.CENTER {
					font-family: Georgia, serif;
					display: block;
					width: 100%;
					font-weight:bold;
					text-align:center;
					}
					
					
  				.BUTTON	{
  					font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
					font-size: 12pt;
  					padding: 5px 5px 5px 5px;
  					background: #d1dee8;
  					color: #395162;
  					font-weight: bold;
  					text-decoration: none;
					width: 150px;
					border: 0px;
  					}
 
  					.BUTTON:hover	{
  						font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
						font-size: 12pt;
  						padding: 5px 5px 5px 5px;
						background-color: #2f84ce;
						color: #ffffff;
						font-weight: bold;
						text-decoration: none;
						width: 150px;
						border: 0px;
  						}
  						
   				.NAVI_BUTTON	{
   					font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
 					font-size: 12pt;
   					padding: 5px 5px 5px 5px;
   					background: #eeeded;
   					color: #7d011d;
   					font-weight:bold;
   					text-decoration: none;
 					width: 150px;
 					border: 0px;
   					}
  
   					.NAVI_BUTTON:hover	{
   						font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
 						font-size: 12pt;
   						padding: 5px 5px 5px 5px;
 						background-color: #fafafa;
 						color: #000000;
 						font-weight:bold;
 						text-decoration: none;
 						width: 150px;
 						border: 0px;
  						}
 
 
    				.CURR_BUTTON	{
    					font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
  					font-size: 12pt;
    					padding: 5px 5px 5px 5px;
    					background-color: #fafafa;
    					color: #7d011d;
    					font-weight:bold;
    					text-decoration: none;
  					width: 150px;
  					border: 0px;
    					}
   
    					.CURR_BUTTON:hover	{
    						font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
  						font-size: 12pt;
    						padding: 5px 5px 5px 5px;
  						background-color: #fafafa;
  						color: #000000;
  						font-weight:bold;
  						text-decoration: none;
  						width: 150px;
  						border: 0px;
  						}
  						
  						
      				.LANG_BUTTON	{
      					font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
    					font-size: 12pt;
      					padding: 0px 0px 0px 0px;
      					background-color: transparent;
      					color: #7d011d;
      					font-weight:normal;
      					text-decoration: none;
    					border: 0px;
      					}
     
      					.LANG_BUTTON:hover	{
      						font-family:  Gill Sans MT, Gill Sans, Arial, sans-serif;
    						font-size: 12pt;
      						padding: 0px 0px 0px 0px;
      						background-color: transparent;
      						color: #7d011d;
      						font-weight:normal;
      						text-decoration: underline;
    						border: 0px;
  						}
  						
  /*
  
  Below this area are Style Elements for the footer
  
  */
   
   		.FOOTER {
      			background: #fafafa;
      			color: #395162;
			text-align: center;
			font-family:  Gill Sans MT, Gill Sans, Tahoma, Geneva, sans-serif;
			font-size: 11pt;
			width: 100%;
			padding-top: 5px;
			padding-bottom: 5px;
			padding-left: 0px;
			padding-right: 0px;
			margin: 0px;
      			border-top: 2px solid #395162;
			}
   
   			.FOOTER a {
   				color: #395162;
   				text-decoration: underline;
   				}
   	
   			.FOOTER a:visited {
   				color: #395162;
   				text-decoration: underline;
   				}
   	
   			.FOOTER a:active {
   				color: #395162;
   				text-decoration: underline;
   				}
   	
   			.FOOTER a:hover {
   				color: #2F84Ce;
   				text-decoration: underline;
   				}
   	
   			.COPYRIGHT {
   				display: block;
				}
				
span.dropt {display:block;width:100%;}

span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
  
span.dropt:hover span {left: 45%; background: #ffffff;} 

   			.MOCK_LINK {
   				color: #fff;
   				text-decoration: none;
   				width: 170px;
   				display: inline-block;
   				background-color: #7d011d;
   				text-align:center;
  		font-family: Georgia, serif;
  		padding-top: 5px;
  		padding-bottom: 5px;
  		padding-left: 0px;
  		padding-right: 0px;
		margin: 0px;
   				}
   				
  

.SPECIAL_LINE_B1 { color: #343434; background: #ffffff; padding: 5px 5px 10px 5px; font-weight:normal; font-size: 12pt;}

.SPECIAL_LINE_A1 { color: #343434; background: #ffffff; padding: 5px 5px 10px 5px; font-weight:normal; font-size: 12pt;}
