/* CSS Document */
body {
	margin: 0; padding: 0;
	background-color: #B01811;
	color: #000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
}

img { border: none; }

div#conteneur_entete {
	background-color: #fff;
}
	div#entete {
		width: 933px;
		margin: 0 auto;
		height: 167px;
	}

		div#entete * { display: block; float: left; }

/**********************************************************
* MENU HAUT
**********************************************************/
div#conteneur_menu {
	background-color: #000; color: #fff;
}
	div#menu {
		width: 500px;
		margin: 0 auto;
		padding-left: 433px;
		height: 16px;
		background-image: url(images/entete.basLogo.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
		div#menu img { display: block; float: left; }
		div#menu a { font-size:12px; font-weight:bold;float:right; margin-right:10px;color:#FFFFFF; text-decoration:none}
		div#menu a:hover {color:#ED9100;}

/**********************************************************
* MENU BAS
**********************************************************/
div#conteneur_menu_bas {
	background-color: #000; color: #fff;
}
	div#menu_bas {
		width: 933px;
		margin: 0 auto;
		height: 16px;
		background-image: url(images/background.menuBas.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		font-size: 10px;
	}
	
	div#menu_bas a, div#menu_bas a:visited { color: #fff; text-decoration: none; }
	div#menu_bas a:hover {color: #FF9933; }
	
	div#menu_bas ul {
		margin: 0 ; padding 0px; 
		list-style-type: none;
	}
	
	div#menu_bas ul li { 
		float: right; margin: 1px 0 0 15px;
		background-image: url(images/puce_fleche_n.gif);
		background-repeat: no-repeat;
		padding-left: 15px;
	}

/************************************************************
*	ZONE DE CONTENU
************************************************************/
div#conteneur_page {
	background-image: url(images/background.centre.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #B01811;
}
	div#page {
		width: 933px;
		margin: 0 auto;
		background-color: #FFF5E4;
		text-align: left;
		background-image: url(images/background.centreH.gif);
		background-repeat: repeat-y;
	}
	div#pagehome {
		width: 933px;
		margin: 0 auto;
		background-color: #FFF5E4;
		text-align: left;
		background-image: url(images/background.centreH1.gif);
		background-repeat: repeat-y;
	}
	
		div#pagehome div#contenu{
			padding-bottom:20px;
		}
		
		/************************************************
		*	Menu Gauche
		************************************************/	
		div#menuGauche {
			width: 206px;
			background-image: url(images/background.menuGauche.gif);
			background-repeat: repeat-y;
			float: left;
			padding-top: 17px;
			background-color: #000;
			color: #fff;
		}
		
			div#menuGauche div#video {
				text-align:center;
			}
			
			
			/*******************************************
			*	MENU PRINCIPALE
			*******************************************/
			div#menuGauche ul#mainMenu {
				margin: 0; padding: 0; list-style-type: none;
				border-bottom: 1px solid #262626;
			}
			
				div#menuGauche ul#mainMenu img { display: block; margin-left: -8px; }
			
				div#menuGauche ul#mainMenu li { padding: 0; margin: 0; border-top: 1px solid transparent;}
				div#menuGauche ul#mainMenu li ul {
					margin: 0; padding: 0;
				}
				
				div#menuGauche ul#mainMenu li ul li {
					padding-left: 20px;
					padding-top: 2px;
					border-top: 1px solid #262626;
					margin: 0;
					line-height: 19px;
				}
				
				div#menuGauche ul#mainMenu li ul li a {
					text-transform: uppercase;
					font-size: 10px;
				}
			/*******************************************
			*	FIN MENU PRINCIPALE
			*******************************************/
			
			div#menuGauche div#agora {
				padding: 0 8px 0 8px;
			}
			
				div#menuGauche div#agora h2 {
					font-size: 11px;
					text-transform: uppercase;
					color: #EC8200;
				}
			
			div#menuGauche h3 {
				margin: 22px 0 0 0; 
			}
			
			div#menuGauche a, div#menuGauche a:visited { color: #fff; text-decoration: none; }
			div#menuGauche a:hover {color: #FF9933; }
			
			div#menuGauche ul { 
				margin: 14px 0 0 17px; padding: 0 0 0 20px; list-style-type: none;
			}
				div#menuGauche ul li { margin: 4px 0; line-height: 16px;}
				
				div#menuGauche form { margin: 0 0 0 17px; }
					div#menuGauche form p { margin: 17px 0 0 3px; }
					div#menuGauche input {
						border: none; font-size: 11px; 
						padding: 1px 4px;  margin-top: 5px; 
						float: left;
		
		
				}
		
		/************************************************
		*	FIN Menu Gauche
		************************************************/	
		
		
		
		/******************************************************************
		*	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#contenuInterne {
				padding-left: 15px;
				padding-right: 10px;
				padding-bottom: 10px;
			}
				div#contenu div#contenuInterne h1 {
					color: #B01711;
					font-size: 20px;
					text-transform: uppercase;
				}
				
				div#contenu div#contenuInterne a, div#contenu div#contenuInterne a:visited { color: #B01711; text-decoration: none; }
				div#contenu div#contenuInterne a:hover { color: #FF9933; }				
			
				
			div#contenu div#accueil {
				width: 480px;
				margin-left:20px;
				float:left;
				
				/** IE **/
				display:inline;
			}
			
			div#edito {
					text-align: justify;
					text-decoration: none;
					list-style-type: none;
					margin:0 20px 0 20px;
					font-size:12px;
			}
			
				/** LES 3 ENCARTS DE LA PAGE D'ACCUEIL **/
				
				
				div#accueil div.encart{
					width:425px;height:132px;
					margin-bottom:15px;
					padding:15px 0 0 55px;
				}
				
					div#accueil div#encart1{
						background: url(images/accueil_encart1.jpg) no-repeat;
					}
					
					div#accueil div#encart2{
						height:147px;
						background: url(images/accueil_encart2.jpg) no-repeat;
					}
					
					div#accueil div#encart3{
						background: url(images/accueil_encart3.jpg) no-repeat;
					}
													
				div#contenu div#accueil a, div#contenu div#accueil a:visited { color: #000; text-decoration: none; }
				div#contenu div#accueil a:hover { color: #FF9933; }
	
				div#contenu div#accueil h1 {
					margin: 0; height: 52px;
				}
				
				div#contenu div#accueil h2, div#contenu div#contenuInterne 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#contenuInterne h3{
					font-size:10px;
					text-transform:uppercase;
					color:#b01711;
				}
				
				div#contenuInterne h4{
					color:#b01711;
				}
				
				div#contenu div#accueil ul.liste_accueil {
					list-style-type: none;
					margin: 7px 0 0 0 ; 
					padding:0;
					font-size:12px;
				}
				
					div#contenu div#accueil ul.liste_accueil li p{
						margin:0;
					}

					div#contenu div#accueil ul.liste_accueil  li {
						background: url(images/puce_accueil.gif) 0 2px no-repeat;
						margin: 2px 0;
						padding: 0 0 0 17px;
					}
				

				div#contenu div#accueil div#colGauche {
					width: 289px;
					float: left;
					padding-left: 31px;
				}
				div#contenu div#colDroite  {
					float:right; width:196px;
					margin:0 15px 10px 0;
					/** IE **/ 
					display:inline 
				}	
					/*div#contenu div#accueil div#colDroite img { clear: left; float: left; margin: 0 5px 10px 0; }
					div#contenu div#accueil div#colDroite h1 { clear: left; border-bottom: 1px solid #fff; }
					div#contenu div#accueil div#colDroite div { float: left; }
					div#contenu div#accueil div#colDroite h2 { margin-top : 0; float: left; width: 196px; }
					div#contenu div#accueil div#colDroite ul { clear: left; }
					div#contenu div#accueil div#colDroite p { clear: left; width: 211px; margin: 5px 0 0 0; }
					div#contenu div#accueil div#colDroite p img { display: inline; float: right; }*/
				
				/*
				*	Actualité en accueil
				*/
				div#contenu div#actualiteAccueil { 
					font-size: 12px; 
					font-family:Arial, Helvetica, sans-serif;
				}
				div#contenu div#actualiteAccueil h1 { margin: 0px 0 0 0px; }
				div#contenu div#actualiteAccueil dl { 
					margin: 5px 0 10px 0px; padding: 0;
					width:196px;
					float: left;
					display: inline;
				}
				div#contenu div#actualiteAccueil dt, div#contenu div#actualiteAccueil dd{
					margin: 0; padding: 0;
				}
				div#contenu div#actualiteAccueil dt {padding-bottom: 0px; }
				div#contenu div#actualiteAccueil dd p { margin: 0; }
				
				div#contenu div#actualiteAccueil dd p.date { font-size:11px; font-weight:bold; }
				div#contenu div#actualiteAccueil dd p.texte { margin-bottom:3px; }
				div#contenu div#actualiteAccueil dd p.info {  }
				
				div#contenu div#actualiteAccueil dt a, div#contenu div#actualiteAccueil dt a:visited {
					color: #B01711;
					font-weight: bold;
					text-decoration: none;
				}
				
				/*******************************************************/
				/*	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
**********************************************/	
		
		
		
/**********************************************
*	PIED DE PAGE
**********************************************/
div#conteneur_footer {
	background-image: url(images/background.widefooter.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #B01811;
	margin-bottom: 20px;
}
	div#footer {
		width: 933px;
		height: 55px;
		margin: 0 auto;
		background-image: url(images/background.footer.jpg);
		background-repeat: no-repeat;
		background-color: #B01811;
		text-align: left;
	}
	
	div.footerPageInterne {
		background: url(images/background.widefooter.jpg) top left repeat-x !important;
		background-color: #B01811;
	}
	
		div#footer p {
			clear: both;
			margin: 0;
			padding-top: 40px;
			padding-bottom: 15px;
		}
		
		div#footer a, div#footer a:visited { color: #000; text-decoration: none; }
		div#footer a:hover { color: #000; }
/**********************************************
*	FIN PIED DE PAGE
**********************************************/


/*********************************************
 *  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; }
.block { display: block; }
.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;}