.all{
width: 1000px;
height: 700px;
margin-left: auto;
margin-right: auto;
}

		.flagFR{
		float: left;
		width: 27px;
		height: 17px;
		background-image: url(images/flagFR.png);
		cursor: pointer;
		}
		
		.flagNL{
		float: left;
		width: 27px;
		height: 17px;
		background-image: url(images/flagNL.png);
		cursor: pointer;
		}
		
		.flagEN{
		float: left;
		width: 27px;
		height: 17px;
		background-image: url(images/flagEN.png);
		cursor: pointer;
		}

		.leftSide{
		float: left;
		width: 450px;
		height: 700px;
		}
				
				.languagesContainer{
				float: left;
				width: 450px;
				height: 234px;				
				}
				
				.arrows{
				float: left;
				width: 450px;
				height: 540px;
				background-image: url(images/arrows.png);
				margin-bottom: 9px;
				}
				
				#logo{
				float: left;
				width: 200px;
				height: 180px;
				background-image: url(images/logo.png);
				}
		
		.rightSide{
		float: left;
		width: 550px;
		height: 700px;
		}
		
				.loginContainer{
				float: left;
				width: 500px;
				height: 138px;				
				}
				
				.titleArea{
				float: left;
				width: 100%;
				height: 25px;
				font-size: 14px;
				color: #FFFFFF;
				}
				
				.servicesContainer{
				float: left;
				width: 550px;
				height: 250px;				
				}
						
						.servicesContainerEach{
						float: left;
						width: 183px;
						height: 236px;
						cursor: pointer;
						}

								.servicesTop{
								position: absolute;
								display: inline;
								width: 183px;
								height: 140px;
								font-size: 11px;
								background-image: url(images/servicesTop.png);
								}
								
								.servicesBottom{
								position: absolute;
								display: inline;
								width: 183px;
								height: 128px;
								margin-top: 108px;
								background-image: url(images/servicesBottom.png);
								}
								
										.logoS{
										width: 140px;
										height: 71px;
										margin-left: auto;
										margin-right: auto;
										margin-top: 38px;
										background-repeat: no-repeat;
										background-position: center top;
										}
										
										.logo_masternaut{
										width: 90px;
										height: 71px;
										margin-left: auto;
										margin-right: auto;
										margin-top: 38px;
										background-repeat: no-repeat;
										background-position: center top;
										}
										
										.logo_mguard{
										width: 47px;
										height: 71px;
										margin-left: auto;
										margin-right: auto;
										margin-top: 38px;
										background-repeat: no-repeat;
										background-position: center top;
										}
										
										.logo_halo{
										width: 51px;
										height: 71px;
										margin-left: auto;
										margin-right: auto;
										margin-top: 38px;
										background-repeat: no-repeat;
										background-position: center top;
										}
										
												.servicesBox_leftSide{
												float: left;
												width: 270px;
												height: 430px;
												}
												
												.servicesBox_rightSide{
												float: left;
												width: 520px;
												height: 430px;
												}
				
				.interactionsContainer{
				float: left;
				width: 550px;
				height: 110px;				
				}
				
						.interactionsBG{
						float: left;
						display: inline;
						width: 140px;
						height: 100px;	
						font-size: 10px;
						margin-left: 20px;
						margin-right: 22px;
						background-image: url(images/interactionsBG.png);
						cursor: pointer;			
						}
						
								.interactions_mail{
								position: absolute;
								display: inline;
								width: 66px;
								height: 54px;
								margin-left: 37px;
								background-image: url(images/interactions_mail.png);			
								}
								
								
								.interactions_classic{
								position: absolute;
								display: inline;
								width: 66px;
								height: 54px;
								margin-left: 37px;
								background-image: url(images/interactions_classic.png);			
								}
								
								.interactions_espacePro{
								position: absolute;
								display: inline;
								width: 66px;
								height: 54px;
								margin-left: 37px;
								background-image: url(images/interactions_espacePro.png);			
								}

				.moreBG{
				float: left;
				display: inline;
				width: 83px;
				height: 86px;
				margin-left: 34px;
				margin-top: 10px;
				background-image: url(images/moreBG.png);
				}
				
						.bubbleWhite{
						float: left;
						display: inline;
						width: 118px;
						height: 49px;
						margin-top: 23px;
						margin-left: 10px;
						font-size: 11px;
						background-image: url(images/bubbleWhite.png);
						}
						
						.bubbleWhite2{
						float: left;
						display: inline;
						width: 202px;
						height: 63px;
						margin-top: 23px;
						margin-left: 10px;
						font-size: 11px;
						background-image: url(images/bubbleWhite2.png);
						background-repeat: no-repeat;
						}
						
						.bubbleWhite3{
						float: left;
						display: inline;
						width: 118px;
						height: 49px;
						margin-top: 23px;
						margin-left: 10px;
						font-size: 11px;
						background-image: url(images/bubbleWhite3.png);
						}
						
						.videoBG{
						float: left;
						width: 130px;
						height: 100px;
						}
						
								.videoImg{
								float: left;
								display: inline;
								margin-left: 19px;
								margin-top: 14px;
								width: 94px;
								height: 73px;
								}
								
								
								.videoImgAbove{
								position: absolute;
								width: 94px;
								height: 73px;
								background-image: url(images/videoImgAbove.png);
								}
				
			
			.newsNumContainer{
			float: left;
			width: 100%;
			font-size: 11px;
			}
			
					
					#tinyArrowLeft{
					float: left;
					display: inline;
					width: 22px;
					height: 22px;
					margin-top: 2px;
					background-image: url(images/tinyArrowLeft.png);
					cursor: pointer;
					}
					
					#tinyArrowRight{
					float: left;
					display: inline;
					width: 22px;
					height: 22px;
					margin-top: 2px;
					background-image: url(images/tinyArrowRight.png);
					cursor: pointer;

					}
					
					#newsNumBG{
					float: left;
					display: inline;
					width: 50px;
					height: 25px;
					margin-left: 2px;
					margin-right: 2px;
					background-image: url(images/newsNumBG.png);
					}
					
							#newsNum{
							float: left;
							width: 50px;
							line-height: 23px;
							color: #FFFFFF;
							text-align: center;
							}
		
		
		
		
		
.loginFond{
float: left;
width: 393px;
height: 143px;
background-image: url(images/loginFond.gif);
}	
		
		input.login{
		float: left;
		width: 120px;
		font-size: 11px;
		font-family: Verdana;
		color: #0087c6;
		border: 1px solid #5e86ac;
		padding: 2px;
		}	
		
		#access{
		float:left;
		display: inline;
		margin-left: 53px;
		margin-top: 20px;
		width: 720px;
		height: 240px;
		border: 1px dotted #666666;
		}
		
	
	
	
/* ====================================================================================== 
   DEMO
====================================================================================== */
	
	
.demoLogo{
width: 183px;
height: 135px;
margin-left: auto;
margin-right: auto;
background-image: url(images/demo/logo.gif);
}

.demoContainerTopLeft{
float: left;
width: 405px;
height: 375px;
padding-left: 70px;
padding-top: 30px;
}

		.demoTextTopLeft{
		clear: left;
		float: left;
		width: 420px;
		margin-top: 20px;
		}
	
.demoEcran{
float: left;
display: inline;
width: 470px;
height: 383px;
background-image: url(images/demo/ecran.png);
}	

		.demoEcranContainer{
		float: left;
		position: relative;
		display: inline;
		margin-left: 98px;
		margin-top: 66px;
		width: 275px;
		height: 203px;
		overflow: hidden;
		cursor: pointer;
		}
		
		#demoButton{
		position: relative;
		margin-left: 70px;
		margin-top: 190px;
		width: 135px;
		height: 135px;
		background-image: url(images/demo/button.gif);
		}
		
		#demoButtonText{
		position: absolute;
		margin-top: 165px;
		width: 275px;
		text-align: center;
		color: #ff9000;
		font-weight: bold;
		display: none;
		}
		
	
.demoContainerBottom{
float: left;
width: 930px;
padding-left: 70px;
}	
	

.demoBloc{
float: left;
display: none;
width: 125px;
height: 110px;
background-image: url(images/demo/bloc.gif);
}
	
		.demoIconeContainer{
		float: left;
		display: inline;
		margin-left: 16px;
		margin-top: 17px;
		width: 94px;
		height: 71px;
		}	
	
	
		.demoTextBottom{
		clear: left;
		float: left;
		display: inline;
		margin-left: 70px;
		width: 870px;
		margin-top: 20px;
		}