article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html 	{}

body 	{ 	 
		font-family: 			Arial, Helvetica, sans-serif;
		font-size:				100%; 
		color:					#005B7F;	
		background:				#6DCFF6;
		}

.main 	{
		width:					100%;
		padding:				0;
		margin:					0 auto;
		font-size:				16px;
		line-height:			1.385em;
		background:				#FAFAFA;
		display:				none;
		}

a 		{
		color:					#6DCFF6; 
		outline:				none; 
		text-decoration:		none;
		}
a:hover { 
		color:					#aaaaaa;
		}

.clear 	{
		clear:					both; 
		width:					100%; 
		line-height:			0; 
		font-size:				0;
		}


	
	


.reg 	{text-transform:uppercase;}

.fleft 	{float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.it {font-style:italic;}


.buttons a:hover {cursor:pointer;}

.ImageContainer	{
				width:250px;
				border:#cecece;
				}
.Loader
	{
 	background:url(../images/spinner2.gif) center center no-repeat;
	}

.MainLogo		{
				display:		inline-block;
				height:			250px;
				overflow:		hidden;
				margin-top:		20px;
				margin-right:	10px;
			
				}	
.MainLogo IMG	{
				height:			100%;
				max-width:		250px;
				}	
.Rounded	{
			border-radius: 				25px; 
			-webkit-border-radius: 		25px; 
			-moz-border-radius: 		25px; 
			}				
.RoundedMidLow	{
			border-radius: 				18px; 
			-webkit-border-radius: 		18px; 
			-moz-border-radius: 		18px; 
			}				
.RoundedLow	{
			border-radius: 				4px; 
			-webkit-border-radius: 		4px; 
			-moz-border-radius: 		4px; 
			}				
				
				
				
/* ---------- PageMain ----------------------------- */
/* ---------- PageMain ----------------------------- */
.PageMain.BgImage {
					/* Add the blur effect */
					/* 
  					filter: 				blur(8px);
  					-webkit-filter: 		blur(8px);
					*/
  					/* Full height */
  					height: 				100%;

  					/* Center and scale the image nicely */
  					background-position: 	center;
  					background-repeat: 		no-repeat;
  					background-size: 		cover;
				}
.PageMain.LoginContainer {
					border:					none;
  					position: 				absolute;
  					top: 					50%;
  					left: 					50%;
  					transform: 				translate(-50%, -50%);
  					z-index: 				2;
				}
.PageMain.LoginContainer .CopyRight{
					font-size:				12px;
					padding:				20px 20px 0px 20px;
					margin-top:				0px;
					color:					#ffffff;
				}
.PageMain.Login {
					background-color: 		rgb(255,255,255); /* Fallback color */
  					background-color: 		rgba(255,255,255, 0.4); /* Black w/opacity/see-through */
  					color: 					white;
  					font-weight: 			bold;
  					border: 				0px solid #f1f1f1;
  					width: 					auto;
  					padding: 				20px;
  					text-align: 			center;
				}
				
				
.PageMain.ImageAdmin {
  					position: 				absolute;
  					top: 					20px;
  					right: 					20px;
  					z-index: 				2;
					display:				none;

				}

/* ---------- PageMain ----------------------------- */
/* ---------- PageMain ----------------------------- */				
/* =========== LoginBox =========================== */	
/* =========== LoginBox =========================== */	
.LoginBox		{
				max-width:		320px;
				diplay:			inline-block;
				background:		#003D58;
				height:			280px;
				overflow:		hidden;
				min-width:		260px;
				
				}
.LoginBox .Content		{
				padding:		20px;
				color:			#ffffff;
				display:		block;
				overflow:		hidden;
				text-align:		center;
				}				
.LoginBox .Content H2		{
				font-size:		18px;
				text-align:		left;
				}
.LoginBox .Content .MessageContainer		{
				height:			1px;
				overflow:		hidden;
				}
.LoginBox .Content .Options		{
				border:			none;
				font-size:		14px;
				line-height:	20px;
				
				}
.LoginBox .Content .Options INPUT		{
				background:		none;
				margin:			0px 0px 0px 0px;
				padding:		0px;
				width:			16px;
				height:			20px;
				display:		inline-block;
				}
.LoginBox .Content .Options .Text		{
				background:		none;
				margin:			0px 0px 5px 0px;
				height:			20px;
				padding:		0px 0px 5px 0px;
				
				border:			none;
				font-size:		14px;
				display:		inline-block;
				}

.LoginBox .Content .Message		{
				background:		url(../images/fond-75pc-black.png);
				padding:		20px;
				width:			90%;
				position:		relative;
				top:			-192px;

				}				
.LoginBox .Content .Field		{
				padding:		5px;
				background:		#004c6a;
				width:			100%;
				margin-top:		20px;
				display:		table;
				
				}
.LoginBox .Content .Field .Picto		{
				
				border:			none;
				float:			left;
				padding-top:	3px;
				text-align:		center;
				width:			25px;
				}
.LoginBox .Content .Field .Value		{
				
				border:			none;
				float:			left;
				width:			Calc(100% - 25px);
				}
.LoginBox .Content .Field .Value INPUT	{
				width:			100%;
				background:		none;
				border:			none;
				color:			#ffffff;
				padding:		5px;
				font-size:		14px;
				}
.LoginBox .Content .Bouton		{
				width:			100%;
				margin-top:		20px;
				display:		block;
				border:			1none;
				cursor:			pointer;
				background:		#006F9D;
    			-moz-transition: 		all .2s ease-in;
    			-o-transition: 			all .2s ease-in;
    			-webkit-transition: 	all .2s ease-in;
    			transition: 			all .2s ease-in;	
				cursor:					pointer;			
				}
.LoginBox .Content .Bouton:Hover{
				background:				#00a4ED;
				}				
.LoginBox .Content .Bouton INPUT	{
				width:					100%;
				background:				none;
				border:					none;
				color:					#ffffff;
				padding:				0px;
				font-size:				16px;
				height:					40px;
				line-height:			40px;
				font-weight:			bold;
				cursor:					pointer;
				}

/* =========== LoginBox =========================== */	
/* =========== LoginBox =========================== */	
				
#submit{
				cursor:			pointer;
				}
					
.Signature		{
				padding:		20px;
				text-align:		center;
				color:			#ffffff;
				background:		#6DCFF6;
				border-top:		1px solid #004c6a;
				font-size:		13px;
				
				}					
.Signature	A	{
				color:			#ffffff;
				}

/* =========== TopNavigation ====================== */	
/* =========== TopNavigation ====================== */	
				
.TopSpacer		{
				background:				#6DCFF6;
				border-bottom:			1px solid #004c6a;
				display:				table;
				width:					100%;
				text-align:				center;
				height:					53px;
				}			

.TopNavigation	{
				background:				#6DCFF6;
				border-bottom:			1px solid #004c6a;
				display:				table;
				width:					100%;
				text-align:				center;
				height:					30px;
				position:				fixed;
				}			
.TopNavigation	.Left{
				float:			left;
				padding-top:	8px;
				}
.TopNavigation	.Center{
				padding:		10px;
				width:			70%;
				display:		inline-block;
				overflow:		hidden;
				margin:			0 auto;
				}
.TopNavigation	.Right{
				float:			right;
				padding:		10px;
				}
				
/* =========== TopNavigation ====================== */	
/* =========== TopNavigation ====================== */	
					
					
/* =========== MenuBox ============================ */	
/* =========== MenuBox ============================ */	
	
.MenuBox		{
				max-width:		600px;
				diplay:			inline-block;
				overflow:		hidden;
				}
.MenuBox .Menu	{
				max-width:		980px;
				diplay:			inline-block;
				overflow:		hidden;
				}
.MenuBox .Menu .Item	{
				max-width:		980px;
				diplay:			inline-block;
				overflow:		hidden;
				border-bottom:	1px solid #cecece;
				border-left:	1px solid #cecece;
				border-right:	1px solid #cecece;
				background:		#F6F6F6;
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;		
				cursor:			pointer;	
				max-height:		80px;	
							
				}
.MenuBox .Menu .Item:HOVER	{
				background:		#ffffff;
				}
.MenuBox .Menu .Item	.Picto{
				float:			left;
				padding:		10px 0px 10px 10px;
				}
.MenuBox .Menu .Item	.Picto IMG{
				width:			100%;
				max-width:		60px;
				}
.MenuBox .Menu .Item	.Content{
				padding:		6px 10px 6px 10px;
				width:			67%;
				display:		inline-block;
				overflow:		hidden;
				margin:			0 auto;
				text-align:		left;
				/* float:			left; */
				
				}
.MenuBox .Menu .Item	.Content .Title{
				font-weight:	normal;
				font-size:		18px;
				color:			#005B7F;
				max-height:		24px;
				overflow:		hidden;
				font-family: 	'Fjalla One', sans-serif;
				}
.MenuBox .Menu .Item	.Content .Text{
				font-weight:	normal;
				font-size:		13px;
				line-height:	1.1em;
				color:			#999999;
				}
.MenuBox .Menu .Item	.Activator{
				float:			right;
				
				color:			#005B7F;

				}
.MenuBox .Menu .Item	.Activator IMG{
				max-width:		32px;
				max-height:		32px;
				margin-top:		24px;
				
				}
/* =========== MenuBox ============================ */	
/* =========== MenuBox ============================ */	
					
					
					
.Content		{
				max-width:		600px;
				text-align:		left;
				diplay:			inline-block;
				overflow:		hidden;
				padding:		20px;
				}
.Content		H1{
				font-size:		30px;
				margin:			0px 0px 10px 0px;
				font-family:	'Fjalla One', sans-serif;
				font-weight:	normal;
				line-height:	1.2em;
				}				
.Content .ImageBox		{
				display:		inline-block;
				border:			1px solid #cecece;
				font-size:		12px;
				text-align:		center;
				}

.Content UL		{
				margin:			20px 0px 20px 20px;
				}
.Content UL	.ULSub	{
				margin:			0px 0px 20px 20px;
				list-style-type: square;
				}
.Content UL	.ULSub LI	{
				background:		none;
				margin:			0;
				padding:		0;
				}
.Content P		{
				margin-top:		20px;
				margin-bottom:	15px;
				}				

/* =========== ListBox ============================ */	
/* =========== ListBox ============================ */	
	
.ListBox		{
				max-width:		600px;
				diplay:			inline-block;
				overflow:		hidden;
				}
.ListBox .List	{
				max-width:		980px;
				diplay:			inline-block;
				overflow:		hidden;
				}
.ListBox .List .Item	{
				max-width:		980px;
				diplay:			inline-block;
				overflow:		hidden;
				border-bottom:	1px solid #cecece;
				border-left:	1px solid #cecece;
				border-right:	1px solid #cecece;
				
    			-moz-transition: 			all .2s ease-in;
    			-o-transition: 				all .2s ease-in;
    			-webkit-transition: 		all .2s ease-in;
    			transition: 				all .2s ease-in;		
				}
.ListBox .List .Item:HOVER	{
				}
.ListBox .List .Item	.Picto{
				float:			left;
				padding:		10px;
				}
.ListBox .List .Item	.Picto IMG{
				width:			100%;
				max-width:		60px;
				}
.ListBox .List .Item	.Content{
				padding:		8px 10px 8px 10px;
				width:			65%;
				display:		inline-block;
				overflow:		hidden;
				margin:			0 auto;
				text-align:		left;
				}
.ListBox .List .Item	.Content .Title{
				font-weight:	normal;
				font-size:		18px;
				color:			#005B7F;
				}
.ListBox .List .Item	.Content .Text{
				font-weight:	normal;
				font-size:		13px;
				line-height:	1.2em;
				color:			#999999;
				}
.ListBox .List .Item	.Activator{
				float:			right;
				padding:		10px;
				color:			#005B7F;
				display:		none;
				}
/* =========== ListBox ============================ */	
/* =========== ListBox ============================ */						

/* =========== MessageBox =========================== */	
/* =========== MessageBox =========================== */	
	
.MessageBox		{
				max-width:		600px;
				diplay:			inline-block;
				background:		#005b7f;
				overflow:		hidden;
				height:			300px;
				
				}
.MessageBox .Content		{
				padding:		20px;
				color:			#ffffff;
				display:		block;
				overflow:		hidden;
				text-align:		center;
				}				
.MessageBox .Content H2		{
				font-size:		18px;
				text-align:		left;
				}
.MessageBox .Content .MessageContainer		{
				height:			1px;
				overflow:		hidden;
				}

.MessageBox .Content .Message		{
				background:		url(../images/fond-75pc-black.png);
				padding:		20px;
				width:			90%;
				position:		relative;
				top:			-200px;
				border-radius: 				4px; 
				-webkit-border-radius: 		4px; 
				-moz-border-radius: 		4px; 
				}				
.MessageBox .Content .Field		{
				background:		#004c6a;
				width:			100%;
				margin-top:		20px;
				display:		table;
				padding:		5px;
				border-radius: 				4px; 
				-webkit-border-radius: 		4px; 
				-moz-border-radius: 		4px; 
				
				}
.MessageBox .Content .Field .Picto		{
				
				border:			none;
				float:			left;
				padding-top:	3px;
				text-align:		center;
				width:			25px;
				}
.MessageBox .Content .Field .Value		{
				
				border:			none;
				float:			left;
				width:			100%;
				}
.MessageBox .Content .Field .Value INPUT	{
				width:			100%;
				background:		none;
				border:			none;
				color:			#ffffff;
				padding:		5px;
				font-size:		14px;
				}
.MessageBox .Content .Field .Value TEXTAREA	{
				width:			100%;
				background:		none;
				border:			none;
				color:			#ffffff;
				padding:		5px;
				font-size:		14px;
				margin:			0;
				}
.MessageBox .Content .Bouton		{
				width:			100%;
				margin-top:		20px;
				display:		block;
				border:			1px solid #ffffff;
				cursor:			pointer;
				}
.MessageBox .Content .Bouton INPUT	{
				width:			100%;
				background:		none;
				border:			none;
				color:			#ffffff;
				padding:		10px;
				font-size:		14px;
				}

/* =========== MessageBox =========================== */	
/* =========== MessageBox =========================== */