body {
	text-align: center;
	background: #660033;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a{
color:#FFCC00;
}

a:hover{
color:#FFFF33;
}

a:active{
color:#FF6600
}



div#conteneur {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	color: #FFFFFF;
}
#concert-piece-1 {
	background-color: #660033;
	width: 450px;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 20px;
}

h1#header {
	height: 100px ;
	background: url(images/entete_02.jpg) no-repeat left top;
	margin: 0 ;
}

/*********************
		langue
*********************/

h1#header #langue
		{
	width: 400px;
	height: 15px;
	display: block;
	position: relative;
	left: 70px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}




/*********************
		MENU
*********************/

div#menu-01 {
	height: 17px;
	margin: 0;
	float: left;
	width: 995px;
	text-align: left;
	margin-bottom: 5px;
}

div#menu-02 {
	height: 20px;
	float: left;
	width: 995px;
	text-align: left;
	margin-bottom: 20px;
}


ul#menu li a:hover {
	background: #660033;
	color: #FFCC00;
}


ul#menu
{
	height: 30px;
	margin: 0 0 10;
	padding: 0;
	list-style-type: none;
}
/* On donne une hauteur au menu, correspondant a
 la taille de l'image utilisée en fond, on met ensuite l'image de fond
  avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */

ul#menu li {
	float: left;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
}/* On rend les li en flottant pour pouvoir les
 afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a {
	line-height: 14px;
	font-size: 11px;
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 3px 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;
	background-color: #330000;
}/* C'est sur les liens que le gros du travail est
 effectué, largeur, hauteur de ligne, taille de police, graisse de police,
  espacement des lettres, couleur, bordure et decoration du texte. 
  Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover {
	background: #660033;
	color: #FFCC00;
}

div#contenu {
	padding: 10;
	margin-bottom: 30px;
}

div#contenu h2 {
	padding-left: 0px;
	line-height: 16px;
	font-size: 16px;
	color: #FF9900;
	border-bottom: 1px dotted #FF9900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	font-variant: small-caps;
}

div#contenu h3 {
	margin-left: 0px;
	padding-left: 5px;
	color: #FFCC00;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
	margin-bottom: 5px;
}
.chapo-01 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
	line-height: 16px;
	font-weight: normal;
	color: #FFCC00;
}
.concert-date-1 {
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	color: #FFCC00;
}

div#contenu p
{
	text-align: justify;
	line-height: 1.5em;
	padding: 5px;
	margin: 0px 10px;
}

div#contenu a {
	color: #FF9900;
}
div#contenu a:hover {
	color: #FFCC00;
}
div#contenu a:active {
	color: #FFCC33;
}
.concert-heure-1 {
	font-size: 12px;
	color: #FF9900;
}
div#contenu h1 {
	font-size: 15px;
	font-weight: normal;
	color: #660033;
	background-color: #FF9900;
	padding: 5px;
	display: block;
	width: 200px;
}
.concert-lieu-1 {
	font-size: 13px;
	color: #FF9900;
}

div#contenu a:hover{
	color: #660000;
}

p#footer {
	margin: 0 0 10;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}

p#pomk6 {
	margin: 0 0 10;
	text-align: center;
	color: #FFFFFF;
}


.fond-01 {
	background-image: url(images/fotolia_87409.jpg);
	background-repeat: no-repeat;
}


.txt-courant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.txt-courant-blc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
.fond-cal-30 {
	background-image: url(images/fond_cal_30px_2.jpg);
	background-repeat: repeat-x;
}
.fond-cal-ombre1 {
	background-image: url(images/fond_cal_30px_ombre2.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}
.fond-cal-ombre2 {
	background-image: url(images/fond_cal_30px_ombre3.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}
.fond-cal-ombre3 {
	background-image: url(images/fond_cal_30px_ombre31.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}
.fond-cal-ombre4 {
	background-image: url(images/fond_cal_30px_ombre4.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}
.fond-cal-ombre0 {
	padding: 10px;
}
.cal-titre-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 1px;
}
.cal-txt-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: 14px;
}
.cal-titre-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFCC00;
	letter-spacing: 0px;
}
.cal-titre-3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFF00;
	letter-spacing: 1px;
}
.fond-cal-ombre-entete {
	background-image: url(images/fond_cal_30px_ombre4.jpg);
	background-repeat: repeat-x;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* ADRESSE */

.adresse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	letter-spacing: 1px;
}


.lien-ad {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.lien-ad:hover {
	COLOR: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}


.lien-after {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.lien-after:hover {
	COLOR: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}

.acc-txt-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	padding: 5px;
	line-height: 13px;
	background-color: #FFFFFF;
}

/* FOND */

.fond-acc-1 {
	background-attachment: fixed;
	background-image: url(images/fond_acc_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#fond-acc-2 {
	background-attachment: fixed;
	background-image: url(images/fond_acc_01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
}


#fond-sapin {
	background-repeat: repeat-x;
	background-image: url(images/sapin_03.jpg);
	background-position: bottom;
}


#fond-compo-1 {
	background-attachment: fixed;
	background-image: url(images/fond_compo_02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* MENU */

.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }


#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #036;
text-decoration: none;
}

#navlist a:hover
{
color: #036;
background-color: #FFFFFF;
text-decoration: none;
}

/*
#navlist a:hover
{
color: #fff;
background-color: #3366CC;
text-decoration: none;
}

*/

.traits-point-1 {
	border-top-style: dotted;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFFFFF;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.traits-point-2 {
	border-top-style: dotted;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFCC00;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.det-titre-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC00;
	letter-spacing: 0px;
}
.det-horaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0px;
}
.det-lieu-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFCC00;
	letter-spacing: 0px;
}
.photo-droite {
	float: right;
	padding-left: 5px;
}
.fleche {
	list-style-image: url(images/fleche_42.gif);
	list-style-type: square;
}
.det-date-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFCC00;
	letter-spacing: 0px;
}
.det-titre-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFCC00;
	letter-spacing: 0px;
}
.txt-courant-jau-gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9900;
	font-weight: bold;
}
.fond-02 {
	background-image: url(images/background_01.gif);
	background-repeat: repeat-x;
	padding: 10px;
}
.fond-03 {
	background-image: url(images/fond-03.jpg);
	background-repeat: repeat-x;
	padding: 10px;
}

/* PAGE COMPOSITEURS */

.compo-titre-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0px;
}

#ligne-1 {
	background-color: #009900;
	width: 800px;
	float: none;
	margin: 0px;
	padding: 0px;
	border: 1px dotted #FF00FF;
}

#fond-compo-2 {
	background-color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 20px;
	width: 380px;
	float: left;
	height: 250px;
	margin-left: 15px;
}

.traits-point-2 {
	border-top-style: dotted;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFCC00;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.compo-nom-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0px;
}

.compo-scene-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFCC00;
	letter-spacing: 0px;
}


.compo-date-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFCC00;
	letter-spacing: 0px;
	font-style: normal;
}

.fond-10 {
	background-color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px;
	background-image: url(images/fond-03.jpg);
}

.fond-11 {
	background-color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 5px;
	background-image: url(images/fond-04.jpg);
}

.lien-compo {
	text-decoration:none;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.lien-compo:hover {
	COLOR: #FFFFFF;
	text-decoration:underline;
	font-weight: bold;
}

.com {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FF0000;
	letter-spacing: 0px;
	font-style: normal;
}
.tablo-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
}
.titre-jaune-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFF00;
	letter-spacing: 0px;
	font-style: normal;
}
.tablo-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
}
.det-titre-3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	letter-spacing: 1px;
}
.det-titre-4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #660033;
	letter-spacing: 1px;
}
.compo-nom-2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
	letter-spacing: 0px;
}
.compo-piece-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0px;
}


#artiste {
	background-color: #003366;
	width: 300px;
	float: none;
	margin: 0px;
	padding: 7px;
	border: 1px dotted #000033;
}

.lien-fonce {
	text-decoration:none;
	color: #003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.lien-fonce:hover {
	COLOR: #003399;
	text-decoration:underline;
	font-weight: bold;
}

.txt-after {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #8D0101;
	letter-spacing: 0px;
}

.pointille1 {
	border: 5px dashed #FF0000;
	z-index: 1;
	background-color: #FF9D98;
}

.pointille2 {
	background-color: #FF9933;
	border: 5px none #FF0000;
	padding: 10px;
}

.image-droite-01{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #660000;
}

.image-droite-02{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}

.image-gauche-01{
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #660000;
}


/* POMK6 */

.pomk6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 15px;
	text-align: center;
}

.pomk6 a{
	text-decoration: none;
	color: #FFFFFF;
}
.pomk6 a:hover{
	text-decoration: none;
	color: #FF0066;
}

/*************************
	DIVERS
*************************/

#separator-10 {
/*	background-color: #99FF00;*/
	height: 10px;
}
#separator-20 {
/*	background-color: #00FF99;*/
	height: 20px;
}
#separator-30 {
	/*background-color: #89CDF2;*/
	height: 30px;
}
#separator-50 {
	/*background-color: #89CDF2;*/
	height: 50px;
}
#separator-70 {
	/*background-color: #89CDF2;*/
	height: 70px;
}
#separator-100 {
	/*background-color: #89CDF2;*/
	height: 100px;
}


#separator-piece {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #FFCC00;
}

#separator-trait {
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #FFCC00;
	width: 600px;
}



#concert-musicien-1 {
	background-color: #660000;
	width: 450px;
	padding: 10px;
	margin-left: 20px;
	border: 1px solid #660099;
	margin-bottom: 20px;
}


#alert-01 {
	font: normal 10px "Lucida Grande", Helvetica, Verdana, Arial;
	color: #FF0033;
	background: #fff6bf url(images/exclamation.png) no-repeat 7px center;
	text-align: left;
	padding: 7px 10px 7px 30px;
	border-top: 1px solid #FF0033;
	border-bottom: 1px solid #FF0033;
	display: block;
	overflow: visible;
	width: 350px;
	margin-left: 20px;
}


#trait-01{
	background-image: url(images/trait-02.gif);
	height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-repeat: repeat-x;
	background-position: center center;
}
.fond-2007-02 {
	background-image: url(images/fotolia_1699674_01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.fond-2007-03 {
	background-image: url(images/fotolia_158781_01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#red {
	background-color: #660000;
	padding: 10px;
	border: 1px solid #660099;
	float: right;
	text-align: center;
}
#musee-acc {
	padding: 5px;
	float: left;
	margin-right: 20px;
	width: 730px;
}
#ligne-bas-acc {
	padding: 5px;
	float: left;
}