body{
	background-color: #191919;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-family: arial, sans-serif;
}

h2 {
	color: #931e26;
}

h1 {
	vertical-align: top;
	color: #931e26;
}

h1 img{
	vertical-align: middle;
}

h3{
	margin: 10px;
}

#pub {
	width: 1000px;
	margin: 0px auto 0px auto;
}

#main {
	width: 781px;
	margin: 0px auto 0px auto;
}

#header{
	width: 781px;
	height: 158px;
	background-image: url('../images/musicals/bando-festival.gif');
	background-repeat: no-repeat;
}



#identification {
	width: 771px;
	height: 21px;
	background-image: url('../images/musicals/font-user.gif');
	text-align: right;
	color: #000000;
	padding-top: 5px;
	padding-right: 10px;
}

#content{
	width: 781px;
	min-height: 500px;
	background-color: #ffb808;
	color: #000000;
}
/************************* CONTENU *******************************************/

#contenu{
	font-size: 9pt;
	line-height:15pt;
}
#contenu ul {
	margin-left: 20px;
}

#contenu blockquote {
	margin-left: 20px;
}

/********************************** LOGO ***************************************/
#topmenu {
	position: absolute;
	width: 250px;
	height: 80px;
	margin: 0px;
}

/******************************* MENU ONGLET ***********************************/

#topmenu {
	position: absolute;
	width: 781px;
	height: 75px;
	margin: 5px auto 0px auto;
}

#top-onglet{
	width: 675px;
	height: 45px;
	margin: 0px auto 0px auto;
}

#topmenu a{
	color: #000000;
	text-decoration: none;
}

#topmenu .onglet-right{
	background-image: url('../images/musicals/onglet-right.gif');
	background-position: right;
	
	height: 25px;
	margin-top: 15px;
	
	padding-top:5px;
	padding-right: 10px;
	font-size: 11pt;
	float: left;
}

#topmenu .onglet-left{
	background-image: url('../images/musicals/onglet-left.gif');
	background-repeat: no-repeat;
	
	height: 30px;
	margin-top: 15px;
	
	width: 10px;
	margin-left: 2px;
	float: left;
}

.onglet-over{
	background-position: right;
	
	height: 35px;
	margin-top: 0px;
	
	padding-right: 10px;
	padding-top:10px;
	font-size: 11pt;
	float: left;
}

.ongletl-over{
	background-repeat: no-repeat;
	height: 45px;
	margin-top: 0px;
	width: 10px;
	margin-left: 2px;
	float: left;
}

#flash a {
	color : #ffffff;
	font-size : 10pt;
	margin-left : 280px;
}
/************************ SOUS MENU ******************************************/

#sousmenu{
	width: 781px;
	height: 22px;
	background-color: #000000;
	padding-top:5px;
}

#sousmenu #in-sousmenu{
	width: 450px;
	margin: 0px auto 0px auto;
}
#sousmenu a {
	text-decoration: none;
}

#sousmenu a{
	color: #ffffff;
	margin-top: 5px;
}

/*************************** MOTEUR DE RECHERCHE ********************************/


#moteur {
	float: right;
	display: bloc;
	margin-top: -75px;
	margin-right: 5px;
	color: #931e26;
}

#moteur input{
	vertical-align: middle;
}
/************************* BANDO PUB **************************************/

#bando-pub {
	margin: 0px auto 0px auto;
	width: 758px; 
	height: 90px; 
	padding-top: 10px;
}

/************************** FOOTER *************************************/

#footer{
	width: 761px;
	min-height: 150px;
	background-color: #000000;
	padding: 10px;
}

#footer td{
	list-style-position: inside;
	padding-left: 10px;
	vertical-align: top;
	background-color: #000000;
}

#footer a{
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

/******************************** TAG *******************************************/

#tag {
width: 436px; 
background-color: #931e26;
color: #FFFFFF;
padding:2px;
}

#tag a{
	color: #FFFFFF;
}

/******************************* FORUM ******************************************/

#forum{
	width: 760px;
	background-color: #ffffff;
}

#forum td{
	border: solid 1px #acacac;
	height: 40px;
	padding: 5px;
}

#forum .top td{
	border: solid 1px #acacac;
	background-color: #acacac;
	color: #ffffff;
	height: 15px;
	padding: 3px;
}

#forum .mere td{
	font-size: 12pt;
}

#forum a{
	color: #000000;
	text-decoration: none;
}

#forum a:hover{
	text-decoration: underline;
}

/***************************** NEWS *************************************/

.news {
	width: 420px; 
	background-color: #ffffff; 
	padding: 10px;
}

.news a{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.article{
	font-size: 10pt;
}

#identification a{
	color: #000000;
	text-decoration: none;
}
#identification a:hover{
	color: #000000;
	text-decoration: underline;
}

/******************** INPUT ******************************************/

input {
	border: solid 1px #acacac;
}

input[type="image"]{
	border: 0px;
}
/******************* FICHE SPECTACLE *********************************/
	/******************* SPECTACLE *******************************/
.spectacle {
	float: left;
	width: 760px;
	margin: 10px;
	padding: 0px;
}
.spectacle .contenu {
	float: left;
	width: 760px;
	background-color: #FFFFFF;
}
.spectacle .ficheSpectacle {
	float: left;
	width: 750px;
	margin-left: 10px;
}
.spectacle .ficheSpectacle .nom {
	float: left;
	width: 720px;
	color: #931E26;
	margin: 20px 20px 20px 10px;
	border-bottom: 1px #000000 solid;
}
.spectacle .ficheSpectacle .affiche {
	float: left;
	width: 200px;
	margin: 0px 20px 0px 5px;
}
.spectacle .ficheSpectacle .descriptif {
	float: left;
	width: 525px;
}
.spectacle .ficheSpectacle .descriptif li {
	float: left;
	width: 525px;
	list-style-type: none;
	margin-bottom: 5px;
}
.spectacle .ficheSpectacle .descriptif .datesFixe {
	float: left;
	width: 495px;
	margin-left: 30px;
}
.spectacle .ficheSpectacle .descriptif .dateFixe {
	float: left;
	width: 495px;
}
.spectacle .ficheSpectacle .descriptif .lienVideo {
	position: relative;
	top: -10px;
	left: 5px;
}
.spectacle .ficheSpectacle .description {
	float: left;
	width: 735px;
	margin: 20px 5px 0px 10px;
}
	/******************* ARTISTE *********************************/
.spectacle .bookArtistes {
	float: left;
	width: 735px;
	margin: 0px 15px 0px 10px;
}
.spectacle .bookArtistes h2 {
	float: left;
	width: 720px;
	color: #931E26;
	margin: 20px 10px 20px 5px;
	border-bottom: 1px #000000 solid;
}
.spectacle .bookArtistes .bookArtiste {
	float: left;
	width: 95px;
	text-align: center;
	margin: 0px 5px 10px 5px;
}
	/******************* SALLE ***********************************/
.spectacle .bookSalles {
	float: left;
	width: 735px;
	margin: 0px 15px 0px 10px;
}
.spectacle .bookSalles h2 {
	float: left;
	width: 720px;
	color: #931E26;
	margin: 20px 10px 20px 5px;
	border-bottom: 1px #000000 solid;
}
.spectacle .bookSalles .bookSalle {
	float: left;
	width: 95px;
	text-align: center;
	margin: 0px 5px 10px 5px;
}
	/*************** BOUTON MODIFICATION *************************/
.spectacle .modif {
	float: right;
	width: 150px;
	margin-right: 5px;
}
.spectacle .modif img {
	float: right;
}
.spectacle .modif a {
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
}
	/******************* MODIFICATION ****************************/
.spectacle .ficheSpectacle .nomModif {
	float: left;
	width: 720px;
	color: #000000;
	font-size: 10pt;
	margin: 20px 20px 20px 10px;
	border-bottom: 1px #000000 solid;
}
.spectacle .ficheSpectacle .afficheModif {
	float: left;
	width: 280px;
	margin: 0px 20px 0px 5px;
}
.spectacle .ficheSpectacle .descriptifModif {
	float: left;
	width: 445px;
}
.spectacle .ficheSpectacle .descriptifModif li {
	float: left;
	width: 445px;
	list-style-type: none;
	margin-bottom: 5px;
}
.spectacle .ficheSpectacle .descriptifModif .PH {
	float: left;
	width: 445px;
	margin-bottom: 5px;
}
.spectacle .ficheSpectacle .descriptifModif #plageHorraire {
	float: left;
	width: 415px;
	margin-left: 30px;
	margin-bottom: 5px;
}
.spectacle .ficheSpectacle .descriptifModif .HF {
	float: left;
	width: 445px;
	margin-bottom: 5px;
}
.spectacle .ficheSpectacle .descriptifModif #horraireFixe {
	float: left;
	width: 415px;
	margin-left: 30px;
	margin-bottom: 5px;
}
.spectacle .ficheSpectacle .descriptifModif .dateFixeModif {
	float: left;
	width: 385px;
	margin-left: 30px;
}
.spectacle .ficheSpectacle .descriptifModif .lienVideo {
	position: relative;
	top: -10px;
	left: 5px;
}
.spectacle .ficheSpectacle .description {
	float: left;
	width: 720px;
	color: #000000;
	font-size: 10pt;
}
.spectacle .button {
	float: right;
	margin: 5px 30px 5px 0px;
}
.spectacle .bookArtistes h2 p {
	float: left;
	width: 700px;
}
.spectacle .bookArtistes h2 a {
	float: left;
	width: 20px;
}
.spectacle .bookArtistes h2 a img {
	margin-bottom: -5px;
}
#listeArtiste {
	background-color: #EFEFEF;
}
#listeSalle {
	background-color: #EFEFEF;
}
#bgformulaire, #bgformulaire td {
	background-color: #EFEFEF;
}
/******************** FICHE ARTISTE *********************************/
	/********************* ARTISTE *******************************/
.artiste {
	float: left;
	width: 760px;
	margin: 10px;
	padding: 0px;
}
.artiste .contenu {
	float: left;
	width: 760px;
	background-color: #FFFFFF;
}
.artiste .ficheArtiste {
	float: left;
	width: 750px;
	margin-left: 10px;
}
.artiste .ficheArtiste .nomPrenom {
	float: left;
	width: 720px;
	color: #931E26;
	margin: 20px 20px 20px 10px;
	border-bottom: 1px #000000 solid;
}
.artiste .ficheArtiste .photo {
	float: left;
	width: 200px;
	margin: 0px 20px 0px 5px;
}
.artiste .ficheArtiste .descriptif {
	float: left;
	width: 525px;
}
.artiste .ficheArtiste .descriptif li {
	float: left;
	width: 525px;
	list-style-type: none;
	margin-bottom: 5px;
}
	/******************* SPECTACLE *******************************/
.artiste .bookSpectacles {
	float: left;
	width: 735px;
	margin: 10px 15px 0px 10px;
}
.artiste .bookSpectacles h2 {
	float: left;
	width: 720px;
	color: #931E26;
	margin: 20px 10px 20px 5px;
	border-bottom: 1px #000000 solid;
}
.artiste .bookSpectacles .bookSpectacle {
	float: left;
	width: 95px;
	text-align: center;
	margin: 0px 5px 10px 5px;
}
.artiste .bookSpectacles .nom {
	float: left;
	width: 95px;
	height: 30px;
	text-align: center;
	margin: 0px 5px 0px 5px;
}
.artiste .bookSpectacles .affiche {
	float: left;
	width: 95px;
	height: 150px;
	vertical-align: middle;
	text-align: center;
	margin: 0px 5px 0px 5px;
}
.artiste .bookSpectacles .date {
	float: left;
	width: 95px;
	height: 70px;
	text-align: center;
	margin: 0px 5px 0px 5px;
}
	/*************** BOUTON MODIFICATION *************************/
.artiste .modif {
	float: right;
	width: 100px;
	margin-right: 5px;
}
.artiste .modif img {
	float: right;
}
.artiste .modif a {
	float: right;
	position: relative;
	top: 0px;
	left: 0px;
}
	/******************* MODIFICATION ****************************/
.artiste .ficheArtiste .nomPrenomModif {
	float: left;
	width: 720px;
	color: #000000;
	font-size: 10pt;
	margin: 20px 20px 20px 10px;
	border-bottom: 1px #000000 solid;
}
.artiste .ficheArtiste .photoModif {
	float: left;
	width: 280px;
	margin: 0px 20px 0px 5px;
}
.artiste .ficheArtiste .descriptifModif {
	float: left;
	width: 445px;
	color: #000000;
	font-size: 10pt;
}
.artiste .ficheArtiste .descriptifModif li {
	float: left;
	width: 445px;
	list-style-type: none;
	margin-bottom: 5px;
}
.artiste .button {
	float: right;
	margin: 5px 30px 5px 0px;
}
.artiste .bookSpectacles h2 p {
	float: left;
	width: 700px;
}
.artiste .bookSpectacles h2 a {
	float: left;
	width: 20px;
}
.artiste .bookSpectacles h2 a img {
	margin-bottom: -5px;
}
#listeSpectacle {
	background-color: #EFEFEF;
}
/******************* INCRISTION GALA ********************************/
.inscription {
	float: left;
	width: 440px;
	margin: 10px;
	padding: 0px;
}
.inscription .centre {
	float: left;
	width: 420px;
	padding: 10px;
	background-color: #FFFFFF;
}
.inscription .centre h2 {
	text-align: center;
}
.inscriptionR {
	float: left;
	width: 760px;
	margin: 10px;
	padding: 0px;
}
.inscriptionR .reponse {
	float: left;
	width: 760px;
	background-color: #FFFFFF;
	text-align: center;
}