/************************************************************
*	ZONE DE CONTENU
************************************************************/

		/******************************************************************
		*	CONTENU 
		******************************************************************/
		div#contenu {
			float:left;
			width: 727px;
			padding-top: 17px;
		}
			div#yahooNav {
				padding-left: 25px;
			}
			
			div#yahooNav { color: #C7312B; margin-top: 10px; margin-bottom: 10px; }
			div#yahooNav a { color: #C7312B; text-decoration: none; }
			div#yahooNav a:visited { color: #C7312B; }
			div#yahooNav a:hover { color: #C7312B;  text-decoration: underline;}
			
				div#content.interne h1 {
					color: #B01711;
					font-size: 20px;
					text-transform: uppercase;
				}
				
				div#content.interne a, div#content.interne a:visited { color: #B01711; text-decoration: none; }
				div#content.interne a:hover { color: #FF9933; }				
			
				
			
			div#edito {
					text-align: justify;
					text-decoration: none;
					list-style-type: none;
					margin:0 20px 0 20px;
					font-size:12px;
			}
				
				div#content.interne h2{
					padding-left: 15px;
					line-height: 16px;
					background-image: url(images/picto_h2.gif);
					background-repeat: no-repeat;
					background-color: #B01711;
					color: #fff;
					font-size: 11px;
					text-transform: uppercase;
					margin: 5px 0;
					width: 225px;
				}
				
				div#content.interne h3{
					font-size:10px;
					text-transform:uppercase;
					color:#b01711;
				}
				
				div#content h4{
					color:#b01711;
				}

				/*******************************************************/
				/*	Page Stéréoclub									   */	
				div#stereo_intro{
					width:698px;height:265px;
					background:url(images/stereo_intro.gif) no-repeat;
					padding-top:15px;
					margin-bottom:15px;
				}
				
					div#stereo_intro p{
						padding:0 20px 0 325px;
						text-align:justify;
						font-size:10px;
						margin:10px 0;
					}
					
					div#stereo_intro h3{
						margin:0 0 0 325px;
					}
				

				ul#concerts{
					list-style-type:none;
					padding:0;margin:0;
				}
				
					ul#concerts li{
						padding:0;
						width:660px;
						/*height:120px;*/
						margin-top:20px;
					}
					
					ul#concerts li img.vignette{
						display:block;
						float:left;
						border:1px solid #000;
						margin-right:15px;
					}
					
					ul#concerts li span.date{
						color:#b01711;
						font-weight:bold;
					}
					
					ul#concerts li span.titre{
						font-weight:bold;
					}

					
					ul#concerts li p.description{
						text-align:justify;
						margin-bottom:0px;
					}
					
					ul#concerts li span.url{
						display:block;
					}
						ul#concerts li span.url a{
							color:#b01711;
						}
					
				div#infos_pratiques{
					margin: 20px 0 0 127px;	
				}	
				
				div#infos_pratiques p{
					margin:0;
					font-size:10px;
				}
				
				div#infos_pratiques h4{
					margin:0;
					font-size:11px;
				}
				
					img#bt_precedent{
						display:block;
						float:right;
						margin: 40px 10px 80px 0;
					}
				
				
				div#event_1, div#event_2 {
					width: 339px; height: 260px;
				}
				div#event_1 {
					float: right;
					display: inline;
					vertical-align: middle;
				}
				
					div#event_1 p { 
						margin-top: 88px;
					}
				
				div#event_2 {
					width: 259px;
					height: 220px;
					float: left;
					background: url(images/event_2.jpg) left top no-repeat;
					padding: 40px 40px 0 40px;
					font-size: 12px;
				}
				div#event_2 span {
					font-size: 14px;
					font-weight: bold;
				}
				
				div#event_3 {
					float: left;
					width:700px;
					height:99px;
					background: url(images/event_3.jpg) left top no-repeat;
				}
					div#event_3 p { 
						margin-top: 10px;
						margin-right: 10px;
						margin-left: 10px;
					}
				
				/*****************************************************
				*	FORMULAIRE DE CONTACT
				*****************************************************/
				#tableContact {
					font-weight: bold;
				}
				
					#tableContact label {
						display: inline;
					}
					
					#tableContact td {
						vertical-align: bottom;
						text-align: left;
						padding: 5px;
					}
					
					#tableContact span {
						color: #f00;
					}
					
					#tableContact hr {
						visibility: hidden;
						height: 10px;
					}
					
					#tableContact .frm {
						border: 1px solid #DE752B;
						font-size:10px;
					}
					
					#tableContact input {
						vertical-align: middle;
					}
					
					#tableContact tfoot td {
						text-align:	center;
					}
				
				/*****************************************************
				* FIN FORMULAIRE DE CONTACT
				*****************************************************/
				
				
				/*****************************************************
				*	CONTACTEZ-NOUS
				*****************************************************/
				#tableContact {	font-size: 10px; font-weight: normal; }
				
				#tableContact img{
					vertical-align: bottom;
					margin-right: 3px;
				}
				
				#tableContact thead td, #tableContact tfoot td{
					text-align: center;
					padding: 15px;
				}
				
				#tableContact tfoot td { font-weight: bold; }
				
				#tableContact span { color: #CD0F09; font-weight: bold; }
				
				#tableContact tbody td { vertical-align: top; }
				
				#tableContact h2 { font-size: 16px; border-bottom: 1px solid #C7312B; color: #C7312B !important; width: auto !important; text-align: center; background:none !important; }
				#tableContact h3 { font-size: 12px; color: #C7312B; margin-bottom: 20px; margin-top: 20px; border-bottom: 1px solid #C7312B;}
				
				#tableContact li {
					list-style-type: none;
					background-image:url(images/triangle_trans2.gif);
					background-repeat: no-repeat;
					background-position: left 2px;
					vertical-align: top;
					font-weight: normal;
					padding-left: 14px;
					margin: 10px 0 10px 0;
				}	
				
				#tableContact a {color: #C7312B; font-weight: normal; text-decoration: none; }
				#tableContact a:visited {color: #C7312B; }
				#tableContact a:hover {text-decoration: underline; }
				p.mentions {
					font-size:9px;
					color:#999999;
				}
				/*****************************************************
				*	FIN CONTACTEZ NOUS
				******************************************************/
				
				
				
				/* Navigation Agenda / Photothèque ****************************************/
				#navAgenda, #navPhototheque {
					color: #C7312B;
					font-weight: bolder;
					margin-top: 10px; margin-bottom: 10px;
					width: 90%;
				}
				
				#navAgenda img, #navPhototheque img	{ vertical-align: middle; margin-right: 5px; }
				
				#navAgenda .left	{ text-align: left; 	width: auto !important;  }
				#navAgenda .center 	{ text-align: center; 	width: auto !important;}
				#navAgenda .right	{ text-align: right; 	width: auto !important; } 
				
				#navPhototheque .left	{ text-align: left; 	width: 40%; }
				#navPhototheque .right	{ text-align: right; 	width: 40%; }
				
				#navAgenda a, #navPhototheque a  { color: #000 !important; text-decoration: none; }
				#navAgenda a:visited, #navPhototheque a:visited { color: #000; }
				#navAgenda a:hover, #navPhototheque a:hover { color: #C7312B !important; }
				
				#navAgenda a.active { color: #C7312B !important; text-decoration: none; }
				
				/* Agenda *******************************************************************/
				#agendaTable {
					border: 1px solid #FFC362;
					border-collapse: collapse;
					color: #000;
					width: 90%;
					background-color: #fff; 
				}
				
				#agendaTable tbody th {
					/*background-color: #FFC362; */
					color: #C7312B;
					padding: 6px;
					border: 1px solid #FFC362;
				}
				
				
				#agendaTable thead td {
					background-color: #FFC362; 
					color: #fff;
					font-weight: bold;
					padding: 6px;
				}
				
				#agendaTable tbody td {
					background-color: #fff;
					border: 1px solid #FFC362;
					border-top: none;
					border-left: none;
					padding: 5px;
					text-align: center;
					font-weight: bold;
				}
				
				#agendaTable .entete, #agendaTable .dateEvenement {
					text-align: center;
					color: #C7312B;	/*#990000;*/
					font-weight: normal;
					border-left: 1px solid #FFC362;
				}
				
				#agendaTable .dateEvenement { font-weight: normal; width:200px; }
				
				#agendaTable .nbPersonne {	width: 70px; }
				
				/* Liste à puce section Presse  *************************************/
				div#listePucePresse {
				font-weight: bold;
				font-size: 12px;
				}
				
				div#listePucePresse ul {
				margin-left: 30px ;
				padding-top: 10px;
				list-style-type: none;
				}
				
				div#listePucePresse li {
				background-image: url(images/puce_rouge.gif);
				background-repeat: no-repeat;
				background-position: left bottom;
				vertical-align: middle;
				padding-left: 20px;
				}
				
				div#listePucePresse a { color: #000; }
				div#listePucePresse a:visited { color: #000; }
				div#listePucePresse a:hover { color: #C7312B !important ; }
				
				
				
				/* Section dossier de presse ***********************************************/
				#dossierPresse a span {	color: #C7312B; }
				#dossierPresse a { color: #000; font-weight: bold; text-decoration: none; }
				#dossierPresse a:visited { color: #000;}
				#dossierPresse a:hover { color: #C7312B; }
				
				/* Section Référence *******************************************************/
				#reference ul {
					clear:left;
					list-style-image:url(images/triangle_trans.rouge.gif);
					margin:0;
					padding:0 0 0 15px;
				}
				#reference li {
					margin:0;
					margin-bottom: 5px;
					vertical-align: top;
					padding:0;
				}
				
				#reference td {
					vertical-align: top;
				}
				
				/* Section Environnement Immédiat ********************************************/
				#listeEnvironnement ul {
					margin-bottom: 15px;
					list-style-image: url(images/triangle_trans2.gif);
					color:#000;
				}
				
				#listeEnvironnement .envGras {
					font-weight: bold;
					color: #C7312B;
				}
				
				#listeEnvironnement .envDetail {
					list-style-type: none;
					list-style-image: none;
					border-left: 1px solid #000;
					padding-left: 3px;
					font-weight: normal;
				}
				
				.souligneRouge {
					border-bottom: 1px solid #C7312B;
				}
				
				/* Capacites ********************************************************************************/
				.tableCapacite {
					border: 1px solid #FFC362;
					border-collapse: collapse;
				}
				
				.tableCapacite thead td {
					padding: 5px;
					background-color: #FFC362;
				}
				
				.tableCapacite th {
					/*background-color: #FFC362;*/
					border: 1px solid #FFC362;
					color: #C7312B;
					padding: 5px;
				}
				
				.tableCapacite tbody td {
					padding: 5px;
					border: 1px solid #FFC362;
				}
				
				/* Actualités ********************************************************************************/
				div#photo_actu {  
					float: right; 
					padding-right: 10px; 
					padding-bottom: 10px;
				}

/**********************************************
*	FIN ZONE DE CONTENU
**********************************************/	


/*********************************************
 *  QUESTIONNAIRE 08/07/08
 *********************************************/
div#questionnaire a{
	color:#000 !important;
}

div#questionnaire h3{
	background-color: #C7312B !important;
	text-align: center !important;
	font-family:arial ;
	color: #ffffff !important;
	padding-top:2px;
	padding-bottom:2px;
}

div#questionnaire ol{
	margin:0;padding:15px;
}

div#questionnaire p.intro
{
	font-style: italic;
}

div#questionnaire li
{
  margin-bottom: 10px;
}

/**
 * NOS REFERENCES
 */
ul#nos_references{
	list-style:none;
	padding:0;
	margin:0;
}

ul#nos_references li{
	display:block;
	float:left;
	
	padding:0;
	margin:0 10px 10px 0;
}

ul#nos_references li img{ border: 1px solid #bfbfbf }

/**********************************************
*	CLASSES DIVERSES
**********************************************/
li.puce_plan {
	list-style-image: url(images/puce_plan.gif);
}
li.puce_hebergement {
	list-style-image: url(images/puce_hebergement.gif);
}	
li.puce_agenda {
	list-style-image: url(images/puce_agenda.gif);
}	
li.puce_reference {
	list-style-image: url(images/puce_reference.gif);
}
li.puce_service {
	list-style-image: url(images/puce_service.gif);
}

hr.clear { clear: both; visibility: hidden; border: none; height: 0; }
hr.clear_ie { _margin: -7px 0; display: block; height: 0; }

.maj { text-transform: uppercase; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.gras { font-weight: bold; }
.signature { float: right; }
.left { float: left; margin: 0 5px 5px 0; }
.dateAffiche { color: #B11812; }
.listePDF {	background: url(images/logoPDF.gif) 190px top no-repeat; }

p.confirmation { 	text-align:	center;	color: #C7312B; }

p.AccesSousTitre { margin-right: 15px; color: #B01711; font-size: 12px;}

.listeTriangleNoir { list-style-image:url(images/triangle_trans2.gif); }

.baniere { clear: both; text-align: center; margin: 0 0 0 0; height: 85px; }
.baniere .left {display:block;float:left;}