<!--
	/***************************************************************
	 * BASE ELEMENTS- SECTION 1
	 *
	 * Main classes
	 ***************************************************************/
	
	/* HTML - Generic */
	HTML, BODY {
		width: 100%;
		margin: 0px;
		padding: 0px;
		/* FOR IE : to centering DIV structure */
		text-align: center;
	}
	
	/* FOR NON IE : to restablish text align in the DIV structure */
	BODY > DIV {
		text-align: left;
	}
	
	/* BODY - Generic */
	BODY {
		color: #A69560;
		background: #FBF3E9;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
		text-decoration: none;
		font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
		text-align: left;
	}
	
	/* TD, LI - Generic */
	TD, LI {
		color: #A69560;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
		text-decoration: none;
		font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
	}
	
	/* LI - Unordered list */
	UL > LI {
		list-style-image: url("/fileadmin/templates/gadlab/list.gif");
	}
	
	/* H1 - Generic */
	H1 {
		color: #5C1600;
		font-style: normal;
		font-weight: normal;
		font-size: 17px;
		line-height: normal;
		margin-top: 2px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	
	/* H2 - Generic */
	H2 {
		color: #9A0014;
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		line-height: normal;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 10px;
	}
	
	/* H3 - Generic */
	H3 {
		color: #5C1600;
		font-style: normal;
		font-weight: normal;
		font-size: 13px;
		line-height: normal;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 10px;
	}
	
	/* H# - Generic */
	H4, H5 {
		color: #5C1600;
		font-style: normal;
		font-weight: bold;
		font-size: 12px;
		line-height: normal;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 10px;
	}
	
	H6 {
		color: #5C1600;
		font-style: normal;
		font-weight: normal;
		font-size: 9px;
		line-height: normal;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-left: 10px;
	}
	
	/* HR - Generic */
	HR {
		border: none;
		width: 100%;
		color: #4B4F53;
		background-color: #4B4F53;
		height: 1px;
	}
	
	/* A - Generic */
	A {
		text-decoration: none;
	}
	
	/* A - Link */
	A:link {
		color: #5C1600;
		text-decoration: none;
	}
	
	/* A - Visited link */
	A:visited {
		color: #5C1600;
		text-decoration: none;
	}
	
	/* A - Hover link */
	A:hover {
		color: #9A0014;
		text-decoration: underline;
	}
	
	/* A - Active link */
	A:active {
		color: #9A0014;
		text-decoration: underline;
	}
	
	/* Preformatted - Generic */
	PRE {
		white-space: normal;
	}
	
	/* FORM - Generic */
	FORM {
		margin: 0px;
	}
	
	/* INPUT - Generic */
	INPUT {
		color: #4D4D4D;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
		text-decoration: none;
		font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
		border: solid 1px #BCBCBC;
		background-color: #FFFFFF;
		margin-top: 2px;
		vertical-align: middle;
	}
	
	/* TEXTAREA - Generic */
	TEXTAREA {
		color: #4D4D4D;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
		text-decoration: none;
		font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
		border: solid 1px #BCBCBC;
		background-color: #FFFFFF;
		margin-top: 2px;
		vertical-align: middle;
	}
	
	/* SELECT - Generic */
	SELECT {
		color: #4D4D4D;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: normal;
		text-decoration: none;
		font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
		border: solid 1px #BCBCBC;
		background-color: #FFFFFF;
		margin-top: 2px;
		vertical-align: middle;
	}
	
	/* FIELDSET - Generic */
	FIELDSET {
		background-color: #F7F7F7;
		border: solid 1px #BCBCBC
	}
	
	/* LEGEND - Generic */
	LEGEND {
		color: #008AB8;
		font-weight: bold;
	}
	
	IMG {
		border: 0px;
	}
	
	/***************************************************************
	 * BASE ELEMENTS- SECTION 2
	 *
	 * Template classes
	 ***************************************************************/
 

	/*--------------------------------------
		Interface & Template
	---------------------------------------*/

/*
	.tempBorder {
		border-width: 1px;
		border-style: solid;
		border-color: green;
		
		background-color: #FFCCEE;
	}
*/
	#displayHome, #displayMain {
		width: 906px;
		height: 600px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -300px;
		margin-left: -453px;
	}

	#displayHome {
		background-image: url("/fileadmin/templates/leclavier/background.jpg");
		background-position: top left;
		background-repeat: no-repeat;
	}
	
	#left, #center {
		height: 510px;
		float: left;
		
		/* 3 borders same color */
	}

	#left {
		width: 197px;
		border-width: 1px;
		border-style: dotted none dotted dotted;
		border-color: #EDEADF;
	}

	#center {
		width: 500px;
		border-width: 1px;
		border-style: dotted none dotted none;
		border-color: #EDEADF #EDEADF #D3CAAF #EDEADF;
	}
	
	
	#right {
		width: 202px;
		height: 571px;
		float: left;
		border-width: 1px;
		border-style: dotted dotted none none;
		border-color: #EDEADF;
	}


	/*--------------------------------------
		Menu Level 1
	---------------------------------------*/

	#menu {
		width: 197px;
		height: 400px;
	  	background-image: url("/fileadmin/templates/leclavier/menu_bg.gif");
		background-position: top left;
		background-repeat: no-repeat;
		margin-top: -1px;
		margin-bottom: -15px;
		padding-top: 15px;
		overflow: visible;
	}

	#menu IMG{
	 	margin: 18px 30px 0px 23px;
	}

	/*--------------------------------------
		Menu Level 2
	---------------------------------------*/

	#menu_right {
		width: 192px;
		float: left;
		background-color: #FFFFFF;
		margin-top: 5px;
		padding: 5px 0px 0px 5px;
		border: solid 1px #FFFFFF;
	}

	DIV.menu_level2_header {
		margin-bottom: 10px;
	}

	DIV.menu_level2_items {
		min-height: 15px;
		margin-left: 5px;
	}

	DIV.menu_level2_items IMG{
		float: left;
		clear: both;
	}

	#menu_level3 {
		margin-top: 10px;
		margin-left: 5px;
	}


	/*--------------------------------------
		Menu Languages & Music Player
	---------------------------------------*/

	#languages, #musicplayer {
		width: 197px;
		background-image: url("/fileadmin/templates/leclavier/pix_img_v.gif");
		background-position: top right;
		background-repeat: repeat-y;
		background-color: #FBF3E9;
	}

	#musicplayer {
	 	height: 95px;
	}

	#musicplayer IMG{
	 	margin: 20px 0px 0px 23px;
	}

	#languages {
		height: 35px;
		margin-left: 20px;
	}
	
	/* For IE */
	BODY > DIV#languages {
		height: 49px;
	}

	#languages IMG{
		float: left;
		margin: 0px; 
	}


	/*--------------------------------------
		Content
	---------------------------------------*/

	#content {
		width: 490px;
		height: 500px;
		margin: 5px;
		background-color: #FFFFFF;
		overflow: auto;
	}

	/*--------------------------------------
		Welcome Image
	---------------------------------------*/
	#welcome {
		width: 200px;
		height: 178px;
	}

	#welcome_footer{
		width: 200px;
		height: 5px;
		float: left;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #D3CAAF;
	}

	
	/*--------------------------------------
		News
	---------------------------------------*/
	#news {
		width: 200px;
	}

	
	/*--------------------------------------
		Logo
	---------------------------------------*/
	#logo {
		position: absolute;
		bottom: 27px;
		right: 5px;
		width: 200px;
		height: 70px;
		float: left;
		clear: both;
		background-image: url("/fileadmin/templates/leclavier/logo_leclavier.jpg");
		background-position: top left;
		background-repeat: no-repeat;
	}

	/*--------------------------------------
		Footer
	---------------------------------------*/

	#footer {
		position: absolute;
	 	bottom: 0px;
	 	left: 0px;
	 	float: left;
	 	clear: both;
		width: 906px;
	}

	#copyright {
		float: left;
	}
	
	#address {
		float: right;
		margin-right: 5px;
	}

	#footer A:link, #footer A:visited {
		color: #A69560;
		text-decoration: none;
	}

	/*--------------------------------------
		MAP Table
	---------------------------------------*/

	TABLE#mapBig {
		background-color: #6C0918;
		width: 900px;
		height: 600px;
	}

	BUTTON#closeMapOut, BUTTON#closeMapOver {
		width: 100px;
		height: 18px;
		padding: 0px;
		border: 0px;
		float: right;
		margin-right: 10px;
	}

	BUTTON#closeMapOut {
		background-image: url("/fileadmin/templates/leclavier/carteBig_btnclose_of.gif");
	}

	BUTTON#closeMapOver {
		background-image: url("/fileadmin/templates/leclavier/carteBig_btnclose_on.gif");
	}


	/***************************************************************
	 * BASE ELEMENTS- SECTION 2b
	 *
	 * FCE Flex Content Elements
	 ***************************************************************/
	 
	/*----------------------
	 FCE - News Ticker Home
	 -----------------------*/

	DIV.ticker{
	 	width: 200px;
	 	height: 87px;		
		border-top-width: 1px;
		border-top-style: dotted;
		border-top-color: #D3CAAF;
	}

	DIV.tickerDisplay {
	 	width: 195px;
	 	height: 87px;
	 	background-color: #FFFFFF;
	}
	
	/* FOR IE */
	BODY > DIV.tickerDisplay {
	 	height: auto;
	}

	DIV.tickerDisplay IMG {
		position: relative;
		float: right;
		margin-top: 12px;
		margin-right: 5px;
	}

	DIV.tickerText {
		position: relative;
		float: left;
		width: 110px;
		margin-top: 12px;
		margin-bottom: 12px;
		margin-left: 5px;
		padding: 0px;
		font-size: 9px;
	}

	/* FOR IE */
	BODY > DIV.tickerText {
		width: 100px;
	}

	DIV.tickerText P{
		width: 110px;
	}

	DIV.tickerText P, DIV.tickerText IMG {
		float: left;
		margin: 0px;
		padding: 0px;
	}


	/*----------------------
	 FCE - Content Concert
	 -----------------------*/

	DIV.article_header {
		width: 470px;
		margin-left: 10px;
		margin-top: 10px;
	}

	DIV.article_title, DIV.article_subtitle, DIV.article_chapeau {
		width: 460px;
	}

	DIV.article_chapeau {
		margin-top: 7px;
	}

	DIV.article_image {
		width:120px;
	}

	DIV.article_texte {
		margin-left: 10px;
		margin-top: 10px;
		width:460px;
		height: 360px;
	}

	DIV.article_texte P{
		color: #A69560;
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		line-height: 150%;
		text-align: justify;
	}

	/***************************************************************
	 * BASE ELEMENTS- SECTION 3
	 *
	 * Typo3 CSS styled content classes
	 ***************************************************************/
	
	/* P - Body text */
	P.bodytext {
		text-align: justify;
		margin-left: 10px;
		width: 95%;
		line-height: 150%;
	}
	P.bodytext[ALIGN="right"] {
		text-align: right;
	}
	P.bodytext[ALIGN="center"] {
		text-align: center;
	}

	/* TABLE - Heures d'ouverture */
	TABLE#horaires {
		margin-top: 50px;
	}

		/* TABLE - HTML Area */
	TABLE.contenttable {
		border: solid 0px #A69560;
		padding: 2px;
		width: 100%;
		margin-top: 2px;
		margin-bottom: 2px;
	}
	TABLE.contenttable TD {
		padding: 2px;
		border: 0px;
		background-color: #FFFFFF;
	}
	TABLE.contenttable TH {
		background-color: #F7F7F7;
		padding: 0px;
		border: solid 1px #BCBCBC;
	}
	TABLE.contenttable P {
		margin: 0px;
		padding: 0px;
	}
	TABLE.contenttable TD[STYLE] P.bodytext {
		text-align: inherit;
	}
	
	/***************************************************************
	 * BASE ELEMENTS- SECTION 4
	 *
	 * Typo3 classes
	 ***************************************************************/
	
	/* Edit icons */
	TABLE.typo3-editPanel {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 0px;
		background: none;
		border: none;
		border-collapse: collapse;
		width: 100%;
	}
	TABLE.typo3-editPanel TD.typo3-editPanel-controls {
		padding: 5px;
		background-color: #FAFBFB;
		border: solid 1px #DFE2E3;
		width: 100px;
	}
	TABLE.typo3-editPanel TD.typo3-editPanel-label {
		padding: 5px;
		background-color: #F0E9D2;
		border: solid 1px #E5D9B1;
	}
	TABLE.typo3-editPanel TD.typo3-editPanel-label FONT {
		font-weight: bold;
		color: #FF5400;
	}
	TABLE[bgcolor="black"] {
		background-color: DFE2E3;
	}
	
	/* Admin panel */
	TABLE.typo3-adminPanel {
		padding: 0px;
		background-color: #FAFBFB;
		border: solid 1px #DFE2E3;
		border-collapse: collapse;
	}
	TABLE.typo3-adminPanel TD {
		padding: 2px;
	}
	TABLE.typo3-adminPanel TR {
		background-color: #FAFBFB;
		border: solid 1px #DFE2E3;
	}
	TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow {
		background-color: #F0E9D2;
		border: solid 1px #E5D9B1;
	}
	TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow {
		background-color: #F0E9D2;
		border: solid 1px #E5D9B1;
	}
	TABLE.typo3-adminPanel TR.typo3-adminPanel-itemRow {
		background-color: #FAFBFB;
		border: solid 1px #DFE2E3;
	}
	TABLE.typo3-adminPanel TABLE {
		background-color: #FAFBFB;
		border: solid 1px #DFE2E3;
		border-collapse: collapse;
	}
	TABLE.typo3-adminPanel TABLE TD {
		background-color: #F0E9D2;
		border: solid 1px #E5D9B1;
	}
	TABLE.typo3-adminPanel A:hover {
		text-decoration: none;
	}
//-->