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

@import url(nav.css);
@import url(formatting.css);

body {
font-family: Arial, sans-serif;
font-size: 12px;
padding: 0; margin: 0
}
.body_0{ background: #024D8E url('../images/fond-sitv.jpg') repeat-x }
.body_1{ background: #CE007C url('../images/fond-solidarissimo.jpg') repeat-x }


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


#conteneur{width:982px;margin: 10px auto; position: relative;}

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

#header { width: 982px; height: 165px; background:url('../images/bord_top.gif') no-repeat; padding-top: 8px; }
	#header_gauche { float:left; width: 598px; height: 158px; background-color:#FFF; }
		#langues { width: 80px; height: 14px; margin: 4px 0 0 10px; }
	#header_gauche #langues { position: absolute; z-index: 1; }
			#langues img { float: left; margin: 0 3px 0 0}
		
		#banner { position: relative; height: 165px; width: 982px; margin-top: -7px; }
			#banner a { float: left; }
		
		img.dates { margin-top: 35px; }
		
		.logo_header_0{ float: left;  width:298px; text-align:center; }
		.logo_header_1{ float: left;width:298px; text-align:center; }
		/*.encoche{float:left;margin:-25px 0 0 0}*/
		.encoche{float:left;margin:-3px 0 0 0}
		.dates_0 { float: left; margin: 25px 0 0 0 }
		.dates_1 { float: left; margin: 25px 0 0 0 }
	.body_0 #header_droite { float:left; width: 382px; height: 158px;background: #FFFFFF}
	.body_1 #header_droite { float:left; width: 382px; height: 158px;background: #FFFFFF url('../images/visuel-droite-2.jpg') no-repeat top right; }
		.visuel-droite { float: right }
	
	.body_0 #banner-original { display: none; }
	.body_1 #banner { display: none; }



#menu_0 { width: 980px; height: 30px; margin: 0;background:url('../images/fond-menu.gif') repeat-x    }	
#menu_1 { width: 980px; height: 30px; margin: 0;background:url('../images/fond-menu1.gif') repeat-x    }		
	

#contenu { width: 978px; border-left: 1px solid #01a6c1; border-right: 1px solid #01a6c1; background-color:#FFF; padding: 20px 0 45px 0 }
#salon { float:left;width: 481px; height: 658px;  }
	
	#achat-billet{
		position:relative;
		top:-500px;
		left:420px}
	
	#solidarissimo { float:left; width: 480px; height: 658px; }
#homepage{
	width:990px;
	height:872px;
	background:url('../images/bg-home.png') no-repeat;
	margin:0 auto;
	padding:15px 5px 0 15px
}
#home-left{
	width:585px;
	float:left;
	}
	#home-salon { 
		float:left;
		width:585px;
		height: 400px; 

		 }
	
	#home-solidarissimo { 
		float:left;
		width: 585px; 
		height: 410px;

		
		 }
	 #home-acces-pro { 
		float:left;
		width: 372px; 
		height: 510px;
		background:url('../images/home-pro.png') no-repeat;
		text-align:center;
		padding:300px 0 0 0;
		
		 }
	#home-acces-pro div{margin-bottom:15px} 
	
	#achat-billet{
		position:relative;
		top:-500px;
		left:420px}
	


	
	#gauche_0	{width: 223px; height:550px;float:left;background:url('../images/col-gauche.jpg') no-repeat}
	#gauche_1	{width: 223px; height:550px;float:left;background:url('../images/col-gauche1.jpg') no-repeat}
	

		#col_gauche table{margin:520px 0 0 0;float:left; }
		.bouton-achat{ margin: 5px 0 0 60px; float:left }
		.gauche_exposition { background:url('../images/cote_jour.jpg') no-repeat }	
	#compte_rebours{ height:15px;padding-left:10px;width:220px;color:orange;font-size:14px; font-weight:bold;margin-top:20px;}	
	#col_centre { float:left; width: 630px; padding:0 10px 0 10px;}

				#col_centre .contenu-texte{width:640px;min-height:350px;margin:0 0 0 0px}				
			
		.1col { width: 735px }
		h1.libelle_0{
				   margin:0 0 10px 0;padding:0 0 9px 0;
				   width:640px;
				   font-size:18px; font-weight:bold;line-height:18px;
				   border-bottom:1px solid #CCC;
				   font-family: Arial, Helvetica, sans-serif; color:#6699ff; float:left;}
		h1.libelle_1{
				   margin:0 0 10px 0;padding:0 0 9px 0;
				   width:640px;
				   font-size:18px; font-weight:bold;line-height:18px;
				    border-bottom:1px solid #CCC;
				   font-family: Arial, Helvetica, sans-serif; color:#CE007C; float:left;}
				   
	.body_1 #parrainnage{width:222px; height:93px;clear:both;
						margin:15px 0 0 0;
						background:url('../images/parrainnage.gif') no-repeat;}
	
	#col_droite { float:right; width: 295px; margin: 0 0 0 16px !important; margin:0; }
		#col_droite_contenu { width: 285px; padding: 10px 5px 0 5px; margin: 0; background:url('../images/fond_colonne_droite.gif') repeat-y }
		#col_droite_haut { background:url('../images/colonne_droite_haut.gif') no-repeat; width: 293px; height: 17px }
		#col_droite_bas { background:url('../images/colonne_droite_bas.gif') no-repeat; width: 293px; height: 4px ;float:right;}


.journee_programmation { width: 420px; background:url('../images/pointilles_programmation.gif') no-repeat left top; padding: 6px 0; clear: both }
.journee_programmation:hover { background-color: #01A3BE }
	.vignette { float: left; width: 50px; height: 50px; margin: 5px 35px 5px 13px; }
	.vignette img { border: 1px solid #92B200; overflow:hidden }
	.liste_artistes { float: left; margin: 0 0 4px 0; width:280px }
		.liste_artistes h4 a { font: 12px arial; color:#FFFFFF ; font-weight:bold; }
		.liste_artistes h4 { font: 12px arial; color:#00427C ; font-weight:bold; }
	    .liste_artistes a { font: 12px arial; color:#004179 }
		.liste_artistes a:hover { color:#000; text-decoration: underline }
		.plusdinfos{font-size:11px!important;color:#90B101}

#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-top: 1px solid #EA6100; border-bottom: 1px solid #EA6100; }
.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 }


.element_news { clear: both; margin: 0; padding: 0 4px 10px 4px; width: 273px; background-image:url('../images/fond_news.gif') }
	a.titre_news { color: #FFF; font: bold 12px arial; padding: 2px 4px; margin: 2px 0 3px 0; display: block; background: #024480 url('../images/bout_titre_news.gif') no-repeat right top}
	.vignette_news { float:left; border: 1px solid #92B200; overflow:hidden; width: 50px; height: 50px; margin: 2px 5px 2px 0 }
	.resume_news a { float:left; color:#677E89; width: 210px; 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 }
	
#photos_festival { background-color:#000; width: 275px; height: 135px; margin: 0 0 0 4px; text-align:center;}
#videos_festival { background-color:#000; width: 275px; height: 190px; margin: 0 0 0 4px; }


#liste_animations { float:left; overflow:hidden; width: 420px; border-right: 10px solid #fff }
#photos { float: left; width: 160px; overflow:hidden; margin: 20px 0 0 0 }

#pied_de_page_home {float:left;padding:10px 0 0 0;width:980px; height:86px;}		
.body_0 #pied_de_page {float:left;padding: 110px 0 0 0; background: transparent url('../images/footer2.jpg') no-repeat 0 top;width:980px; height:86px;}
.body_0 .pied_de_page_rub1{float:left;padding: 45px 0 0 0!important; background: transparent url('../images/bord_bottom.gif') no-repeat 0 top !important;width:982px; height:25px;}
.body_1 #pied_de_page {float:left;padding: 45px 0 0 0; background: transparent url('../images/bord_bottom.gif') no-repeat 0 top;width:980px; height:25px;}
	#pied_de_page a,#pied_de_page_home a { font: bold 13px arial; color:#FFF; text-decoration:none; margin: 0 30px 0 0; border-left: 1px solid #fff; padding-left: 16px }
	#pied_de_page a:hover,#pied_de_page_home a:hover { color:#000 }	
	.allofoire { margin: 0 30px 0 0; font: bold 19px arial; color:#FFF }
	.colmar_expo { float:right; margin: -30px 0 0 0 }
	

#bandeau-pub{float:right;padding:180px 0 0 0;}	
/* Modele animations */
#bloc-anim{border:1px dashed #CCC;font-size:11px ;overflow:hidden;width:650px; height: auto; padding:5px 5px 5px 5px ;margin: 0 10px 10px 0; margin-bottom:15px;}
#bloc-anim img{border:1px solid #CCC; margin:3px 5px 3px auto; float:left}
#bloc-anim div{float:left; width:420px; margin:0;padding:0 0 0 5px;line-height:1.7em}
/* Modele partenaire */
.titre-partenaires{margin:0 0 10px 0; background:#92B200;color:#ffffff;width:630px;padding:2px;}
#partenaire{width:630px; height:70px; clear:both; border-bottom:1px dashed #92B200;margin-bottom:15px}
#partenaire .logo{float:left; width:160px;text-align:center}
#partenaire .infopartenaire{float:left; width:270px;}
/* Modele historique */
#anciens{width:600px;padding:0 10px 0 10px}
/* 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}

/* Nouvelle galerie photo */
#accordion { float:left; width:190px; }
#accordion h2 { background-color:#024480; 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:182px; 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 #024480; }
.body_2 #accordion div.thumb-container { border:1px solid #d7031c; }
#main-image-wrapper { float:right; width:450px; }
#main-image { position:relative; top:0; width:450px; border:1px solid #024480; background-color:black; margin:5px 0 0; }
#main-image.fixed { position:fixed; top:0; }
.body_2 #main-image { border:1px solid #d7031c; }
/* environnement personnalisé - solidarissimo */
#env_1 h2 { background-color: #CE007C; }
#env_1 div.thumb-container { border-color: #CE007C; }
#env_1 #main-image { border-color: #CE007C; }
/* bt next / prev */
#main-image .btnav {
	display: block; width: 48px; height: 48px; text-indent: -999px; overflow: hidden; position: absolute; z-index: 50; top: 120px; cursor: pointer; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
}
#main-image .disabled { filter:alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; cursor: default; }
	#main-image  .btnext {
		right: -6px;
		background: url('../images/fleche-next.png') 0 0 no-repeat;
	}
	#main-image  .btprev {
		left: -3px;
		background: url('../images/fleche-prev.png') 0 0 no-repeat;
	}


/*extranet*/
#extra_login{border:1px solid #00447D;margin-bottom:5px}
#extra_pass{border:1px solid #00447D}
#btn-ok{background: url('../images/btnGo_off.gif') no-repeat;border:none;width:35px;height:26px;margin:-5px 0 0 0;cursor:pointer}
/* styles */
.bleu { color:#00427C;line-height:1.5em; }
.orange { color:#EA6100 }
.vert{color:#90B101}
.gris{color:#7B7B7B}
.magenta{color:#cc3366}

h2.actu, h2.actu a { font: bold 16px arial; color:#FF9900; margin: 0 0 3px 0 }
h4 { font: bold 12px arial; color:#92B200; margin: 3px 0 0 0 }


.clearFix:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}


/* - - - SKYSCRAPER - - - */
#skyscraper {
	position: absolute; top: 14px; left: 995px;
}
	#skyscraper .skyscraper { /* position: fixed; */ }
/* - - - - - - */