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

body {
margin: 0 0 75px 0;
padding: 0;
text-align: center;
background: black;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: white;
}

h1, h2, h3, h4, h5 {
margin: 10px 0;
padding: 0;
}

img { border: 0; }

#conteneur {
width: 1000px;
margin: auto;
}

/******************************** HEADER ********************************/
#logoH {
float: left;
width: 600px;
height: 141px;
background: url(../img/fondHead1.gif) no-repeat;
}

#zoneHD {
float: left;
width: 375px;
}

#logoB {
clear: both;
background: url(../img/fondHead2.gif) no-repeat;
height: 89px;
width: 1000px;
}

#pictoHome {
margin: 10px 0 0 30px;
}

#zone {
height: 103px;
}

/******************************** MILIEU DE PAGE ********************************/
#milieu {
background: url(../img/fondBodyM.gif) repeat-y;
}

	#corps {
	width: 950px;
	margin: auto;
	text-align: left;
	position: relative;
	}
	
	#menuG {
	float: left;
	width: 160px;
	}
	
	/******************************** CONTENU ********************************/
	#contenu {
	/*background: #999;*/
	float: left;
	width: 785px;
	padding: 0 5px 25px 0;
	}
	
		#page {
		/*background: #000;*/
		width: 500px;
		float: left;
		padding-top: 30px;
		font-size: 0.9em;
		}
		
		.cache {
		visibility: hidden;
		display: none;
		}
		
		#logoB #btnAccueil {
		float: left;
		}
		
		/******************************** NEWS ********************************/
		#news {
		float:right;
		width:330px;
		height:81px;
		text-align:left;
		padding: 8px 40px 0 0;
		}
		#news .titreNews {
		font-weight: bold;
		font-size: 1em;
		color: #FFD500;
		}
		#news img {
		margin: 0 5px 0 0;
		}
		#news p {
		margin: 0;
		font-size: 0.8em;
		}
		#news a {
		color: white;
		text-decoration: none;
		}
		
		/******************************** DROITE ********************************/
		#droite {
		/*background: #DDD;*/
		float: right;
		width: 250px;
		padding: 20px 5px 5px 5px;
		}
		#prochainement .prix {
		border-top: 1px dotted #411;
		padding-top: 5px;
		font-weight: bold;
		color: #E2001A;
		}
		#prochainement .date {
		border-top: 1px dotted #411;
		padding-top: 5px;
		text-align: right;
		font-size: 0.8em;
		font-weight: bold;
		color: #E2001A;
		}
		#droite #prochainement h3 a {
		color: #FFD500;
		}
		#prochainement h3, #prochainement p {
		margin: 0;
		padding: 0;
		}
		#prochainement h4 {
		margin-bottom: 10px;
		}
		#droite p {
		font-size: 0.7em;
		}
		#droite a {
		color: #0066CC;
		font-weight: bold;
		font-size: 0.9em;
		}
		#droite a:link {
		}
		#droite a:visited {
		color: #0066CC;
		}
		#droite a:hover {
		color: #FFD500;
		}

			/******************************** NEWSLETTER ********************************/
			#newsletter {
			margin: 0 0 30px 0;
			}
			#newsletter table {
			width: 100%;
			height: 36px;
			}
			#newsletter input {
			border: none;
			}
			#newsletter .champTxt input {
			width: 180px;
			border: 1px solid #FFD500;
			padding: 3px;
			background: none;
			color: white;
			}
			#newsletter .submit {
			text-align: right;
			}
			#newsletter .submit input {
			background: url(../img/go.gif) no-repeat;
			width: 35px;
			height: 35px;
			cursor: pointer;
			}


			/******************************** contenu des pages ********************************/
			#page h2 {
			color: #FFD500;
			font-size: 1.2em;
			margin: 20px 0 0 0;
			}
			#page a {
			color: #0066CC;
			font-weight: bold;
			font-size: 0.9em;
			}
			#page a:link {
			}
			#page a:visited {
			color: #0066CC;
			}
			#page a:hover {
			color: #FFD500;
			}
			
			#page .tabInfo {
			width: 454px;
			margin: 10px auto;
			font-size: 0.9em;
			}
			.iframe a:link, .iframe a:hover, .iframe a:visited {
			background: white;
			display: block;
			font-weight: bold;
			width: 450px;
			padding: 2px;
			}
			#page .tabInfo td {
			width: 50%;
			padding: 2px;
			}

			#page .formMail {
			width: 454px;
			background: #222;
			font-size: 0.9em;
			margin: 10px 0 0 0;
			}
			#page .formMail td {
			padding: 5px;
			}
			#page .formMail .titre {
			text-align: center;
			}
			#page .formMail .label {
			text-align: right;
			}
			#page .formMail .submit {
			text-align: center;
			}

			#contenu table.agendaG, #contenu table.agendaD {
			font-size: 0.95em;
			}
			/******************************** AGENDA CONCERT GAUCHE ********************************/
			#contenu table.agendaG {
			width:100%;
			/*height: 150px;*/
			margin-top: 30px;
			}
			#contenu table.agendaG h3 {
			margin: 0;
			padding: 0;
			color: #FFD500;
			}
			#contenu table.agendaG .texte p {
			margin: 10px 0 0 5px;
			}
			#contenu table.agendaG .texte p {
			font-size: 0.8em;
			width: 400px;
			}
			#contenu table.agendaG .date {
			text-align: right;
			padding-right: 10px;
			font-size: 0.8em;
			font-weight: bold;
			color: #FFD500;
			}
			#contenu table.agendaG .affiche {
			width: 424px;
			/*height: 31px;*/
			background: url(../img/fondAfficheAgendaG.gif) no-repeat;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			}
			#contenu table.agendaG h3 .prempartie{
			font-size: 0.85em;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			}
			#contenu table.agendaG .photo {
			width: 196px;
			background-repeat: no-repeat;
			background-position: center center;
			}
			#contenu table.agendaG .texte {
			/*height: 119px;*/
			/*background: url(../img/fondTexteAgendaG.gif) no-repeat;*/
			}

			/******************************** AGENDA CONCERT DROIT ********************************/
			#contenu table.agendaD {
			width:100%;
			/*height: 150px;*/
			margin-top: 30px;
			}
			#contenu table.agendaD h3 {
			margin: 0;
			padding: 0;
			color: #FFD500;
			}
			#contenu table.agendaD .texte p {
			margin: 5px 0 0 5px;
			}
			#contenu table.agendaD .texte p {
			font-size: 0.8em;
			width: 400px;
			}
			#contenu table.agendaD .date {
			text-align: right;
			padding-right: 10px;
			font-size: 0.8em;
			font-weight: bold;
			color: #FFD500;
			}
			#contenu table.agendaD .affiche {
			width: 424px;
			/*height: 31px;*/
			background: url(../img/fondAfficheAgenda.gif) no-repeat;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			}
			#contenu table.agendaD .affiche h3 {
			padding-bottom: 0;
			margin-bottom: 0;
			}
			#contenu table.agendaD h3 .prempartie{
			font-size: 0.85em;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			margin:0;
			}
			#contenu table.agendaD .photo {
			width: 196px;
			background-repeat: no-repeat;
			background-position: center center;
			}
			#contenu table.agendaD .texte {
			/*height: 119px;*/
			/*background: url(../img/fondTexteAgenda.gif) no-repeat;*/
			}


/******************************** FOOTER ********************************/
#footer {
width: 1000px;
height: 38px;
background: url(../img/fondBodyB.gif) no-repeat;
clear: both;
}
#footer ul {
}
#footer li {
display: inline;
list-style-type: none;
margin: 0 10px;
font-size: 0.7em;
font-weight: bold;
}
#footer ul a:link {
color: #E2001A;
}
#footer ul a:visited {
color: #E2001A;
}
#footer ul a:hover {
color: #FFD500;
}



/***********************************************************************/
/******************************** ADMIN ********************************/
.tabAdmin {
font-size: 0.9em;
width: 100%;
margin: 10px 0;
border: 1px solid #666;
}
.tabAdmin td {
padding: 5px;
}
.tabAdmin h3 {
color: #FFD500;
margin-top: 0;
}
.submitBouton {
background: #222;
color: #E2001A;
border: 1px solid #E2001A;
padding: 5px;
font-weight: bold;
cursor: pointer;
}
.submitBouton {
float: right;
}
.champAdmin {
background: #222;
border: none;
color: white;
}
.tabAdmin .tabAdmin {
width: 100%;
border: 1px solid #333;
}

.tabAdmin .btnSupprimer {
background: url(../img/btnSupprimer.gif) no-repeat;
width: 20px;
height: 20px;
border: 0;
cursor: pointer;
}