/* CSS Document */
/*************
COULEURS
marron: #3d1f1d
orange:#f5821f
rouge:#b0483e
rouge vif: #bf2e01
vert:#b8aa51
jaune: #eadd38

********************/


body{	
	font-family:arial!important;
	font-size:66.5%!important; /*ensuite 1em=10px en taille normale*/
	color:#000;
	background:#fff url(../images/fond_degrade.jpg) 0 170px repeat-x;
	}
	
.spacer{
	clear:both;
	line-height:0;
}

/*******************************************************************/
#conteneur_global{
	margin:auto;
	padding:auto;
	width:990px;
	height:auto;
	float:left;
	background-color:#FFF;
}
#conteneur_global_deco{
	margin:auto;
	padding:auto;
	width:1139px;
	height:auto;
}
#deco{
	height:401px;
	width:149px;
	background:transparent url(../images/motif_fond.gif) 0 0 no-repeat;
	float:left;
	margin-top:330px;
	}


#header{
	height:289px;
	width:990px;
	background:url(../images/bandeau_affiche.jpg) 0 0 no-repeat;
	}

/****************MENU PRINCIPAL*************************/
#menu_principal{
	height:58px;
	width:990px;
	margin:0px;
	padding:0px;
	background:url(../images/menu_principal_off.jpg) 0 0 no-repeat;
	}
#menu_principal a.concerts_spectacles{	
	width:259px;
	height:43px;
	padding:0;
	margin:0;
	display:block;
	float:left;
	}	
	#menu_principal a:hover.concerts_spectacles{	
	background: url(../images/menu_principal_on.jpg) 0 0 no-repeat;
	}
	
#menu_principal a.village{	
	width:189px;
	height:43px;
	padding:0;
	margin:0;
	float:left;
	display:block;
	}	
	#menu_principal a:hover.village{	
	background: url(../images/menu_principal_on.jpg) -259px 0 no-repeat;
	}
	
#menu_principal a.invites{	
	width:116px;
	height:43px;
	padding:0;
	margin:0;
	float:left;
	display:block;
	}	
	#menu_principal a:hover.invites{	
	background: url(../images/menu_principal_on.jpg) -448px 0 no-repeat;
	}
#menu_principal a.avant_gout{	
	width:169px;
	height:43px;
	padding:0;
	margin:0;
	float:left;
	display:block;
	}	
	#menu_principal a:hover.avant_gout{	
	background: url(../images/menu_principal_on.jpg) -564px 0 no-repeat;
	}
#menu_principal a.presentation{	
	width:257px;
	height:43px;
	padding:0;
	margin:0;
	float:left;
	display:block;
	}	
	#menu_principal a:hover.presentation{	
	background: url(../images/menu_principal_on.jpg) -733px 0 no-repeat;
	}
	
#menu_principal a.concerts_spectacles span, #menu_principal a.village span, #menu_principal a.invites span, #menu_principal a.avant_gout span, #menu_principal a.presentation span{
	display: none;
	}
	
	

/*******************************************************************/
#recherche{
	height:18px;
	width:990px;
	text-align:right;
	/*margin-right:15px;*/
	}

#recherche fieldset{
	margin:0!important;
	border:none;
}

.ok{
	border:none;
	margin:0!important;
	padding:0!important;
	color:#fff;
	font-size:0.9em;
	font-weight:normal;
	cursor:pointer;
	width:30px;
	height:15px;
	background:url(../images/etoile_recherche_off.gif) 0 0 no-repeat;
	color:#ac9c34;
}
.ok:hover{
	background:url(../images/etoile_recherche_on.gif) 0 0 no-repeat;
	color:#f5821f;
}
.invisible{
	display:none;
}
#recherche fieldset input.champ-recherche{
	font-size:1em;
	height:14px;
	width:148px;
	background: url(../images/fond_recherche.jpg) 0 0 no-repeat;
	color:#fff;
}
#flash{
	margin:0;
	padding:0;
	height:197px;
	/***********/
	width:684px;
	/***********/
	float:left;
	}
	
	
#contenu{
	height:auto;
	width:486px;
	margin:0 0 15px 0;
	float:left;
	background-color:#fff;
	}
	
	
#global_contenu_gauche{
	padding:0 0 25px 0;
	background-color:#fff;
	float:left;
	}
	
#edito{
	height:auto;
	width:455px;
	margin:15px 0 0 0;
	}

	#edito hr{
	margin:0;
	padding:0;
	color:#3d1f1d;
	}
	
#spectacles{
	height:auto;
	width:455px;
	float:left;
	margin:25px 0 15px 0;
	}
	
	#spectacle1, #spectacle5{
	height:102px;
	width:220px;
	float:left;
	margin:7px 3px 10px 0;
	padding:0px;
	}
	#spectacle3,#spectacle7{
	height:102px;
	width:220px;
	float:left;
	margin:7px 3px 10px 0;
	padding:0px;
	}
	#spectacle2,#spectacle4,#spectacle6,#spectacle8{
	height:102px;
	width:220px;
	margin:0 3px 0 0;
	float:right;
	padding:0px;
	}

#spectacle1 img, #spectacle2 img,#spectacle3 img, #spectacle4 img, #spectacle5 img, #spectacle6 img,#spectacle7 img, #spectacle8 img {
	margin:0;
	padding:0;
	float:left;
	border:none;
	}
	.date_spectacle{
	margin:0;
	padding:3px;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #a32a1e;
	line-height:1.9em;
	}
	
	.heure_spectacle{
	color:#a32a1e;
	font-weight:bold;
	line-height:1.8em;
	}
	.artiste_spectacle{
	color:#3d1f1d;
	font-weight:bold;
	font-size:1.2em;
	}
#exergues_accueil{
	height:auto;
	width:455px;
	float:left;
}
#exergues_accueil ul{
	margin:0;
	padding:0;
	
}
#exergues_accueil ul li{
	margin:0;
	padding:0 0 0 18px;
	background:url(../images/etoile_liste.gif) 0 0 no-repeat;
	list-style:none;
}
#exergues_accueil ul li a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#000;
}
#exergues_accueil ul li a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
}
.titre_exergue{
	text-transform:uppercase !important;
	color:#f5821f!important;
	font-weight:bold!important;
}
/*******************************************************************/
#gauche{
	height:auto;
	width:248px;
	background-color:red;
	float:left;
	background:#fff url(../images/fond_player.gif) bottom no-repeat;
	}
	
#player{
	height:55px;
	width:210px;
	float:left;
	/*background-color:red;*/
	margin:424px 0 50px 20px;
	padding-bottom:25px;
	}

/*******************************************************************/
#droite{
	height:auto;
	width:250px;
/*	border:1px solid purple;*/
	float:right;
	margin:0 0 10px 0!important;
	padding:0 !important;
	background-color:#FFF;
	}
	
/************MENU DROITE***********************/
#menu_secondaire{
	height:auto;
	width:200px;
	float:left;
	margin: 17px 15px 0 10px ;
	}
	
#conteneur_global #droite #menu_secondaire a.billeterie{
	margin:0;
	display:block;
	width:200px;
	height:22px;
	border-bottom:1px solid #cdc485;
	background: url(../images/droite_billeterie.gif) 0 0 no-repeat;
}
#conteneur_global #droite #menu_secondaire a:hover.billeterie{
	background: url(../images/droite_billeterie_on.gif) 0 0 no-repeat;
}

#conteneur_global #droite #menu_secondaire a.infos_pratiques{
	margin:0;
	display:block;
	width:200px;
	height:26px;
	background: url(../images/droite_infos.gif) 0 0 no-repeat;
	border-bottom:1px solid #cdc485;
}
#conteneur_global #droite #menu_secondaire a:hover.infos_pratiques{
	background: url(../images/droite_infos_on.gif) 0 0 no-repeat;
	border-bottom:1px solid #f5821f;
}

#conteneur_global #droite #menu_secondaire a.stages{
	margin:0;
	display:block;
	width:200px;
	height:26px;
	background:#fff url(../images/droite_stage.gif) 0 0 no-repeat;
	border-bottom:1px solid #cdc485;
}
#conteneur_global #droite #menu_secondaire a:hover.stages{
	background: url(../images/droite_stage_on.gif) 0 0 no-repeat;
	border-bottom:1px solid #f5821f;
}

#conteneur_global #droite #menu_secondaire a.eco_festival{
	margin:0;
	display:block;
	width:200px;
	height:26px;
	background: url(../images/droite_ecofestival.gif) 0 0 no-repeat;
	border-bottom:1px solid #cdc485;
}
#conteneur_global #droite #menu_secondaire a:hover.eco_festival{
	background: url(../images/droite_ecofestival_on.gif) 0 0 no-repeat;
	border-bottom:1px solid #f5821f;
}

#conteneur_global #droite #menu_secondaire a.benevolat{
	margin:0;
	display:block;
	width:200px;
	height:26px;
	background: url(../images/droite_benevolat.gif) 0 0 no-repeat;
	border-bottom:1px solid #cdc485;
}
#conteneur_global #droite #menu_secondaire a:hover.benevolat{
	background: url(../images/droite_benevolat_on.gif) 0 0 no-repeat;
	border-bottom:1px solid #f5821f;
}

#conteneur_global #droite #menu_secondaire a.partenaires{
	margin:0;
	display:block;
	width:200px;
	height:26px;
	background: url(../images/droite_partenaires.gif) 0 0 no-repeat;
	border-bottom:1px solid #cdc485;
}
#conteneur_global #droite #menu_secondaire a:hover.partenaires{
	background: url(../images/droite_partenaires_on.gif) 0 0 no-repeat;
	border-bottom:1px solid #f5821f;
}

#conteneur_global #droite #menu_secondaire a.billeterie span, #conteneur_global #droite #menu_secondaire a.infos_pratiques span, #conteneur_global #droite #menu_secondaire a.stages span, #conteneur_global #droite #menu_secondaire a.eco_festival span, #conteneur_global #droite #menu_secondaire a.benevolat span, #conteneur_global #droite #menu_secondaire a.partenaires span{
	display:none;
	}
/**********************************/


#blog a{
	height:51px;
	width:212px;
	margin:50px 15px 35px 9px;
	background:url(../images/blog_festival_off.gif) 0 0 no-repeat;
	float:left;
	}
	#blog a:hover{
	background:url(../images/blog_festival_on.gif) 0 0 no-repeat;
	}
	
#blog_suite a{
	height:51px;
	width:212px;
	margin:50px 15px 185px 9px;
	background: url(../images/blog_festival_off.gif) 0 0 no-repeat;
	float:left;
	}
	#blog_suite a:hover{
	background:url(../images/blog_festival_on.gif) 0 0 no-repeat;
	}
			
#actus{
	height:auto;
	width:238px;
	margin:0 5px 10px 0;
	float:left;
	padding:0;
	}
	.actualite{
	background-color:#3d1f1d;
	height:auto;
	margin:5px 0 0 0;
	padding:5px 0 0 5px !important;
	}	
	.actualite ul{
	margin:0;
	padding:0 0 0 5px;
	list-style:none;
	}
	.actualite ul li{
	margin:0;
	padding:0 0 0 10px;
	color:#bdd048;
	background: url(../images/puce_actus.gif) 0 5px no-repeat;
	}
	.actualite ul li.date{
	color:#fff;
	font-weight:bold;
	background:none;
	}
	
		#actus a.plus_infos{
		margin:5px 0 0 15px;
		height:23px;
		width:75px;
		display:block;
		background: url(../images/plus_infos.gif) 0 0 no-repeat;
		}
		#actus a:hover.plus_infos{
		background: url(../images/plus_infos_on.gif) 0 0 no-repeat;
		}
		#actus a.plus_infos span{
		display:none;
		}
	
#newsletter{
	height:44px;
	width:238px;
	float:left;
	}	
	#newsletter a{	
	height:44px;
	width:238px;
	background: url(../images/newsletter_off.gif);
	margin:0;
	float:left;
	}
	#newsletter a:hover{
	background: url(../images/newsletter_on.gif);
	}
	#newsletter a span{	
	display:none;
	}
	
#contact{	
	height:auto;
	width:238px;
	margin:30px 5px 0 0;
	background:#f5821f url(../images/contact_bas.gif) bottom no-repeat;
	float:left;
	color:#fff;
	padding:0;
	}
	#contact a{	
	color:#fff;
	text-decoration:none;
	}
	#contact a:hover{	
	color:#fff;
	text-decoration:underline;
	}
	#contact p{	
	padding:0 0 22px 9px;
	}

/*******************************************************************/

#footer{
	height:123px;
	width:710px;
	background:url(../images/feuille_footer.gif) 670px 0 no-repeat;
	float:left;
	border-top:1px solid #327842;
	padding-left:280px;
}
#footer a{
	text-decoration:none;
	text-transform:uppercase;
	color:#46a88e;
	padding:5px 15px;
	font-size:1.1em;
	font-weight:bold;
}
#footer a:hover{
	text-decoration:none;
	color:#327842;
}

/***************************SUITE**********************************/
#contenu_suite{
	height:auto;
	width:650px;
	margin:15px 0 15px 48px;
	float:left;
	}
	
#player_suite{
	height:55px;
	width:210px;
	float:left;
	/*background-color:yellow;*/
	margin:60px 0 0 0;
	padding-bottom:25px;
	display:block;
	}
#titre{
	height:27px;
	width:649px;
	float:left;
	border-bottom:1px solid #3d1f1d;
	margin:0 0 10px 0;	
	font-size:1.9em;
	color:#3d1f1d;
	font-weight:bold;
}
#sous-navigation{
	height:auto;
	width:180px;
	float:left;	
}
/***********************SOUS-RUB le VILLAGE de LAFI-BALA************************/
#conteneur_global #contenu_suite #sous-navigation a.programme{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_village.gif) 0 0 no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.programme{
	background: url(../images/ss_rub_village.gif) -180px 0 no-repeat;
}

#conteneur_global #contenu_suite #sous-navigation a.conferences{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_village.gif) 0 -59px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.conferences{
	background: url(../images/ss_rub_village.gif) -180px -59px no-repeat;
}

#conteneur_global #contenu_suite #sous-navigation a.quartier{
	margin:0;
	display:block;
	width:180px;
	height:69px;
	background: url(../images/ss_rub_village.gif) 0 -118px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.quartier{
	background: url(../images/ss_rub_village.gif) -180px -118px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a.programme span,#conteneur_global #contenu_suite #sous-navigation a.conferences span, #conteneur_global #contenu_suite #sous-navigation a.quartier span{	display:none;}


/***********************SOUS-RUB AVANT GOUT************************/


#conteneur_global #contenu_suite #sous-navigation a.autres{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_avantgout.gif) 0 0 no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.autres{
	background: url(../images/ss_rub_avantgout.gif) -181px 0 no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a.semaine{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_avantgout.gif) 0 -59px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.semaine{
	background: url(../images/ss_rub_avantgout.gif) -181px -59px no-repeat;
}

#conteneur_global #contenu_suite #sous-navigation a.master{
	margin:0;
	display:block;
	width:180px;
	height:49px;
	background: url(../images/ss_rub_avantgout.gif) 0 -118px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.master{
	background: url(../images/ss_rub_avantgout.gif) -180px -118px no-repeat;
}

#conteneur_global #contenu_suite #sous-navigation a.scolaires{
	margin:0;
	display:block;
	width:180px;
	height:49px;
	background: url(../images/ss_rub_avantgout.gif) 0 -167px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.scolaires{
	background: url(../images/ss_rub_avantgout.gif) -180px -167px no-repeat;
}

#sous-navigation a.autres span, #sous-navigation a.semaine span , #sous-navigation a.master span, #sous-navigation a.scolaires span{	
	display:none;}
	
/***********************SOUS-RUB PRESENTATION************************/
#conteneur_global #contenu_suite #sous-navigation a.cooperation-chamb{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_presentation.gif) 0 0 no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.cooperation-chamb{
	background: url(../images/ss_rub_presentation.gif) -181px 0 no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a.histoire{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_presentation.gif) 0 -59px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.histoire{
	background: url(../images/ss_rub_presentation.gif) -181px -59px no-repeat;
}

#conteneur_global #contenu_suite #sous-navigation a.cooperation-cult{
	margin:0;
	display:block;
	width:180px;
	height:69px;
	background: url(../images/ss_rub_presentation.gif) 0 -118px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.cooperation-cult{
	background: url(../images/ss_rub_presentation.gif) -181px -118px no-repeat;
}

#conteneur_global #contenu_suite #sous-navigation a.valeurs{
	margin:0;
	display:block;
	width:180px;
	height:59px;
	background: url(../images/ss_rub_presentation.gif) 0 -187px no-repeat;
}
#conteneur_global #contenu_suite #sous-navigation a:hover.valeurs{
	background: url(../images/ss_rub_presentation.gif) -181px -187px no-repeat;
}

#sous-navigation a.cooperation-chamb span, #sous-navigation a.histoire span , #sous-navigation a.cooperation-cult span, #sous-navigation a.valeurs span{	
	display:none;}

/******************************************************************************/
/*************
COULEURS
marron: #3d1f1d
orange:#f5821f
rouge:#b0483e
rouge vif: #bf2e01
vert:#b8aa51
jaune: #eadd38

********************/


#description{
	height:auto;
	width:415px;
	float:right;
	margin:0 0 15px 0;
	font-size:1.2em;
	color:#3d1f1d;
	font-weight:bold;
}
#suite{
	height:auto;
	width:415px;
	float:right;
	margin:0 0 15px 0;
}
#suite p{
	/*line-height:1.1em;*/
}
#suite ul{
	margin:0;
	padding:0;
	
}
#suite ul li{
	margin:0;
	padding:0 0 0 18px;
	background:url(../images/etoile_liste.gif) 0 0 no-repeat;
	list-style:none;
}
#suite ul li a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#000;
}
#suite ul li a:hover{
	margin:0;
	padding:0;
	text-decoration:underline;
}
.titre_exergue{
	text-transform:uppercase !important;
	color:#f5821f!important;
	font-weight:bold!important;
}
#suite h1{
	background-color:#eadd38;
	padding:3px;
	color:#fff;
	font-size:1.3em;
	margin:10px 0 3px 0;
	text-transform:uppercase;
}
#suite h1.special{
	background:none!important;
	padding:3px 3px 3px 10px;
	color:#3d1f1d;
	font-size:1.3em;
	margin:10px 0 3px 0;
	border-bottom-style: none!important;
	border-top-style: none!important;
	border-right-width: 9px;
	border-left-width: 9px;
	border-right-style: ridge;
	border-left-style: ridge;
	border-right-color: #eadd38;
	border-left-color: #eadd38;
}

#suite h2{
	font-size:1.3em;
	color:#eadd38;
	border-bottom:1px solid #eadd38;
	margin:0;
}
#suite h3{
	font-size:1.2em;
	color:#3d1f1d;
	font-weight:bold;
	margin:0;
}

#suite h1.rouge{
	background-color:#a32a1e;
	padding:3px;
	color:#fff;
	margin:10px 0 3px 0;
}
#suite h2.rouge{
	color:#a32a1e;
	border-bottom:1px solid #a32a1e;
}
#suite h1.marron{
	background-color:#3d1f1d;
	padding:3px;
	color:#fff;
	}
#suite h2.marron{
	color:#3d1f1d;
	border-bottom:1px solid #3d1f1d;
}