/* CSS Document */

<style type="text/css">

	html,body{margin:10px;padding:0}
		
	body{
		scrollbar-base-color:#40371c;
  		scrollbar-3dlight-color:#e9daaf;
		scrollbar-arrow-color:#e9daaf;
  		scrollbar-darkshadow-color:#000000;
  		scrollbar-face-color:#40371c;
  		scrollbar-highlight-color:#e9daaf;
  		scrollbar-shadow-color:#000000;
  		scrollbar-track-color:#211d11;
		font: 76% arial,sans-serif;
		text-align:center;
		background-color: #000000;
	}
		
	div#header h1{
		height:94px;
		line-height:30px;
		margin:0;
		padding-left:10px;
		background-image: url(../interfac/bspix_baniere.jpg);
	}
		
	div#container{
		width:800px;
		border: 1px solid #fbb803;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		text-align:left
	}
	
	div#containerConstruct{
		width:799px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		text-align:center;
		height: 600px;
		background-image: url(../interfac/bspix_bckgd_color.jpg);
		background-repeat: repeat-x;
		visibility: visible;
	}
		
	div#content{
		text-align: left;
		width: 482px;
		height: 700px;
		margin-left:192px;
		overflow-y:auto;
	}
	div#contentAgenda{
		text-align: left;
		width: 610px;
		height: 700px;
		margin-left:192px;
		overflow-y:auto;
	}
	
	div#contentdiapo{
		text-align: left;
		width: 580px;
		margin-left:200px;	
	}
	
	div#contentPhoto{
		text-align: left;
		width: 520px;
		margin-left:00px;
	}
	
	div#content p{
		line-height:1.4;
		color: #FFFFFF;
	}
		
	div#wrapper{
		float:left;
		width:100%;
		height: 700px;
		background-image: url(interfac/bspix_bckgd_color.jpg);
		background-repeat: repeat-x;
		overflow-y:auto;
		
	}
	
	div#fichegroupe{
		float:left;
		width:100%;
		height: 270px;
		background-image: url(interfac/bspix_bckgd_color.jpg);
		background-repeat: repeat-x;
		margin-top: 30px;
	}
		
	div#menuGauche{
		float:left;
		width:190px;
		margin-left:-800px;
		background-image: url(../interfac/bspix_bckgd_color.jpg);
		background-repeat: repeat-x;
		color: #FFFFFF;
		height: 700px;
		background-color: #211d11;
		overflow:auto;
	}

	.menu {
		clear: both; /* pour obliger le retour à la ligne des menus */
		text-align: left;
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 20px;
		text-decoration: underline;
	}

	#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9, #smenu10, #smenu11, #smenu12, #smenu13, #smenu14, #smenu15, #smenuAD, #smenuEJ, #smenuKM, #smenuNS, #smenuTZ, #smenuHellfestSpiritFR, #smenuHellfestSpiritEN, #smenuHellfestBboo, #smenuVenGB, #smenuVenMS, #smenuSamGB, #smenuSamMS, #smenuDimGB, #smenuDimMS{
		float: left;
		display: none; /* par défaut, les sous-menus ne seront pas affichés */
		font-size: 10px;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 40px;
		margin-left: 8px;
	}

	div#menuDroite{
		border-left-width: 1px;
		border-left-style: none;
		float:left;
		width:125px;
		margin-left:-125px;
		background-image: url(../interfac/bspix_bckgd_color.jpg);
		background-repeat: repeat-x;
		color: #FFFFFF;
		height: 700px;
	}

	div#menuDiapo{
		height: 250px;
		float:left;
		width:570px;
		margin-left:0px;
		color: #Fbb803;
		overflow:auto;			
	}
		
	div#footer{
		clear:left;
		width:100%;
		background-color: #211d11;
		font-size: 10px;
		text-align: center;
		color: #fbb803;
	}
		
	div#footer p{margin:0;padding:5px 10px}
			
/* Spécifications Nom du groupe */
	div#groupe {
		color: #fbb803;
		font-size: 16px;
		font-weight: bold;
		text-decoration: underline;
		position: relative;
		z-index: 0;
	}

/* Spécifications Salle et Date du concert */	
	div#dateSalle {
		color: #fff;
		font-size: 14px;
	}

/* Spécifications Titre de rubrique*/	
	div#titreRubriq {
		color: #fbb803;
		font-size: 12px;
		padding: 10px;
		text-align: left;
		text-decoration: underline;
		font-weight: bold;
	}
	
/* Spécifications Contenu agenda */
	div#agenda {
		color: #fff;
		font-size: 11px;
		padding: 10px;
		text-align: left;
		line-height: 2px;
	}

/* Spécifications message barre de chargement */
	div#message {
		width:260px; 
		position:relative; 
		z-index:100;
		top:200px; 
		left:130px; 
		font-weight:bold; 
		color:#fbb803; 
		padding:8px;
		border:1px double #fbb803; 
		background:#211d11;
		cursor: wait; 
		text-align:center;
	}

/* Spécifications des listes */
	li {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		line-height: 20px;
		text-align: left;
		list-style-image: none;
		line-height: 6px;
		list-style-type: none;
	}

	ul {
		float: left;
		margin-top: 0px;
		display:inline;
	}

/* Spécifications des liens */	
		
	a{color: #981793;}
	a:link {color: #FFFFFF;}
	a:hover {color: #fbb803;}
	a:visited {color: #FFFFFF;}
	a:active {color: #FFFFFF;}
	a:focus {background-color:#FFFFFF;}
	a img {border-width : 0;}

/* Spécifications lien rubrique Links */
	div#links {
		color: #fff;
		font-size: 12px;
		text-align: left;
		line-height: 4px;
	}

/* Spécifications Typo contact */
	div#contact {
		color: #fff;
		font-size: 14px;
		padding: 10px;
		text-align: left;
		line-height: 16px;
	}

/* Spécifications Popup Image */
	div#popup {
		color: #fff;
	}


.Style2 {
	font-size: 10px;
	margin-left: 10px;
}

/* Spécifications Barre de Navigation */

div#navbar2 {
    height: 20px;
    width: 100%;
    border-top: solid #fbb803 1px;
    border-bottom: solid #fbb803 1px;
    background-color: #211d11;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fbb803;
    line-height: 10px;
    white-space: nowrap;
}
div#navbar2 li {
    list-style-type: none;
    display: inline;
	font-size:medium;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 10px 32px;
    color: #fbb803;
}
div#navbar2 li a:link {
    color: #fbb803:
}
div#navbar2 li a:visited {
    color: #fbb803;
}
div#navbar2 li a:hover {
    font-weight: bold;
    color: #fbb803;
}


</style>