body
{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #333333;
	color: white;
	font-size: 14px;
}

a
{
	color: #cccc99;
	text-decoration: none;
}

img
{
	border: 0px;
}

#body {
	width: 1005px;
	margin: auto;
}

#header
{
	width: 100%;
	height: 96px;
	background-image: url("../img/header.jpg");
	background-repeat: no-repeat;
	background-color: #212020;
	color: #ff6600;
	font-size: 28px;
	text-align: right;
}

#menu
{
	width: 100%;
	height: 29px;
	background-image: url("../img/header2.gif");
	background-repeat: repeat-x;
	padding: 7px 0 0 3px;
}


#menu a
{
	color: white;
}

#menu a.current
{
	color: #ff6600;
}

.menu_separateur
{
	color: #ff6600;
	margin: 0 3px 3px 3px;
	padding: 0 0 0 0;
}



/* -------------------------------------------------------------------------------*/
.popin
{
	border: 1px solid black;
	display: none;
	position: absolute;
	z-index:10;
}


.popinTitre
{
	width: 100%;
	height: 34px;
	background-color: #333333;
	color: #FF6600;
	font-size: 20px;
	text-align: center;
	background-image: url("../img/logo_2.gif");
	background-repeat: no-repeat;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
}

.popinClose
{
	float:right;
	margin: -20px 0 0 0;
}

.popinCorps
{
	width: 100%;
	height: 100%;
	background-color: #cccc99;
	color: black;
	text-align: center;
	vertical-align: center;
	padding: 10px 0 10px 0;
}

.ligne1
{
	width: 100%;
	height: 2px;
	background-color: #cccc99;
	line-height: 1px;
}

.ligne2
{
	width: 100%;
	height: 1px;
	background-color: black;
	line-height: 1px;
}



/* -------------------------------------------------------------------------------*/

.msgErreur {
	position: absolute;
	z-index:99;
	color: red;
	background-color: white;
	border: 1px solid red;
	font-weight: bolder;
	margin: 10px;
	padding: 5px;
	display: none;
}

/* -------------------------------------------------------------------------------*/
td
{

}

tr.date1
{
	background-color: #212020;
}

tr.date2
{
	background-color: #6f6c6c;
}


td.date
{
	height: 20px;
}

td.dateEvenement1
{
	background-color: #ff6600 ! important;
}

td.dateEvenement2
{
	background-color: #FF8C3F ! important;
}

td.dateEvenement3
{
	background-color: #FFA86F ! important;
}

td.dateEvenement4
{
	background-color: #FFCFAF ! important;
}


td.headerDate
{
	color: #cccc99;
	background-color: #212020;
	border-bottom: 1px solid #6f6c6c;
	width: 25px;
	text-align: center;
}

table
{
	border: 0px;
}

td.headerChapter
{
	background-color: #333333;
	color: #cccc99;
	width: 220px;
}

td.chapter
{
	background-color: #333333;
	color: #cccc99;
	border-bottom: 1px solid #6f6c6c;
	text-transform: uppercase;
}

td.chapter2
{
	background-color: #212020 !important;
	color: #cccc99;
}


.color1
{
	color: #ff6600;
	font-weight: bolder;
}

.color2
{
	color: #cccc99;
}

.space1
{
	padding-left: 10px;
}


#ulChapters
{
	float: left;
}

#director
{
	padding: 15px;
}

.contact
{
	padding: 0 0 0 40px;
	color: #cccc99;
}

#fonctions
{
	padding: 0 0 0 15px;
	float: left;
	width: 40%;
}

#chapterInfo
{
	border-left: 1px solid #666666;
	float: right;
	width: 50%;
	padding: 0 0 10px 20px;
}



#chapters
{
	float: left;
}

#repertoire
{
	margin-left: 250px;
	background-color: black;
	padding: 10px;
	min-height: 320px;
}

.clearFloat
{
	clear: left;
	clear: right;
}