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

@import url(nav.css);

body {
font-family: Arial, sans-serif;
font-size: 12px;
padding: 0; margin: 0
}
.body_0, .body_  { background:#9a9b9b; }
.body_1  { background:#9a9b9b; }
.body_2  { background:#9a9b9b; }

img { border:none }
form,fieldset { margin:0; padding:0; border:none }
.clearboth { clear: both; height: 0; margin: 0; padding: 0 }
a { text-decoration: none }

.Indentation { text-indent: 15px; }
.TexteEnPetit { font-size: 0.85em; }
.TexteEnGrand { font-size: 1.15em; }
.PremiereLettreMotEnMaj { text-transform: capitalize; }
.TexteEnMajuscules { text-transform: uppercase; }
.TexteEnMinuscules { text-transform: lowercase; }
.TexteEnPetitesCapitales { font-variant: small-caps; }

.TexteDroite { text-align: right; }
.TexteGauche { text-align: left; }
.TexteCentre { text-align: center; }

.ImageDroite { float: right; margin: 5px 0 5px 8px; }
.ImageGauche { float: left; margin: 5px 8px 5px 0; }

.CouleurRouge { color: red; }
.CouleurBleu { color: blue; }
.CouleurJaune { color: yellow; }
.CouleurVert { color: green; }
.CouleurViolet { color: violet; }
.CouleurGris { color: gray; }
.CouleurOrange { color: orange; }
.CouleurOrange { color: orange; }
.CouleurMarron { color: maroon; }

.CouleurVertFonceExpo { color:#65a029; }
.CouleurVertExpo { color:#c8d200; }
.CouleurRougeFonceFestival { color:#a0121e; }
.CouleurRougeFestival { color:#d7031c; }
.CouleurGrisFonce { color:#3c3c3c; }

h1 { font:bold 24px arial; text-align:left; color:#c8d200; margin: 0 0 3px 0; }
.body_2 h1 { color:#d7031c; }
h2 { font:bold 18px arial; color:#c8d200; margin:3px 0 0 0; }
.body_2 h2 { color:#d7031c; }
h3 { font:bold 16px arial; color:#c8d200; margin:3px 0 0 0; }
.body_2 h3 { color:#d7031c; }
h4 { font:bold 14px arial; color:#c8d200; margin:3px 0 0 0; }
.body_2 h4 { color:#d7031c; }


#conteneur { background:transparent url('../images/sponsors.png') no-repeat top right; height:200px; width:1024px; margin:0 auto 10px; padding:0; clear:both; }

#sponsors { height:30px; position:relative; }


#global { margin:0 auto 10px; width: 1024px;float:left;}

#header { width: 984px; padding:0 0 0 40px;  }
	#header_gauche { float:left; position:relative; width:420px; height:110px; margin:18px 0 0; }
	.body_0 #header_gauche, .body_ #header_gauche, .body_1 #header_gauche { background:transparent url('../images/logo-fav65-vert.png') no-repeat; }
	.body_2 #header_gauche { background:transparent url('../images/logo-fav65-rouge.png') no-repeat; }
	
	#header_gauche a { display:block; position:absolute; }
	#header_gauche a#home_link { width:224px; height:100px; top:0; left:0; }
	#header_gauche a#fr_link { height: 14px; left: 263px; top: 80px; width: 21px; }
	#header_gauche a#de_link { height: 14px; left: 286px; top: 80px; width: 21px; }
	
	#header_droite { float:right; position:relative; width:560px; height:128px; }
	.body_0 #header_droite, .body_ #header_droite { background:transparent url('../images/expo+festival.png') no-repeat bottom; }
	.body_1 #header_droite { background:transparent url('../images/expo.png') no-repeat bottom; }
	.body_2 #header_droite { background:transparent url('../images/festival.png') no-repeat bottom; }
		#header_droite a { display:block; position:absolute; }
		/*#header_droite a#virgin_link { width:54px; height:52px; top:0; right:0px; }*/
		/*#header_droite a#directstar_link { width:95px; height:40px; top:0; right:55px; }*/
		#header_droite a#creditmut_link { width:220px; height:40px; top:0; right:0; }
	
	#menunav { width:984px; height:44px; padding:0 0 0 30px; background-color:#c8d200; position:relative; z-index:100; }
	.body_2 #menunav { background-color:#d7031c; }
		a#home_button { display:block; float:left; margin:8px 5px 0; width:28px; height:28px; background:transparent url('../images/home_green.gif') no-repeat; }
		.body_2 #menunav a#home_button { background:transparent url('../images/home_red.gif') no-repeat; }
		/*** Start 'nav' menu ***/
		#nav, #nav * { margin: 0; padding: 0; list-style: none; }
		#nav { float: left; line-height: 1.0; margin:10px; }
		#nav ul { position: absolute; top: -999em; width: 180px; }
		#nav ul li { width: 100%; }
		#nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
		#nav li { float: left; position: relative; }
		#nav a { display: block; position: relative; border-left: 1px solid black; padding: .45em .75em; text-decoration: none; }
		.body_2 #nav a { border-left:1px solid white; }
		#nav span.sf-sub-indicator { display:none; }
		#nav ul span.sf-sub-indicator { display:inline; }
		#nav a, #nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
			color:black; font-size:14px; }
		.body_2 #nav a { /* visited pseudo selector so IE6 applies text colour*/
			color:white; font-size:14px; }
		.body_2 #nav ul a { color:black; }
		#nav li:hover a, #nav li.sfHover a, #nav li.active a { color:white; }
		#nav li:hover, #nav li.sfHover, #nav li.active,
		#nav a:focus, #nav a:hover, #nav a:active { background-color:#353535; outline:0; color:white;  }
		#nav li:hover ul,
		#nav li.sfHover ul { left: 0; top: 26px; /* match top ul list item height */
			z-index: 99; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #222; }
		#nav li:hover ul a,
		#nav li.sfHover ul a { border-top: 1px solid #666; border-left:none; font-size: 13px; }
		ul#nav li:hover li ul,
		ul#nav li.sfHover li ul { top: -999em; }
		#nav li li { background: #444; }
		ul#nav li li:hover ul,
		ul#nav li li.sfHover ul { left: 170px; /* match ul width */ top: 10px; }
		ul#nav li li:hover li ul,
		ul#nav li li.sfHover li ul { top: -999em; }
		#nav li li li { background:	#555; }
		ul#nav li li li:hover ul,
		ul#nav li li li.sfHover ul { left: 170px; /* match ul width */ top: 10px; }
		/*** End 'nav' menu ***/

#contenu { width:954px; padding:6px 30px 0 40px; }
	.expo_accueil { margin-top: 430px }
	.achat_billets_accueil { margin: 170px 0 0 310px }
	.festival_accueil { margin:410px 0 0 0 }

	#home { background:transparent url("../images/home-bkg.jpg") no-repeat; height:700px; width:954px; position:relative; }
		#home #lien_expo { position:absolute; width:300px; height:100px; top:320px; left:30px; }
		#home #lien_fest { position:absolute; width:300px; height:100px; top:320px; right:10px; }
		#home #bouton-achat{ position:absolute; top:420px; right:30px; }
	
	#compte_rebours{ height:15px;padding-left:10px;width:220px;color:orange;font-size:14px; font-weight:bold;margin:20px 0 0 235px;}	
	#compte_rebours_def{ width:220px; float:right; color:orange;font-size:14px; font-weight:bold; margin: 0 0 10px 0}	
	#col_centre { float:left; width:746px; padding:0 20px 0 0; }
		#col_centre a { color:black; font-weight:bold; }
		#col_centre h1 { display:block; float:left; padding:0 30px 0 0; background:#9a9b9b; }
		#col_centre div.line { height:17px; width:100%-15px; border-bottom:1px solid #c8d200; text-align:right; padding:5px 15px 0 0; color:#c8d200; margin:0 0 20px; }
		.body_2 #col_centre div.line { border-bottom:1px solid #d7031c; color:#d7031c; }
	#col_droite { float:right; width:182px; margin:10px 0 0; }
		#col_droite_contenu { width:182px; padding:0; margin:0; }


div.journee_programmation { padding:5px 0; border-top:1px dotted #ddd; }	
div.journee_prog_detail { float:left; width:525px; padding:5px 0; border-top:1px dotted #ddd; }
	.vignette_cachee { display:none; }
	.vignette { border:1px solid #d7031c; float:left; margin:5px 10px 0 0; width:100px; height:100px; overflow:hidden; text-align:center; }
	.artiste { margin:0; }
	.artiste a { font-size:24px; color:white!important; text-transform:uppercase; }
	.prix { float:right; width:200px; color:#d7031c; padding:30px 0 0 20px; font-size:16px; font-weight:bold; text-align:center; border-top:1px dotted #ddd; }
	div.prix p { padding:0; margin:0; }
	.prix div.label { padding:5px; width:190px; height:40px; background:transparent url('../images/price_bkg.gif'); }
	.fiche_prog { border-top:none; }
	.prog_content { float:left; width:392px; background:transparent url('../images/red_next.gif') no-repeat; padding:0 0 0 20px; }
	.lire_suite { float:right; margin:15px 0 0; }
	.lire_suite a { color:#d7031c!important; font-size:11px; font-weight:normal!important; }
	.liste_artistes { float:left; margin:0 0 4px 0; width:440px; }
		.liste_artistes h4 a { font:12px arial; color:#90B101 ; font-weight:bold; }
		a.lien_rubrique { color:#c8d200!important; }
	    .body_2 a.lien_rubrique { color:#d7031c!important; }
		.liste_artistes a:hover { }
	.liste_artistes_j { margin:20px 0 10px 30px; text-transform:uppercase; }
		.liste_artistes_j a { color:white!important; display:block; padding:3px; }
		.liste_artistes_j a:hover { background:white; color:black!important; }
	.boutons_actions { float:right; width:162px; margin:10px 0 0; }
		.boutons_actions span { display:block; padding:5px; width:150px; text-align:center; background:white; border:1px solid #d7031c; margin:0 0 5px; }
		.boutons_actions span.tarif { background:#d7031c; font-weight:bold; color:white; }

#liste-artistes-jour{ background:url('../images/pointilles_programmation.gif') no-repeat; margin:10px 0 0 0;padding-top:10px}		
#liste-artistes-jour h2 a{color:#EA6100; font-size:14px}		
#liste-artistes-jour strong{color:#92B200}
#liste-artistes-jour .plusdinfos{color:#666666}


#zone_image_artiste { width: 440px; overflow:hidden }
.image_artiste { margin: 12px 0; border:1px solid #d7031c; }
.video { float: left; width: 320px; height: 270px; margin: 20px 20px 0 0 }
.vente_billet_spectacle { float: left; width: 90px; height: 260px; padding-top: 30px; background: url('../images/haut_parleurs.gif') no-repeat right bottom }
	.vente_billet_spectacle img { margin: 0 }
#menu_spectacles { margin: 400px 0 0 20px; height: 33px; background:url('../images/fond_selectbox.gif') no-repeat; padding: 7px 0 0 5px }


#photos_festival { float:left; background-color:#000; width:382px; height:192px; margin:0; text-align:center; }
	#rotator { overflow:hidden; margin:0 auto 0 auto; position:relative; width:382px; height:192px; }
	#rotator img { border:0; cursor:pointer; width:400px; height:auto; }
#videos_festival { float:left; background-color:#000; width:182px; height:192px; }
#videos_foire { float:left; background-color:#000; width:182px; height:147px; padding-top:45px; }

/*** Begin news_titles_bloc ***/
#news_titles_bloc { float:left; width:376px; height:190px; border:1px solid #dbdbdc; margin:0 6px 2px; background:#ccc url('../images/news-title-bkg.gif') repeat-x; overflow:hidden; }
#news_titles_bloc h3 { display:inline; font-size:18px; }

#news_titles_bloc div.news_titles_header { position:relative; margin:2px 5px 4px; border-bottom:1px solid #c8d200; color:#c8d200; }
.body_2 #news_titles_bloc div.news_titles_header { border-bottom:1px solid #d7031c; color:#d7031c; }
#news_titles_bloc div.news_titles_header a { float:right; color:black; font-size:10px; margin-top:7px; }

.element_news { clear:both; margin:0; padding:0 3px 3px; margin:0 3px 3px; border-bottom:1px dotted #97a7af; }
	a.titre_news { color:black; font: bold 12px arial; display: block; }
	.vignette_news { float:left; overflow:hidden; width: 50px; height: 50px; margin: 2px 5px 2px 0 }
	.resume_news a { float:left; color:black; width: 305px; font-size: 11px }
	.lien_actu { color: #FF3300 }
	.separation_pointilles { background:url('../images/pointilles_programmation.gif') no-repeat; margin: 5px 0 4px 0; height: 10px; width: 440px }
/*** End news_titles_bloc ***/
div.actu { border-top:1px dotted white; padding:15px 0; }
h2.actu { margin:0 0 5px; }
h2.actu a { color:#3c3c3c!important; }
.go_back { font-size:11px; color:#c8d200!important; }
.body_2 .go_back { color:#d7031c!important; }

#bloc_chemin { float:left; width:766px; margin:10px 0 20px; }
#bloc_chemin, #bloc_chemin a { color:white; font-size:10px; }
#bloc_chemin a:hover { text-decoration:underline; }

#liste_animations { padding:0 120px; float:left; overflow:hidden; }
#liste_animations a { display:block; float:left; margin:5px; height:73px; width:73px; }
#photos { float: left; width: 160px; overflow:hidden; margin: 20px 0 0 0 }

#pied_de_page { float:left; padding:10px 0 0; margin:20px 30px 20px 40px; width:954px; border-top:1px dotted #ddd; }
	#pied_de_page .menu_pdp a { font:12px arial; color:#FFF; text-decoration:none; margin: 0 16px 0 0; border-left: 1px solid #fff; padding-left: 16px }
	#pied_de_page .menu_pdp a:hover { text-decoration:underline; }	
	.allofoire { margin: 0 30px 0 0; font: bold 19px arial; color:#FFF }
	.num_tel { color:#c8d200; }
	.body_2 .num_tel { color:#d7031c; }
	.colmar_expo { float:left; margin:10px 10px 0 0; }
	.crea_rea { float:left; margin:20px 0 0; }
	.crea_rea, .crea_rea a { color:white; }
	.crea_rea a:hover { text-decoration:underline; }
	
#virginradio {width:120px;float:left; margin:25px 0 0 20px; }
#bandeau_pub {width:120px;float:left; margin:80px 0 0 10px; }	
/* Modele animations */
#bloc-anim { background:#e0dfde url('../images/accordion2-content-bkg.png') repeat-x; font-size:12px; overflow:hidden; width:350px; height:auto; float:left; padding:5px 5px 10px 5px; margin:0 10px 10px 0; }
	#bloc-anim img { border:1px solid #CCC; margin:3px auto 3px auto; }
	#bloc-anim h2.lieu_anim { background:#c8d200; color:black; text-transform:uppercase; font-weight:normal; font-size:14px; padding:3px; }
	#bloc-anim hr { color:#c8d200; background-color:#c8d200; height:1px; border:0; }
	#bloc-anim h3 { color:black; }
	
/* Modele partenaire */
.titre-partenaires { margin:15px 0 10px 0; background:#c8d200; color:white; width:380px; padding:2px 4px; }
div.partenaires { background:white; }
div.partenaire { float:left; width:240px; height:100px; margin:0; padding:10px 4px; text-align:center; background:white; }
div.partenaire .logo img { max-width:228px; }
div.partenaire div.infopartenaire { margin:5px 0 0; }
div.partenaire div.infopartenaire a { color:#c8d200!important; }

/* Modele historique */
#anciens{width:400px}
/* Modele galerie */
#vignette-galerie{float:left;margin:0 5px 5px 0;width:100px; height:100px;}
#vignette-galerie img{vertical-align:center; border:2px solid #CCCCCC}
/*extranet*/
#extra_login{border:1px solid #EC7902;margin-bottom:5px}
#extra_pass{border:1px solid #EC7902}

/* Bloc newsletter */
#newsletter_bloc { margin:8px 0 0; }
span#newsletter-label { color:#c8d200; font-size:12px; }
.body_2 span#newsletter-label { color:#d7031c; }
input#email { float:left; height:21px; width:156px; padding:0 0 0 5px; margin:0; border:0; background:url('../images/input_bkg.png') no-repeat; color:#9a9b9b; font-size:11px; }
#btn-ok { float:left; background:url('../images/go_btn_green.gif') no-repeat; border:none; width:21px; height:21px; cursor:pointer; }
.body_2 #btn-ok { background:url('../images/go_btn_red.gif') no-repeat; }

/* Nouvelle galerie photo */
#accordion { float:left; width:255px; }
#accordion h2 { background-color:#c8d200; text-align:center; padding:3px 0; margin:12px 8px 6px 0; }
.body_2 #accordion h2 { background-color:#d7031c; }
#accordion div.accordion-separator { position:relative; top:-10px; width:246px; height:2px; border-top:1px dotted #ddd; }
#accordion a { font-size:14px; font-weight:normal; color:white; }
#accordion a.thumb-link { display:inline; }
#accordion div.thumb-container { float:left; width:55px; height:55px; padding:0; margin:0 6px 7px 0; overflow:hidden; border:1px solid #c8d200; }
.body_2 #accordion div.thumb-container { border:1px solid #d7031c; }
#main-image-wrapper { float:right; width:485px; }
#main-image { position:relative; top:0; width:485px; border:1px solid #c8d200; background-color:black; margin:5px 0 0; }
#main-image.fixed { position:fixed; top:0; }
.body_2 #main-image { border:1px solid #d7031c; }

/* Page infos pratiques */
#accordion2 { float:left; width:746px; }
#accordion2 h2 { background:#c8d200 url('../images/arrow_green_bkg.png') no-repeat right; text-align:left; padding:3px 0; margin:12px 0 6px 0; }
#accordion2 div.accordion-separator { position:relative; top:-10px; width:746px; height:2px; border-top:1px dotted #ddd; }
#accordion2 h2 a { margin:0 0 0 15px; font-size:14px; font-weight:normal; color:black; }
#accordion2 h2.ui-state-active { background:black url('../images/arrow_black_bkg.png') no-repeat right; }
#accordion2 h2.ui-state-active a { color:#c8d200; }
#accordion2 .accordion-content { background:#e0dfde url('../images/accordion2-content-bkg.png') repeat-x; margin-top:-6px; padding:6px 10px; }

#liste_j_prog { text-align:right; }
#liste_j_prog img { width:35px; height:35px; }