/* 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:#F3F2D6;
		color:#5D2E29;
		/*background-image:url(../images/bg.jpg);*/
		text-align: center;
	}
	
	h6 {
		font-size: xx-small;
		line-height:normal;	
	}
	
	a {
		font-weight: bold;
		color:#A8834A;
	}
	
		a:link {
			text-decoration: none;
			color:#A8834A;
		}
		a:visited {
			text-decoration: none;
			color:#A8834A;
		}
		a:hover {
			text-decoration: underline;
			color:#A8834A;
			
		}
		a:active {
			text-decoration: underline;
			color:#A8834A;
		}
	
	HR {
		border:solid 1px #A8834A;
		width:75%;
		text-align:center;
	}
	
	table.admin {
		width:90%;
	}

	th {
		color:#000000;
	}
	
	.DEBUG {
		border:solid 2px #000000;
		border-style: ridge;	
	}
	
	/* LAYOUTS */	
		.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;
				text-align: left;
				vertical-align: top;
			}

	
	/* LAYOUTS */	
		.LAYOUT_FULL {
			position:relative;
			width:800px;
			margin-right: auto;
			margin-left: auto;
			text-align: left;
		}
	
		/* FULL */
			.FULL_LEFT {
				float:left;
				width:30px;
				clear: none;
				vertical-align: top;
				color: #FFFFFF;
				position: relative;
			}
			.FULL_RIGHT {
				float:right;
				width:30px;
				clear: none;
				vertical-align: top;
				color: #FFFFFF;
				position: relative;
			}
	
		/* TOP */
		.FULL_TOP {
			float:left;
			width:800px;
			background-color:#FFFFFF;
			color: #FFFFFF;
			height:150px;
			overflow:hidden;
			background-image:url(../images/top.jpg);
		}
		
			.FULL_TOP_CONTENT {
				width:800px;
				float:left;
				position: relative;
			}
		
		/* MIDLLE */
		.FULL_MIDDLE {
			float:left;
			margin-top:0px;
			padding-top:0px;
			vertical-align:top;
			width:800px;
			position:relative;
			background-color:#FFFFFF;
			background-image:url(../images/back.jpg);
			background-repeat:repeat-y;
		}
		
			/* LEFT */
			.MIDDLE_LEFT {
				float:left;
				margin-top:0px;
				padding-bottom:0px;
				padding-top:0px;
				vertical-align:top;
				width:225px;
				color:#FFFFFF;
				background-image:url(../images/left.jpg);
				background-repeat:no-repeat;
				
			}
				
				.MIDDLE_LEFT_CONTENT {
					width:130px;
					padding-left:60px;
					float:left;
					text-align: left;
					vertical-align: top;
					margin-top: 25px;
					position:relative;
				}
				
				.MIDDLE_LEFT_FOOTER {
					width:130px;
					padding-left:60px;
					float:left;
					text-align: left;
					vertical-align: top;
					margin-top: 25px;
					position:relative;
					text-align:center;
				}				
				.MIDDLE_LEFT_FILL {
					float:left;
					width:200px;
					background-image:url(../images/bg_left.jpg);
					background-repeat:repeat-x;	
					height:358px;
				}
				
			/* CENTER */
			.MIDDLE_CENTER {
				width:575px;
				float:left;
				clear: right;
				text-align: center;
				vertical-align: top;
				position:relative;
			}
			
				.MIDDLE_CENTER_CONTENT {
					width:560px;
					margin: 0px 15px 0px 0px;
					float:left;
					text-align: left;
					vertical-align: top;
					position:relative;
					overflow:hidden;
				}
				
			/* RIGHT */
			.MIDDLE_RIGHT {
				position:relative;
				float:left;
				vertical-align:top;
				width:275px;
				color:#FFFFFF;
			}
			
				.MIDDLE_RIGHT_CONTENT {
					width:275px;
					float:left;
					text-align: left;
					vertical-align: top;
					margin-top: 25px;
					position:relative;
				}
					
		/* BOTTOM */		
		.FULL_BOTTOM {
			color: #FFFFFF;
			margin-left:auto;
			margin-right:auto;
			position:relative;
			text-align:center;
			width:800px;
			float: left;
			clear:both;
			background-color: #5D2E29;
		}	
			
			.CREDITS {
				width:800px;
				float:left;
				text-align: center;
				position:relative;
				padding-top:4px;
				height:20px;
				overflow:hidden;
			}
			
			.FULL_BOTTOM a {
				color: #CCCCCC;
			}				
					
	/* MAIN */	
	.MAIN {
		width:536px;
		float:left;
		vertical-align: top;
		background-color: #F3F2D6;

		background-image::url(../images/top.jpg);
		background-repeat:no-repeat;
		border:2px #663333 solid;
		padding:10px;
	}
	
		.MAIN_LEFT {
			width:280px;
			float:left;
			text-align: left;
			vertical-align: top;
		}
		
		.MAIN_CONTENT {
			width:100%;
			float:left;
			text-align: left;
			vertical-align: top;
		}		
				
		.MAIN_RIGHT {
			width:280px;
			float:left;
			text-align: left;
			vertical-align: top;
		}	
	
		.MAIN_BORDER {
			width:240px;
			float:right;
			text-align: left;
			background-color:#413F40;
			vertical-align: top;
			color:#FFFFFF;
			font-size:small;
		}
		
			.MAIN_BORDER a {
				color:#FFCC00;
			}	
	
		.MAIN_SPACER {
			width:800px;
			float:left;
			text-align: left;
			vertical-align: top;
			height:10px;
			background-color:#000000;
		}
	
		.MAIN_MENU {
			width:100%;
			height:25px;
			float:left;
			position:relative;
			text-align:center;
			background-color:#5D2E29;
			color:#FFFFFF;
		}
			
		.ACCUEIL_MENU {
			width:100%;
			height:25px;
			float:left;
			vertical-align:middle;
			top:-3px;
			position:relative;
			text-align:center;
			background-color:#5D2E29;
			background-image:url(../images/agora_menuback.jpg);
			background-repeat:repeat-y;			
			color:#FFFFFF;
			overflow:hidden;
		}
					
		.COURS_MENU {
			width:100%;
			height:25px;
			float:left;
			vertical-align:middle;
			top:-3px;
			position:relative;
			text-align:center;
			background-color:#5D2E29;
			background-image:url(../images/agora_menuback.jpg);
			background-repeat:repeat-y;			
			color:#FFFFFF;
			overflow:hidden;
		}	
		
	.CONTENT_ACCUEIL {
		width:600px;
		float:left;
		text-align: left;
		vertical-align: top;
		
	}	

		.ACCUEIL_MAIN {
			width:450px;
			float:left;
			text-align: left;
			vertical-align: top;
			overflow:hidden;
		}		

		.ACCUEIL_BORDER {
			width:130px;
			margin-left:10px;
			float:left;
			text-align: left;
			vertical-align: top;
			color:#FFFFFF;
			overflow:hidden;
		}
		
			.ACCUEIL_BORDER a {
				color:#02335B;
			}		


		.CART_SMALL_ITEM {
			width:100%;
			border-bottom-color:#CCCCCC;
			border-bottom-width:1px;
			border-bottom-style:solid;
			float:left;
			margin-top:5px;
			clear:both;
			font-size:11px;
		}		

		.ALBUM_CAT {
			width:175px;
			height:250px;
			float:left;
			position:relative;
			vertical-align:middle;
			margin:0px 1px 2px 1px;
			padding:0px 0x 10px 0px;
			text-align:center;
			background-color:#F3F2D6;
			overflow:hidden;
		}

			.ALBUM_CAT_IMG {
				width:167px;
				float:left;
				position:relative;
				vertical-align:middle;
				margin:4px 4px 4px 4px;	
				text-align:center;
				background-color:#350D0D;
				overflow:hidden;
			}

		.ALBUM_ITEM {
			width:450px;
			position:relative;
			vertical-align:middle;
			margin:0px 1px 4px 1px;
			padding:10px 10px 10px 10px;
			text-align:center;
			background-color:#F3F2D6;
			overflow:hidden;
		}

			.ALBUM_ITEM_IMG {
				position:relative;
			}

			.ALBUM_ITEM_LABEL {
				margin:5px 0 0 0;
				position:relative;
				font-weight:bold;
			}
			
			img.album {
				border:thick #350D0D solid; 
			}

	.PAGE_TITLE {
		width:560px;
		line-height: 4;
		font-size: large;
		font-weight: bold;
		text-align: center;
		color:#5D2E29;
		margin-bottom:30px;
		border-bottom-color:#5D2E29;
		border-bottom-style:solid;
		border-bottom-width:1px;
		
	}	

	/* 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:245px;
		margin-left:15px;
		background-color:#A8834A;
		font-size:12px;
		font-weight: bold;
		text-align: center;
		color:#FFFFFF;
		margin-top:5px;
		float:left;
	}
	
	/* MENU */
	.MENU {
		
	}
	
		.MENU a {
			color:#FFFFFF;	
		}		

		.MENU_L1_NO {
			width:130px;
			clear:both;
			padding-top: 5px;
			font-weight:normal;
			position:relative;
			float:left;	
			text-align:center;			
		}
		
			.MENU_L1_NO:hover {
				/*color: #A8834A;*/
				background-color:#A8834A;
				text-decoration:none;
			}	
				
			.MENU_L1_NO a {
				color:#FFFFFF;
				text-decoration:none;				
			}		

			MENU_L1_NO a:visited {
				color:#FFFFFF;
			}
		
		.MENU_L1_ACT {
			width:130px;
			clear:both;
			padding-top: 5px;
			font-weight:normal;
			position:relative;
			float:left;	
			text-align:center;	
		}
		
			.MENU_L1_ACT:hover {
				/*color: #A8834A;*/
				background-color:#FFFFFF;
			}
			
			.MENU_L1_ACT a {
				color: #A8834A;
			}

		.MENU_L2_NO {
			width:130px;
			clear:both;
			padding-top: 5px;
			font-weight:normal;
			position:relative;
			float:left;	
			text-align:center;	
		}

			.MENU_L2_NO a {
				color: #FFFFFF;
				font-weight: normal;
			}
		
		.MENU_L2_ACT {
			width:130px;
			clear:both;
			padding-top: 5px;
			font-weight:normal;
			position:relative;
			float:left;	
			text-align:center;	
		}
		
			.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_BACK {
		background-color:#FFFFFF;
		color:#000000;	
	}
	.MESSAGE_USER_GOOD {
		width:100%;
		background-color:#00CC00;
		line-height: 2;
		font-size: small;
		text-align: center;
		color: #FFFFFF;
	}
	
	.MESSAGE_USER_BAD {
		width:100%;
		background-color:#FF0000;
		line-height: 2;
		font-size: small;
		text-align: center;
		color: #FFFFFF;
	}
		
	.COLLAPSE {
		height: 1em;
		overflow:hidden;
	}
	
	.COLLAPSE:hover {
		height:auto;

	}