/* 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:#A8834A;
		color:#5D2E29;
		/*background-image:url(../images/bg.jpg);*/
		text-align: center;
	
	}
	
	h6 {
		font-size: xx-small;	
	}
	
	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;
			/*margin-top:50px;*/
			padding-top:0px;
			/*vertical-align:top;*/
			background-color:#FFFFFF;
			/*background-image:url(../images/chevauchee_backpale.jpg);*/
			/*background-repeat:no-repeat;*/
			width:800px;
		}
		
			/* CENTER */
			.SPLASH_MIDDLE_CENTER {
				float:left;
				/*clear: right;*/
				text-align: left;
				vertical-align: top;
				/*padding-top:10px;*/
				/*padding-bottom:40px;*/
			}

	
	/* 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:#5D2E29;
			color: #FFFFFF;
			height:175px;
			overflow:hidden;
		}
		
			.FULL_TOP_CONTENT {
				float:left;
				width:100%;
				background-color:#000000;
				vertical-align: top;
				color: #FFFFFF;
				position: relative;
				text-align:center;
			}
		
		/* MIDLLE */
		.FULL_MIDDLE {
			float:left;
			margin-top:0px;
			padding-top:0px;
			vertical-align:top;
			width:800px;
			position:relative;
			/*overflow:hidden;*/
		
			background-image:url(../images/agora_back.jpg);
			/*background-repeat:repeat-y;*/
			/*background-color:#FFFFFF;*/
		}
		
			/* LEFT */
			.MIDDLE_LEFT {
				float:left;
				margin-top:0px;
				padding-bottom:5px;
				padding-top:0px;
				vertical-align:top;
				width:200px;
				color:#FFFFFF;
				/*background-image:url(../images/laitier_left_back.jpg);*/
				/*background-repeat:no-repeat;*/
				/*background-color:#8AC03B;*/
			}
	

			
				.MIDDLE_LEFT_FILL {
					float:left;
					width:200px;
					background-image:url(../images/bg_left.jpg);
					background-repeat:repeat-x;	
					height:358px;
				}
				
			/* CENTER */
			.MIDDLE_CENTER {
				width:525px;
				/*border-color:#000000;*/
				/*border-bottom-color:#666666;*/
				/*border-top-color:#666666;*/
				/*border-width:1px;*/
				/*border-style:solid;*/
				float:left;
				clear: right;
				text-align: center;
				vertical-align: top;
				position:relative;
				/*padding-top:10px;*/
				/*padding-bottom:40px;*/
				/*background-image:url(../images/back.jpg);*/
			}
			
				.MIDDLE_CENTER_CONTENT {
					width:525px;
					float:left;
					text-align: left;
					vertical-align: top;
					position:relative;
					overflow:hidden;
					/*padding-left:100px;*/
				}
				
			/* RIGHT */
			.MIDDLE_RIGHT {
				position:relative;
				/*left:501px;*/
				float:left;
				vertical-align:top;
				width:275px;
				color:#FFFFFF;
				/*background-image:url(../images/laitier_left_back.jpg);*/
				/*background-repeat:no-repeat;*/
				/*background-color:#5D2E29;*/
			}
			
				.MIDDLE_RIGHT_CONTENT {
					width:275px;
					float:left;
					text-align: left;
					/*background-color:#FFFFFF;*/
					vertical-align: top;
					/*margin-left: 5px;*/
					margin-top: 25px;
					position:relative;
				}
					
		/* BOTTOM */		
		.FULL_BOTTOM {
			color: #FFFFFF;
			font-size:10px;
			/*background-image:url(../images/footer.jpg);*/
			/*background-repeat:no-repeat;*/
			/*padding-top:5px;*/
			/*padding-bottom:5px;*/
			margin-left:auto;
			margin-right:auto;
			position:relative;
			text-align:center;
			width:800px;
			float: left;
			clear:both;
			background-color: #5D2E29;
		}		

			.FULL_BOTTOM a {
				color: #CCCCCC;
			}				
					
	/* MAIN */	
	.MAIN {
		width:500px;
		margin-left:12px;
		float:left;
		vertical-align: top;
	}
	
		.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;
			/*background-color:#8AC03B;*/
			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:310px;
			/*height:250px;*/
			position:relative;
			padding:10px 10px 0px 10px;
			margin:0px 0px 15px 0px;
			text-align:center;
			background-color:#F3F2D6;
			overflow:hidden;
		}

			.ALBUM_CAT_IMG {
				width:300px;
				position:relative;
				border:#660000 5px solid;
				text-align:center;
				background-color:#350D0D;
				overflow:hidden;
			}
			
			.ALBUM_CAT_TITLE {
				width:280px;
				/*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;
				text-va
			}

			.ALBUM_CAT_DESC {
				width:280px;
				/*height:300px;*/
				position:relative;
				vertical-align:middle;
				margin:4px 4px 4px 4px;	
				text-align:center;
				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:475px;
		margin-left: 25px;
		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 {
		margin-top:25px;
		margin-bottom:25px;
	}
	
		.MENU a {
			color:#FFFFFF;
			
		}		

		.MENU_L1_NO {
			margin-top:1px;
			margin-bottom:1px;
			height:20px;
			vertical-align:middle;
			padding-top: 5px;
			text-indent: 20px;
			text-transform: uppercase;
			
		}
		
			.MENU_L1_NO:hover {
				/*color: #A8834A;*/
				background-color:#A8834A;
			}	
				
			.MENU_L1_NO a {
				color:#FFFFFF;
				text-decoration:none;				
				
			}		

			MENU_L1_NO a:visited {
				color:#FFFFFF;
			}
		
		.MENU_L1_ACT {
			margin-top:1px;
			margin-bottom:1px;
			height:20px;
			vertical-align:middle;
			padding-top: 5px;
			text-indent: 20px;
			text-transform: uppercase;
			width:100%;
		}
		
			.MENU_L1_ACT:hover {
				/*color: #A8834A;*/
				background-color:#FFFFFF;
			}
			
			.MENU_L1_ACT a {
				color: #A8834A;
			}
			
			
		
		.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_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;

	}