/* GENERAL */
	BODY {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		background-color:#000000;
		background-image:url(../images/mespa_bodyback.jpg);
		background-repeat:repeat-x;
		color:#666666;
		text-align: center;
	}
	
	h6 {
		font-size: xx-small;	
	}
	
	a {
		font-weight: bold;
		color:#FFCC00;
	}
	
		a:link {
			text-decoration: none;
			color:#FFCC00;
		}
		a:visited {
			text-decoration: none;
			color:#FFCC00;
		}
		a:hover {
			text-decoration: underline;
			color:#FFCC00;
			
		}
		a:active {
			text-decoration: underline;
			color:#FFCC00;
		}
	
	HR {
		border:solid 1px #FFCC00;
		width:75%;
		text-align:center;
	}
	
	table.admin {
		width:90%;
	}

	th {
		color:#000000;
	}
	
	.DEBUG {
		border:solid 2px #000000;
		border-style: ridge;	
	}
	
	/* LAYOUTS */	
		.LAYOUT_NONE {
			position:relative;
			width:800px;
			margin-right: auto;
			margin-left: auto;
			text-align: left;
		}	
	
		.LAYOUT_SPLASH {
			position:relative;
			width:800px;
			margin-right: auto;
			margin-left: auto;
			text-align: left;
		}	
	
		/* MIDLLE */
		.SPLASH_MIDDLE {
			float:left;
			padding-top:0px;
			background-color:#FFFFFF;
			width:800px;
		}
		
			/* CENTER */
			.SPLASH_MIDDLE_CENTER {
				float:left;
				/*clear: right;*/
				text-align: left;
				vertical-align: top;
			}
	
	
		.LAYOUT_FULL {
			position:relative;
			width:800px;
			margin-right: auto;
			margin-left: auto;
			text-align: left;
			clear:both;
		}
	
		/* FULL */
		.FULL_LEFT {
			float:left;
			width:50px;
			clear: none;
			vertical-align: top;
			color: #FFFFFF;
			position: relative;
		}
		.FULL_RIGHT {
			float:right;
			width:50px;
			clear: none;
			vertical-align: top;
			color: #FFFFFF;
		}

		.FULL_CENTER {
			float:left;
			width:700px;		
		}
	
		/* TOP */
		.FULL_TOP {
			width:700px;
			color: #FFFFFF;
			overflow:hidden;
			background-image:url(../images/mespa_topback.jpg);
			height:200px;
		}

			.TOP_BANNER {
				float:left;
				position:relative;
				width:700px;
				/*margin:1px 1px 1px 1px;*/
				color: #FFFFFF;
				height:175px;
				overflow:hidden;
			}
		
			.TOP_MENU {
	/*float:left;*/
				position:relative;
	width:600px;
	/*margin:1px 1px 1px 1px;*/
				margin:170px 0px 0px 50px;
	color: #FFFFFF;
	height:25px;
				/*overflow:hidden;*/
			}				
		
		/* MIDLLE */
		.FULL_MIDDLE {
			margin:0px 0px 0px 0px;
			background-image:url(../images/mespa_mainback.png);
			vertical-align:top;
			width:700px;
			overflow:hidden;
			background-color: #FFCC00;
		}
		
			/* LEFT */
			.MIDDLE_LEFT {
				float:left;
				margin-top:0px;
				padding-bottom:5px;
				padding-top:0px;
				vertical-align:top;
				width:200px;
				color:#FFFFFF;
			}
				
			/* CENTER */
			.MIDDLE_CENTER {
				width:700px;
				float:left;
				clear: right;
				vertical-align: top;
				position:relative;
				overflow:hidden;
				background-image:url(../images/mespa_middleback.jpg);
				background-repeat:no-repeat;

			}
			
				.MIDDLE_CENTER_CONTENT {
					width:700px;
					float:left;
					text-align: left;
					vertical-align: top;
					position:relative;
					overflow:hidden;
				}
				
			/* RIGHT */
			.MIDDLE_RIGHT {
				position:relative;
				float:left;
				vertical-align:top;
				width:194px;
				color:#FFFFFF;
				margin-left:2px;
				margin-right:2px;
				background-color:#FF6600;
				overflow:hidden;
			}
			
				.MIDDLE_RIGHT_CONTENT {
					width:194px;
					float:left;
					text-align: left;
					vertical-align: top;
					margin-top: 25px;
					position:relative;
				}
					
		/* BOTTOM */		
		.FULL_BOTTOM {
			height:35px;
			width:700px;
			margin:0px 0px 0px 0px;
			/*padding:0px 1px 1px 1px;*/
			/*background-color:#000000;*/
			color: #000000;
			overflow:hidden;
			/*background-image:url(../images/meubles_footer.jpg);*/
			background-repeat:no-repeat;	
			background-color:#FFCC00;
			vertical-align:middle;
		}	
			
			.FULL_BOTTOM a {
				color: #FFFFFF;
			}
		
			.BOTTOM_FOOTER {
				position:relative;
				width:700px;
				margin:10px 0px 0px 0px;
				/*background-color:#000000;*/
				height:35px;
				overflow:hidden; 
				vertical-align:middle;
			}

				.FOOTER_CREDITS {
					font-size:9px;
					width:100%;
					vertical-align:middle;
					text-align:center;
				}				
					
	/* MAIN DEFAULT */	
	.MAIN {
		width:650px;
		float:left;
		margin:25px 0px 25px 50px;
		position:relative;
		vertical-align: top;
		/*background-color:#FFFFFF;*/
	}
		
		.MAIN_CONTENT {
			width:700px;
			float:left;
			height:335px;
			overflow:hidden;
			/*margin:1px 1px 1px 1px;*/
		}	
		
		.MAIN_SPLASH {
			width:700px;
			float:left;
			height:335px;
			overflow:hidden;
			margin:25px 0px 25px 0px;
		}
			
		.MAIN_PALE {
			width:600px;
			float:left;
			padding:25px 0px 25px 50px;
			position:relative;
			vertical-align: top;
			/*background-color:#FFFFFF;
			background-image:url(../images/meubles_backpale2.jpg);*/
		}
		
	/* MAIN ACCUEIL */	
	.MAIN_ACCUEIL {
		width:700px;
		/*margin:1px 1px 1px 1px;*/
		float:left;
		position:relative;
		vertical-align: top;
		background-color:#CCCCCC;
	}	

		.ACCUEIL_CONTENT {
			width:575px;
			float:left; 
			position:relative;
			text-align: left;
			vertical-align: top;
			overflow:hidden;
		}		

			.ACCUEIL_BLOG_CONTAINER {
				width:565px;
				padding:5px 5px 5px 5px;
				float:left; 
				position:relative;
				text-align: left;
				vertical-align: top;
				overflow:hidden;
			}	
			
				.ACCUEIL_BLOG_CONTENT {
					width:551px;
					margin: 5px 5px 5px 5px;
					padding:2px 2px 2px 2px;
					float:left; 
					position:relative;
					text-align: left;
					vertical-align: top;
					overflow:hidden;
					background-color:#333333;
				}	
							
					.ACCUEIL_BLOG_TITLE {
						width:541px;
						padding: 5px 5px 5px 5px;
						float:left; 
						position:relative;
						text-align: left;
						overflow:hidden;
						background-color:#CC6600;
						color:#FFFFFF;
						font-size: medium;
						text-transform: uppercase;
					}
					
						.ACCUEIL_BLOG_TITLE a {
							color:#FFFFFF;
						}

					.ACCUEIL_BLOG_INFO {
						width:541px;
						padding: 2px 5px 2px 5px;
						float:left; 
						position:relative;
						text-align: right;
						overflow:hidden;
						color:#FFFFFF;
						font-size:xx-small;
					}	

					.ACCUEIL_BLOG_TEXT {
						width:541px;
						padding: 10px 5px 10px 5px;
						float:left; 
						position:relative;
						text-align: left;
						overflow:hidden;
						background-color:#FFFFFF;
						color:#666666;
						font-size:smaller;
					}					
				
		.ACCUEIL_RIGHT {
			width:225px;
			float:left;
			position:relative;
			vertical-align:top;
			text-align: left;
			overflow:hidden;
			background-color: #CC6600;
		}

	.PAGE_TITLE {
		width:625px;
		margin:13px 60px 0px 0px;
		/*line-height: 3;*/
		font-size: large;
		font-weight: bold;
		text-align: right;
		color:#000000;
		/*background-color:#CCCCCC*/
	}	

	.ALBUM_BOX {
		margin:30px 0px 0px 0px;
		text-align:center;
	}

	.ALBUM_CAT {
		width:260px;
		/*height:250px;*/
		position:relative;
		float:left;
		padding:10px 10px 0px 10px;
		margin:0px 0px 15px 20px;
		text-align:center;
		background-color:#E0BB77;
		overflow:hidden;
		/*background-image:url(../images/meubles_mainback.jpg);*/
	}

		.ALBUM_CAT_IMG {
			width:250px;
			height:200px;
			position:relative;
			border:#8C4A0E 5px solid;
			text-align:center;
			background-color:#8C4A0E;
			overflow:hidden;
		}
		
		.ALBUM_CAT_TITLE {
			width:250px;
			/*height:300px;*/
			text-transform: uppercase;
			position:relative;
			vertical-align:middle;
			padding: 15px 0px 0px 0px;
			margin:4px 4px 4px 4px;	
			text-align:center;
			overflow:hidden;
			color:#8C4A0E;
		}

			.ALBUM_CAT_TITLE a {
				color:#8C4A0E;
			}

		.ALBUM_CAT_DESC {
			width:250px;
			/*height:300px;*/
			position:relative;
			vertical-align:middle;
			margin:4px 4px 4px 4px;	
			text-align:center;
			overflow:hidden;
			color:#8C4A0E;
		}
		
			.ALBUM_CAT_DESC a {
				color:#8C4A0E;
			}
		
	.ALBUM_ITEM {
		width:450px;
		position:relative;
		vertical-align:middle;
		margin:0px auto 25px auto;
		padding:10px 10px 10px 10px;
		text-align:center;
		background-color:#FDFAF4;
	}

		.ALBUM_ITEM_IMG {

		}
		
		.ALBUM_ITEM_DET {
			width:145px;
			float:right;
		}
		
		.ALBUM_ITEM_LABEL {
			margin:5px 0 0 0;
			position:relative;
			font-weight:bold;
			color:#8D511F;
		}

		.ALBUM_ITEM_DESC {
			margin:5px 0 0 0;
			width:430px;
			position:relative;
			font-weight:bold;
			color:#8D511F;
			text-align:left;

		}
		
		img.album {
			border:thick #350D0D solid; 
		}

/* ----------------- STAFF -------------------- */
	.STAFF_BOX {
		margin:50px 0px 0px 0px;
		text-align:center;
	}

	.STAFF_CAT {
		width:260px;
		/*height:250px;*/
		position:relative;
		float:left;
		padding:10px 10px 0px 10px;
		margin:0px 0px 15px 20px;
		text-align:center;
		background-color:#E0BB77;
		overflow:hidden;
		/*background-image:url(../images/meubles_mainback.jpg);*/
	}

		.STAFF_CAT_IMG {
			width:250px;
			height:200px;
			position:relative;
			border:#8C4A0E 5px solid;
			text-align:center;
			background-color:#8C4A0E;
			overflow:hidden;
		}
		
		.STAFF_CAT_TITLE {
			width:250px;
			/*height:300px;*/
			text-transform: uppercase;
			position:relative;
			vertical-align:middle;
			padding: 15px 0px 0px 0px;
			margin:4px 4px 4px 4px;	
			text-align:center;
			overflow:hidden;
			color:#8C4A0E;
		}

			.STAFF_CAT_TITLE a {
				color:#8C4A0E;
			}

		.STAFF_CAT_DESC {
			width:250px;
			/*height:300px;*/
			position:relative;
			vertical-align:middle;
			margin:4px 4px 4px 4px;	
			text-align:center;
			overflow:hidden;
			color:#8C4A0E;
		}
		
			.STAFF_CAT_DESC a {
				color:#8C4A0E;
			}
		
	.STAFF_ITEM {
		width:450px;
		position:relative;
		vertical-align:middle;
		margin:20px auto 25px auto;
		padding:10px 10px 10px 10px;
		text-align:left;
		/*border: 1px #000000 thin solid;*/
		background-image:url(../images/mes_hr.png);
		background-position:bottom;
		background-repeat:no-repeat;
	}

		.STAFF_ITEM_IMG {
			width:200px;
			overflow:hidden;
		}
		
		.STAFF_ITEM_DET {
			width:145px;
			float:right;
		}
		
		.STAFF_ITEM_LABEL {
			margin:5px 0 0 0;
			font-weight:bold;
			color:#8D511F;
			width: 250px;
		}
		
			.STAFF_ITEM_LABEL a {
				color:#FFFFFF;
			}		

		.STAFF_ITEM_DESC {
			margin:5px 0 0 0;
			width:430px;
			position:relative;
			/*font-weight:bold;*/
			color:#8D511F;
			text-align:left;

		}
		
		img.staff {
			border:thick #350D0D solid; 
		}


	/* ADMIN */
	.LAYOUT_ADMIN {
		width:800px;
		clear:both;
		margin-bottom:0px;
		padding-top:0px;
		background-color: #FFFFFF;
	}
	
		.ADMIN_TOP {
			float:left;
			width:800px;
			clear: both;
			background-color:#000000;
		}
		
		.ADMIN_RIGHT {
			float:left;
			width:2px;
			border: 2px #000000;
			border-style: ridge;	
		}
		
		.ADMIN_MAIN {
			width:100%;
			float:left;
			clear: right;
			text-align: left;	
			background-color:#FFFFFF;
		}
		
		.ADMIN_PAGE {
			float:left;
			width:100%;
			height:300px;
			padding:0px;
			clear: right;
			background-color:#FFFFFF;
		}
		
		.ADMIN_BOTTOM {
			float:left;
			width:760px;
			clear: both;	
			background-color:#000000;
		}
	

	
	.BORDER_TITLE {
		font-size: medium;
		font-weight: bold;
		text-align: left;
		text-indent:10px;
		margin-top:5px;
		margin-bottom:10px;
		color:#000000;
	}
	
	.CAT_LABEL {
		font-weight: bold;
		text-align: left;
		margin-bottom:5px;
		color:#6C4900;
	}
	
	.CONTENT_TITLE {
		width:100%;
		background-color:#0E4488;
		font-size:12px;
		font-weight: bold;
		text-align: center;
		color:#FFFFFF;
		margin-top:5px;
		float:left;
	}
	
		.CONTENT_TITLE a {
			color:#FFFFFF;
		}	
	
	/* MENU */
	.MENU {
		margin-right: auto;
		margin-left: auto;
	}
	
		.MENU a {
			color:#000000;
			
		}		

		.MENU_L1_NO {
			margin-top:1px;
			margin-bottom:1px;
			/*height:20px;*/
			vertical-align:middle;
			padding-top: 5px;
			padding-left:5px;
			padding-right:5px;
			text-transform: uppercase;
			font-weight:normal;
			font-size:small;
			position:relative;
			float:left;			
		}
		
			.MENU_L1_NO:hover {
				color: #FFFFFF;
				background-color:#006600;
				text-decoration:none;
			}	
				
			.MENU_L1_NO a {
				color:#000000;
				text-decoration:none;				
			}		

			MENU_L1_NO a:visited {
				color:#000000;
			}
		
		.MENU_L1_ACT {
			margin-top:1px;
			margin-bottom:1px;
			/*height:20px;*/
			vertical-align:middle;
			padding-top: 5px;
			padding-left:5px;
			padding-right:5px;
			text-transform: uppercase;
			font-weight:normal;
			font-size:small;
			position:relative;
			float:left;		
			background-color:#006600;
			color:#FFFFFF;
		}
		
			.MENU_L1_ACT:hover {
				color:#FFFFFF;
				background-color:#006600;
				text-decoration:none;
			}
			
			.MENU_L1_ACT a {
				color: #FFFFFF;
				background-color:#006600;
				text-decoration:none;
			}
			
			
		
		.MENU_L2_NO {
			color: #FFFFFF;
			margin-top:1px;
			margin-bottom:1px;
			text-indent: 30px;
		}

			.MENU_L2_NO a {
				color: #FFFFFF;
				font-weight: normal;
			}
		
		.MENU_L2_ACT {
			color: #A8834A;
			margin-top:1px;
			margin-bottom:1px;
			text-indent: 30px;
		}
		
			.MENU_L2_ACT a {
				color: #A8834A;
				font-weight: normal;
			}
			
	.MENU_TOP {
		background-color:#CCCCCC;
		color: #000000;
	}
	
	.GOD_BAR {
		font-size:smaller;
		background-color:#FFFF66;
		color: #000000;
	}
	
	.ADMIN_BAR {
		background-color:#66FF99;
		color: #000000;
	}
	
	.ADMIN_TOOLS{
		float:left;
		width:auto;
		padding-left:5px;
		padding-right:5px;
		background-color:#FFCC66;
		color: #000000;
	}
	
	.ADMIN_TOOLS a {
		background-color:#FFCC66;
		color: #000000;
	}	
	
	.USER_BAR {
		background-color:#CCCCCC;
	}
	
	/* RTE */
	.RTE_BOX {
		width:550px;
		margin:10px 0px 0px 25px;	
	}	
	
	.RTE_FIELD {
		background-color:#FFFFFF;
		color:#000000;	
	}	
	
	.RTE_BACK {
		background-color:#FFFFFF;
		color:#000000;	
	}
	
	.MESSAGE_USER_GOOD {
		width:800px;
		/*margin:1px 1px 1px 1px;*/
		background-color:#00CC00;
		line-height: 2;
		font-size: small;
		text-align: center;
		color: #FFFFFF;
	}
	
	.MESSAGE_USER_BAD {
		width:800px;
		/*margin:1px 1px 1px 1px;*/
		background-color:#FF0000;
		line-height: 2;
		font-size: small;
		text-align: center;
		color: #FFFFFF;
	}
		
	.COLLAPSE {
		height: 1em;
		overflow:hidden;
	}
	
	.COLLAPSE:hover {
		height:auto;
	}	
	
	.CATS_NAV {
		height:auto;
	}	
	
	.ITEMS_NAV {
		text-align:center;
	}