body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
	line-height:18px;
	font-size:11px;
}

p {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:justify;
	font-weight:normal;
}

/* Importance du texte */
#important_orange {
	color: #F90;
	font-weight:bold;
}

#important_orange {
	color: #F90;
	font-weight:bold;
}

#important_rouge {
	color:#900;
	font-weight:bold;
}
#important_bleu {
	color:#A0AAFC;
	font-weight:bold;
}

/*Caractère gras en orange */
#important_tarifs {
	color: #F90;
	font-weight:bold;
	font-size:14px;
}

#important_tarifs_small {
	color: #F90;
	font-weight:bold;
	font-size:12px;
}

/*Formulaire inscription et recrutement */

form.inscription_concert {
	
}

form.inscription_concert fieldset {
  	border-style:solid;
	border-color:#0F0;
}

form.inscription_concert fieldset label {
  position:absolute;
  left:20px;
}

form.inscription_concert fieldset label.chariot {
  position:absolute;
  left:20px;
  width:170px;
  text-align:left;
}


form.inscription_concert fieldset input {
  margin-left:14em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.inscription_concert fieldset input.checkbox {
  margin-left:1em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.inscription_concert fieldset input.exception {
  margin-left:0em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.inscription_concert fieldset p {
position:relative;
}

form.inscription_concert fieldset select {
  margin-left:14em;
  margin-bottom:0;
}
form.inscription_concert fieldset textarea {
  margin-left:14em;
  margin-bottom:0;
}


form.inscription {
	
}

form.inscription fieldset {
  	border-style:solid;
	border-color:#0F0;
}

form.inscription fieldset label {
  position:absolute;
  left:20px;
}

form.inscription fieldset label.chariot {
  position:absolute;
  left:5px;
  width:170px;
  text-align:left;
}


form.inscription fieldset input {
  margin-left:12em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.inscription fieldset input.checkbox {
  margin-left:1em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.inscription fieldset input.exception {
  margin-left:0em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.inscription fieldset p {
position:relative;
}

form.inscription fieldset select {
  margin-left:12em;
  margin-bottom:0;
}
form.inscription fieldset textarea {
  margin-left:12em;
  margin-bottom:0;
}


form.inscription fieldset select.disponibilite {
  margin-left:6em;
  margin-bottom:0;
}

form.inscription fieldset select.accole {
  margin-left:0em;
  margin-bottom:0;
}

/*Formulaire cadeau */
form.cadeau {
	
}

form.cadeau fieldset {
  	border-style:solid;
	border-color:#0F0;
}

form.cadeau fieldset label {
  position:absolute;
  left:20px;
}

form.cadeau fieldset label.chariot {
  position:absolute;
  left:5px;
  width:170px;
  text-align:left;
}


form.cadeau fieldset input {
  margin-left:12em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.cadeau fieldset input.checkbox {
  margin-left:1em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.cadeau fieldset input.exception {
  margin-left:0em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.cadeau fieldset p {
position:relative;
}

form.cadeau fieldset select {
  margin-left:12em;
  margin-bottom:0;
}

form.cadeau fieldset select.accole {
  margin-left:0em;
  margin-bottom:0;
}
form.cadeau fieldset textarea {
  margin-left:12.3em;
  margin-bottom:0;
}


form.cadeau fieldset select.disponibilite {
  margin-left:6em;
  margin-bottom:0;
}

/*Formulaire brochure */

form.brochure {
	width:200px;
	color:#FFF;
}
form.brochure fieldset {
	border-style:solid;
	border-color:#333;
	text-align:left;
}

form.brochure fieldset p {
position:relative;
}
form.brochure fieldset textarea {
  margin-left:12em;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.brochure fieldset legend {
	font-family:verdana; 
	font-size:13px; 
	font-weight:bold;
	color:#CCC;
}

form.brochure fieldset input {
  margin-left:12em;
  line-height:1.4em;
  margin-bottom:.2em;
}
form.brochure fieldset input.checkbox {
  margin-left:2px;
  line-height:1.4em;
  margin-bottom:.2em;
}

form.brochure fieldset label {
  position:absolute;
  left:20px;
}

form.brochure fieldset select {
  margin-left:12em;
  margin-bottom:0;
}

form.information {
	width:200px;
	color:#FFF;
}
form.information fieldset {
	border-style:solid;
	border-color:#333;
	text-align:left;
}


form.information fieldset legend {
	font-family:verdana; 
	font-size:13px; 
	font-weight:bold;
	color:#CCC;
}

form.information fieldset input {
  margin-left:8em;
  line-height:1.4em;
  margin-bottom:.2em;
}
form.information fieldset input.checkbox {
  margin-left:2px;
  line-height:1.4em;
  margin-bottom:.2em;
}
form.information fieldset label {
  position:absolute;
  left:20px;
}
form.information fieldset TEXTAREA {
  margin-left:8em;
  line-height:1.4em;
  margin-bottom:.2em;
}

/*container */
.oneColFixCtrHdr #container {
	width:780px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background: #000;
	border-top-color:#620000;
	border-top-style:solid;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
	color:#FFF;
	text-decoration:none;
}

.oneColFixCtrHdr #container a.accueil {
	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #000;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

/*container */
.oneColFixCtrHdr #container  a.infosbas{
font-size:9px;
color:#999;
}

.oneColFixCtrHdr #container  p.infosbas{
text-align:center;
}



.oneColFixCtrHdr #container p.mentionslegales {
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #FFF;
	font-size:11px;
}


.oneColFixCtrHdr #container a.coursessai {
	text-decoration:underline;
	color: #FFF;
		font-weight:bold;
}

.oneColFixCtrHdr #header {
	background: #000;
	background-image:url(../img/fond_note.png);
	background-repeat:no-repeat;
	background-position:top right;
	padding: 20px 0px 20px 0px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	font-size:14px;
	font-style:normal;
	color:#FFF;
}
.oneColFixCtrHdr #header a.index {
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.oneColFixCtrHdr #header  a.index:hover {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#034072;
}	
.oneColFixCtrHdr #header a.ecole {
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.oneColFixCtrHdr #header  a.ecole:hover {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	font-weight:bold;
	color:#FC0;
}
.oneColFixCtrHdr #header a.pedagogie {
	font-size:13px;
	font-style:normal;
		font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border:none;
}
.oneColFixCtrHdr #header  a.pedagogie:hover {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
		font-weight:bold;
	color:#034072;
}
.oneColFixCtrHdr #header a.tarifs {
	font-size:13px;
	font-style:normal;
		font-weight:bold;
	color:#FFF;
	text-decoration:none;
	border:none;
}
.oneColFixCtrHdr #header  a.tarifs:hover {
	font:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
		font-weight:bold;
	color:#900;
}


.oneColFixCtrHdr #mainContent {
	padding-left:20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #000;

/*		background-image:url(../img/fond_notes_body.png);
	background-repeat:no-repeat;*/
}

.oneColFixCtrHdr #mainContent p.concert {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:center;
	font-weight:normal;
	line-height:18px;
	font-size:14px;
	font:Georgia, "Times New Roman", Times, serif;
}

.oneColFixCtrHdr #mainContent p {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:justify;
	font-weight:normal;
}


.oneColFixCtrHdr #mainContent hr {
	margin-left:20px;
	margin-right:20px;
	color:#A0AAFC;
	border:1 pt;

}

.oneColFixCtrHdr #mainContent p.tarifs {
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

.oneColFixCtrHdr #mainContent p.tarifs {
	font-size:10px;
	font-weight:bold;
	text-align:left;
}

#titre {
	font-size:13px;
	font-weight:bold;
	text-align:left;
}


.oneColFixCtrHdr #mainContent p.styles {
	text-align:justify;
	margin-top:0;
}
.oneColFixCtrHdr #mainContent p.styles_left {
	text-align:right;
	padding:0;
	color:#C0C0C0;
}

.oneColFixCtrHdr #mainContent ul {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:left;
}

.oneColFixCtrHdr #mainContent ul {
	padding: 0 40px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:left;
}


.oneColFixCtrHdr #mainContent h1 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	font-size:14px;
	font-style:normal;
	color:#FFF;
	text-align:left;
}

.oneColFixCtrHdr #mainContent h2 {
	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
	font-size:11px;
	font-style:italic;
	font-weight:bold;
	color:#FFF;
	text-align:left;
}

.oneColFixCtrHdr #mainContent fieldset {
	border-style:solid;
	border-color:#333;
}


.oneColFixCtrHdr #mainContent fieldset legend {
	font-family:verdana; 
	font-size:13px; 
	font-weight:bold;
	color:#CCC;
}



.oneColFixCtrHdr #mainContent a {
	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #000;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}

.oneColFixCtrHdr #mainContent a.concert {
	padding: 0 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: none;
	text-align:left;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}




.oneColFixCtrHdr #mainContent a.instrument {
	font-style:normal;
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
.oneColFixCtrHdr #mainContent a.instrument:hover {
	font-style:normal;
	color:#900;
	text-decoration:none;
	font-size:12px;
}
.oneColFixCtrHdr #mainContent a.pedagogie {
	font-style:normal;
	color:#A0AAFC;
	text-decoration:none;
	font-size:12px;
}
.oneColFixCtrHdr #menu1 {
	float:left;
	background: #000;
	border-right-color:#4A0000;
	border-right-style:solid;
	text-align:left;
	width: 255px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	height:260px;
	padding: 0px 0px; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div  */
	color:#FFF;
    cursor: pointer; 
	
}
.oneColFixCtrHdr #menu1 h1 {
	font-size:14px;
	font-style:normal;
	color:#FFF;
}
.oneColFixCtrHdr #menu1 a {
	font-style:normal;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

.oneColFixCtrHdr #menu1 a:hover {
	font-style:normal;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

.oneColFixCtrHdr #menu1 a.titre {
	font-style:normal;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
.oneColFixCtrHdr #menu1 a.titre:hover {
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	font-size:13px;
}



.oneColFixCtrHdr #menu1 p {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:left;
}

.oneColFixCtrHdr #menu2 {
	float:left;
	text-align:left;
	background: #000;
	width: 255px; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	padding: 0px 0px; /* le remplissage en haut et en bas crée un espace visuel à l'intérieur de cet élément div  */
	border-spacing:0px;
	color:#FFF;
	cursor: pointer; 
}
.oneColFixCtrHdr #menu2 h1 {
	font-size:14px;
	font-style:normal;
	color:#FFF;
}
.oneColFixCtrHdr #menu2 a {
	font-style:normal;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
.oneColFixCtrHdr #menu2 a:hover {
	font-style:normal;
	color:#900;
	font-weight:bold;
	text-decoration:none;
}


.oneColFixCtrHdr #menu2 a.titre {
	font-style:normal;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
}
.oneColFixCtrHdr #menu2 a.titre:hover {
	color:#FFF;
	font-style:normal;
	font-weight:bold;
	font-size:13px;
}

.oneColFixCtrHdr #menu2 p {
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:justify;
}
.oneColFixCtrHdr #footer {
  padding: 0 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#4A0000;
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
	text-align:center;

}

.oneColFixCtrHdr #footer a {
	font-style:normal;
		font-size:11px;
	color:#FFF;
	text-decoration:none;
}




/* classes for tooltips */

.hovertip {
	position: absolute;
    display: none; /* in case javascript is disabled */
	width: 700px;
	height:200px;
    background: url(../tag_cloud/sub-bg.png) no-repeat;
	font-size: 12px;
	z-index: 100;
	margin-left: 50px;
	margin-top: 0px;
	border:1px;
	}
.hovertip_target {
				 font-style: italic;
}
 .hovertip_target:hover {
						text-decoration: none;
					  cursor:pointer;
}
.nav, .nav * {
	margin:0;
	padding:0;
}

#cloud{
	float: left;
	line-height:1.0;
	/*background:	url(../tag_cloud/bg.gif) no-repeat;*/
	width:380px; 
	height:200px; 
	padding:0px 40px 140px 40px;
	margin-left:100px;
}
.nav {
	float: left;
	position:absolute;
	line-height:2.0;
	width:400px; 
	height:333px;
	padding:0px; 
}
.nav ul {
    width:400px;	
	list-style:none;	
	background:#fff; /*IE6 needs this*/
}
.nav li {
	float: left;
	list-style:none;	
	position:relative;
}
.nav a {
	color: #fff; 
	text-decoration:none;
	display:block;
}
.nav li ul {
	left:0;
	top:-999em;
	width: 100px;
	padding-top:0px;
	height:190px;
	background: url(../tag_cloud/sub-bg.png) no-repeat;
	position:absolute;
	list-style:none;
	z-index:100;
	text-align: center;
	}


ul.hovertip li {
	display:inline;
	list-style:none;
}
ul.hovertip li a{ text-decoration:none; font-style:italic}
ul.hovertip {width:260px; padding-top:50px; padding-left:0px; height:140px; padding-bottom:20px; display:block}
.oneColFixCtrHdr #mainContent a.size1 {
	font-size:35px;
	padding: 30px;
	padding-left:30px;
	color:#900;
}
.oneColFixCtrHdr #mainContent a.size1:hover {
	color:#FFF;
}
.oneColFixCtrHdr #mainContent a.size2 {
	padding: 20px;
	font-size:20px;
	color:#B9251A;
}
.oneColFixCtrHdr #mainContent a.size2:hover {
	color:#FC0;
}


.oneColFixCtrHdr #mainContent a.size3 {
	padding: 15px;
	font-size:35px;
	color:#F90;
}

.oneColFixCtrHdr #mainContent a.size3:hover {
	color:#CCC;
}

.oneColFixCtrHdr #mainContent a.size4 {
	padding: 25px;
	font-size:25px;
	color:#FFF;
}

.oneColFixCtrHdr #mainContent a.size4:hover {
	color:#CCC;
}

.oneColFixCtrHdr #mainContent a.size5 {
	padding: 5px;
	font-size:22px;
	color:#E13728;
}
.oneColFixCtrHdr #mainContent a.size5:hover {
	color:#B46A47;
}
.oneColFixCtrHdr #mainContent a.size6 {
	padding: 20px;
	font-size:18px;
	color:#77625E
}
.oneColFixCtrHdr #mainContent a.size6:hover {
	color:#E13728;
}
a.size-sub1 {
	padding: 20px;
	font-size:12px;
	color:#804D40;
}
a.size-sub1:hover {
	color:#fff;
}
a.size-sub2 {
	padding: 25px;
	font-size:20px;
	color:#E13728;
}
a.size-sub2:hover {
	color:#fff;
}
a.size-sub3 {
	padding: 10px;
	font-size:18px;
	color:#804D40;
}
a.size-sub3:hover {
	color:#fff;
}
a.size-sub4 {
	padding: 15px;
	font-size:25px;
	color:#fff;
}
a.size-sub4:hover {
	color:#E13728;
}


/*menu accordeon css sous flash*/
.AccordionTitle, .AccordionContent, .AccordionContainer
{
  position:relative;
  width:750px;
}

.AccordionTitle
{
  height:30px;
  overflow:hidden;
  border:#FFF;
  border-bottom:solid;
  border-width:thin;
  cursor:pointer;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11pt;
  font-weight:bold;
  vertical-align:middle;
  text-align:center;
  background-repeat:repeat-x;
  display:table-cell;
  background-color:#6A0000;
  -moz-user-select:none;
}

.AccordionContent
{
  height:0px;
  font-size:13px;
  overflow:auto;
  display:none; 
}

.AccordionContainer
{
  border-top: solid 1px #C1C1C1;
  border-bottom: solid 1px #C1C1C1;
  border-left: solid 2px #C1C1C1;
  border-right: solid 2px #C1C1C1;
}