@charset "utf-8";
/* CSS Document */

html,body{
	height:100%;
}

body {
	background-color: #000;
	background-position: center top;
	position: relative;
	margin: 0;
	background-repeat: no-repeat;
}

#fond {
	width: 1000px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	background-position: 0px 0px;
}

#separateur {
	width: 1000px;
	height: 30px;
	background-color: #000;
	float: left;
}






#header {
	float: left;
	width: 1000px;
	height: 120px;
	background-color: #000;
	padding-top: 20px;
}
#filDarianne {
	float: left;
	width: 780px;
	height: 20px;
	padding-bottom: 10px;
	padding-left: 190px;
	margin-top: 20px;
}
#filDarianne h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
	text-decoration: none;
	text-align: left;
	font-weight: bold;
	margin: 0px;
}
#filDarianne h1 a {
	color: #000;
	text-decoration: none;
}
#filDarianne h1 a:hover {
	color: #333;
	text-decoration: none;
}






#contenu {
	width:1000px;
	background-color: #FFF;
	float: left;
}



#colGauche {
	width:150px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 20px;
}
.rub {
	background-image: url(../imgs/separateur_02.gif);
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background-position: 0px 0px;
	display: block;
	margin: 0px;
	text-align: left;
	color: #333;
	padding-top: 16px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.rub a {
	text-decoration: none;
	color: #333;
}
.rub a:hover {
	text-decoration: none;
	color: #574EB2;
}

#colGauche ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#colGauche li {
	text-align: left;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#colGauche li a {
	text-decoration: none;
	color: #000;
}
#colGauche li a:hover {
	text-decoration: none;
	color: #F00;
}






#niveau2 {
	margin: 0px;
	padding: 0px;
}
#niveau2 li {
	text-align: left;
	text-decoration: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#niveau2 li a {
	text-decoration: none;
	color: #333;
}
#niveau2 li a:hover {
	text-decoration: none;
	color: #F00;
}






#colCentre {
	width:790px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
#colCentre h1 {
	float: left;
	text-align: left;
	background-image: url(../imgs/separateur_03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333;
	text-decoration: none;
	width: 790px;
}
#colCentre p {
	float: left;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 790px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


.colCentreTable {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:790px;
	text-align: left;
}


.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
.titreRouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F00;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}




#piedPage {
	width:660px;
	float: left;
	vertical-align: middle;
	padding-left: 340px;
	background-color: #FFF;
	padding-top: 20px;
}

.pieds01 {
	width:86px;
	height: 60px;
	margin-right: 10px;
	float: left;
}
.pieds02 {
	width:63px;
	float: left;
	height: 44px;
	margin-right: 10px;
}
.pieds03 {
	width:66px;
	float: left;
	height: 46px;
	margin-right: 10px;
}
.pieds04 {
	width:93px;
	float: left;
	height: 65px;
	margin-right: 10px;
}






#footer {
	width:1000px;
	height:25px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	background-color: #000000;
	text-align: center;
	float: left;
	font-weight: bold;
}
#footer a{
	color: #F00;
	text-decoration: none;
}
#footer a:hover{
	color: #999;
}



.legende {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

.txtContext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

.traceTxt {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #00448e;
	text-decoration: none;
	font-weight: bold;
}

.traceTxtSel {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #4B4B4B;
	text-decoration: none;
	font-weight: bold;
}

.titreMarmaille {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #B50024;
	text-decoration: none;
	font-weight: bold;
}

.titreFugue {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #009DAc;
	text-decoration: none;
	font-weight: bold;
}

.spectacle {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #009DAc;
	text-decoration: none;
	font-weight: bold;
}
.spectacleNoir {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
.spectacle2 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #009DAc;
	text-decoration: none;
	font-weight: normal;
}
.spectacle2Noir {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.spectacle2rouge {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #F00;
	text-decoration: none;
	font-weight: normal;
}
.spectacle3 {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #009DAc;
	text-decoration: none;
	font-weight: normal;
}
.spectacle3Noir {
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.spectacle4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}
.lieu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #DF007A;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
}

.titreSpectacle01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #B5007C;
	text-decoration: none;
	font-weight: bold;
}
.titreSpectacle01rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F00;
	text-decoration: none;
	font-weight: bold;
}

.titreLillico {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #0082A3;
	text-decoration: none;
	font-weight: bold;
}

.traceTxtGris {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.titre01 {
	font-family: "Trebuchet MS";
	font-size: 17px;
	color: #4566a8;
	text-decoration: none;
}
.titre02 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #009DAC;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}
.titre02rose {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #DF007A;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}
.titreGris {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #666;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}
.titreNoir {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.titreNoir2 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}


.titre02small {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

.titre02b{
	font-family: "Trebuchet MS";
	font-size: 15px;
	color: #4566a8;
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	font-weight: bold;
}

.titre03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00448e;
	text-decoration: none;
	font-weight: bold;
}

.txt01a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.txt01b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.txt01c {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.txt02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #DE353A;
	text-decoration: none;
	font-weight: bold;
}
.txt03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DE353A;
	text-decoration: none;
	font-weight: bold;
}

.txt03b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DF007A;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}
.txt03brouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F00;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

.txt04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00448e;
	text-decoration: none;
}

.txt04b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00448e;
	text-decoration: none;
}

.arial12noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.arial10noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.arial11noir {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

.arial10rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F00;
	text-decoration: none;
	font-weight: normal;
}
.arial11rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F00;
	text-decoration: none;
	font-weight: normal;
}