/* CSS Document */




body {font-size: 70%;
color:#999;
font-family:arial,helvetica,sans-serif;
line-height:1.25em;
background-color:#000;
height:10em;
margin:0 0 0 0;
padding:0 0 0 0;}



ul, li {
margin: 0;
padding: 0;
list-style-type: none;
/*line-height:1.25em;*/
}


table {	font-size:inherit;
		font-weight:inherit;
		font-style:inherit;
		font-variant:inherit;
		line-height:inherit;
		text-align:inherit;
		white-space:inherit;}
		
#entete {
	position:absolute;
	background-color:#000000;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	height:78px;
	width:897px;
	
	}

#entete a{
	height:100%;
	width:100%;
	display:block;
}
#menu {
background-image: url(images/bout.gif);
	background-repeat: repeat-x;
	background-position: 0 0em;
	position:absolute;
	left: 0;
	top:79px;
	width:100%;
	height:31px;
	}


#saison, #orchestre, #equipe, #jeunes, #disques, #billeterie {
	top:0px;
	position:absolute;
	background-repeat:no-repeat;
	background-position: 0 0em;
	height:31px;

}

#saison {background-image: url(images/saison_on.gif);left: 0;}
#orchestre {background-image: url(images/orchestre_on.gif);left: 114px;}
#equipe {background-image: url(images/equipe_on.gif);left: 250px;}
#jeunes {background-image: url(images/jeunes_on.gif);left: 464px;}
#billeterie {background-image: url(images/billeterie_on.gif);left: 670px;}
#disques {background-image: url(images/disques_on.gif);left: 810px;}

#saison a{width:114px;background-image: url(images/saison.gif);}
#orchestre a{width:136px;background-image: url(images/orchestre.gif);}
#equipe a{width:214px;background-image: url(images/equipe.gif);}
#jeunes a{width:206px;background-image: url(images/jeunes.gif);}
#billeterie a{width:140px;background-image: url(images/billeterie.gif);}
#disques a{width:130px;background-image: url(images/disques.gif);}

#saison a, #orchestre a, #equipe a, #jeunes a, #disques a, #billeterie a {
	height: 100%;
	display:block;
}
#saison a:hover, #orchestre a:hover, #equipe a:hover, #jeunes a:hover, #disques a:hover, #billeterie a:hover {
	background: transparent none;
}
#saison .pages, #orchestre .pages, #equipe .pages, #jeunes .pages, #disques .pages, #billeterie .pages {background: transparent none;}

.ligne_relative {
	top:0px;
	left:0;
	width:90%;
	height:120px;
	position:relative;
	}

#logo_culture, #logo_region, #logo_rennes, #logo_cg35,
 #logo_cg22, #logo_cg56, #logo_mnl, #logo_sacem, #logo_fcm, #logo_bpo, #logo_media, #logo_ouest, #logo_classique,
 #logo_airfrance, #logo_star, #logo_fnac, #logo_depots, #logo_cci{
	top:0;
	position:absolute;
	background-repeat:no-repeat;
	background-position: 0 0em;
	height:100px;

}

#logo_culture {background-image: url(images/logos/logo_culture_on.gif);left:0px;}
#logo_region {background-image: url(images/logos/logo_region_on.gif);left: 110px;top:0px;} 
#logo_rennes {background-image: url(images/logos/logo_rennes_on.gif);left: 220px;}
#logo_cg35 {background-image: url(images/logos/logo_cg35_on.gif);left: 340px;}
 
/*#logo_brest {background-image: url(images/logos/logo_brest_on.gif);left: 0px;}*/
#logo_cg22 {background-image: url(images/logos/logo_cg22_on.gif);left: 0px;}
/*#logo_cg29 {background-image: url(images/logos/logo_cg29_on.gif);left: 237px;}*/
#logo_cg56 {background-image: url(images/logos/logo_cg56_on.gif);left:0px;}
#logo_mnl {background-image: url(images/logos/mnl_on.gif);left: 0px;}
#logo_sacem {background-image: url(images/logos/sacem_on.gif);left: 0px;}
#logo_fcm {background-image: url(images/logos/fcm_on.gif);left: 0px;top:50px;}

#logo_bpo {background-image: url(images/logos/bpo_on.gif);left: 0px;}
#logo_media {background-image: url(images/logos/media_on.gif);left: 0px;}
#logo_ouest {background-image: url(images/logos/ouest_on.gif);left: 0px;}
#logo_classique {background-image: url(images/logos/radioclass_on.gif);left: 141px;}
#logo_airfrance{background-image: url(images/logos/airfrance_on.gif);left: 0px;}
#logo_star{background-image: url(images/logos/star_on.gif);left: 200px;}
#logo_fnac{background-image: url(images/logos/fnac_on.gif);left: 300px;}
#logo_depots{background-image: url(images/logos/depots_on.gif);left: 400px;}
#logo_cci{background-image: url(images/logos/cci_on.gif);left: 500px;}

#logo_culture a{background-image: url(images/logos/logo_culture_off.gif);width: 120px;}
#logo_region a{background-image: url(images/logos/logo_region_off.gif);width: 120px;}
#logo_rennes a{background-image: url(images/logos/logo_rennes_off.gif);width: 120px;}
#logo_cg35 a{background-image: url(images/logos/logo_cg35_off.gif);width: 120px;}

/*#logo_brest a{background-image: url(images/logos/logo_brest_off.gif);width: 120px;}*/
#logo_cg22 a{background-image: url(images/logos/logo_cg22_off.gif);width: 100px;}
/*#logo_cg29 a{background-image: url(images/logos/logo_cg29_off.gif);width: 90px;}*/
#logo_cg56 a{background-image: url(images/logos/logo_cg56_off.gif); width: 100px;}
#logo_mnl a{background-image: url(images/logos/mnl_off.gif);width: 240px;}
#logo_sacem a{background-image: url(images/logos/sacem_off.gif);width: 120px;}
#logo_fcm a{background-image: url(images/logos/fcm_off.gif);width: 120px;top:50px;}

#logo_bpo a{background-image: url(images/logos/bpo_off.gif);width: 200px;}
#logo_media a{background-image: url(images/logos/media_off.gif);width: 240px;}
#logo_ouest a{background-image: url(images/logos/ouest_off.gif);width: 130px;}
#logo_classique a{background-image: url(images/logos/radioclass_off.gif);width: 160px;}
#logo_airfrance a{background-image: url(images/logos/airfrance_off.gif);width: 192px;}
#logo_star a{background-image: url(images/logos/star_off.gif);width: 99px;}
#logo_fnac a{background-image: url(images/logos/fnac_off.gif);width: 105px;}
#logo_depots a{background-image: url(images/logos/depots_off.gif);width: 86px;}
#logo_cci a{background-image: url(images/logos/cci_off.gif);width: 130px;}

#logo_culture a,
#logo_region a,
#logo_rennes a,
#logo_brest a,
#logo_cg22 a,
#logo_cg29 a,
#logo_cg35 a,
#logo_cg56 a,
#logo_mnl a,
#logo_sacem a,
#logo_fcm a,
#logo_bpo a,
#logo_media a,
#logo_ouest a,
#logo_classique a,
#logo_airfrance a, #logo_star a, #logo_fnac a, #logo_depots a, #logo_cci a{
	background-repeat:no-repeat;
	height: 100%;
	display:block;
}
#logo_culture a:hover,
#logo_region a:hover,
#logo_rennes a:hover,
#logo_brest a:hover,
#logo_cg22 a:hover,
#logo_cg29 a:hover,
#logo_cg35 a:hover,
#logo_cg56 a:hover,
#logo_mnl a:hover,
#logo_sacem a:hover,
#logo_fcm a:hover,
#logo_bpo a:hover,
#logo_media a:hover,
#logo_ouest a:hover,
#logo_classique a:hover,
#logo_airfrance a:hover, #logo_star a:hover, #logo_fnac a:hover, #logo_depotse a:hover, #logo_cci a:hover{
	background: transparent none;
}


#frise {
	position:relative;
	top:0px;
	/*background: url(images/frise08.jpg);*/
	background-position: center 0;
	background-repeat:repeat-x;
	height:172px;
	/*width:897px;*/
	width:100%;
	}
		
#boite1, #boite2, #boite3, #boiteflash, #boiteconcert, #boiteorchestre, #boiteabonnement, #boitedisque, #boitepop{
	position: absolute;
	left: 5%;
	width:90%;
	min-width:897px;
	}


	
#boite1 {
	top:0;
	background-image: url(images/lignes.gif);
	background-repeat: repeat-x;
	background-position: 0 0em;
	height: 110px;
}
#boite2 {
	top:110px;
	background-repeat: repeat-x;
	background-position: 0 0em;
	height: 172px;
	background-image: url(images/frise10-0.jpg);
}
#boite3 {
	top:282px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/bas.gif);
}

#boiteflash, #boiteconcert, #boiteabonnement, #boitedisque, #boitepop{
	top:110px;
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/bas.gif);/**/
}


#boiteconcert, #boiteorchestre, #boiteabonnement, #boitedisque, #boitebiographie, #boitepop{
	background-color:#fff;
	color:#666;
}
#boitebiographie{padding:2em 2em 2em 2em;}

#boitebiographie img{padding:1em 0em 0em 0em;}

#boiteorchestre {
	top:110px;
	background-image:url(images/fond_nb.gif);
	background-repeat:repeat-y;
	background-color:#000;
	height:auto;
	}

#boiteorchestre tr{margin-bottom:2em;}

#col1, #col2, #col3, #col4{border-left:1px dotted #222;float:left;height:auto;padding-top: 1em;padding-bottom:2em;padding-right:1em;width:20%;padding-left:0.3em;/**/}
#col1 {padding-left:22px;width:30%;border-left:none; background-position:left top;}
#fond_blanc{background-color:#fff;float:left;height:auto;width:75%;top:0px;/**/}
* html #fond_blanc{width:75%;float:right;/**/}
/*voici pour IEMac seul*/
/*\*//*/
  * html #fond_blanc{margin-left:25%;}
/**/
#boiteorchestre #col3{margin-left:60%;float:none;width:35%;height:auto;}

#vignettes {width:150px;top:-10px;padding-bottom:1.5em;

}
#basdepage {
	clear:both;
	position: relative;
	top:0px;
	height: 52px;
	width: 100%;
	left: 0px;
	text-transform:uppercase;
	text-align:center;
	padding-top:0.5em;
	
	}
* html #basdepage{height: 51px;}

	
#basdepage a{
	text-align:center;
	font-size:90%;
	color: #666;
	padding:0 2em 0em 1em;
	font-weight: lighter;
	text-decoration:none;
}

#boiteorchestre #basdepage {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(images/bas.gif);}

/*---------------------------------------------------------------------- MENU VERTICAL -------------------------------------------------*/

#nav {
	min-width:170px;
	font-size: 108%;
	text-align:left;
	margin-top:0em;
	padding-top:30px;
	background-color:transparent;
	margin-bottom:1.5em;}
	

#nav li{
	line-height: 1.8em;
	border-top:solid #333 1px;}

#nav li li{
		border-top:solid #333 1px;
		display:block;
	}


#nav li a{
	color: #999999;
	font-weight:normal;
	background-color:#000000;
	text-decoration: none;
	display: block;
	width:100%;
	height: 100%;
	padding-left: 1.8em;
}
/*voici pour IE6Win et IEMac*/
* html #nav li a{height: 1.8em;}
/*voici pour IEMac seul*/
/*\*//*/
  * html #nav3 li a{height:1.6em;}
/**/

#nav li a:hover{
	background-color: #720139;
	color: #FFF;}
#nav li li a{
	/*background-color: #666666;
	padding-bottom:0.3em;
	border-top: none;*/
}

#nav li a:focus{background-color: #5B012D;}
#nav li li a:hover{
	background-color: #5B012D;
	color: #CCCCCC;}
	
#nav li a:focus, li a:hover{background-image:url(images/puce_fleche.gif);
	background-repeat:no-repeat;
	background-position:0.5em 0.4em;}
	
#nav li a:focus{background-image:url(images/puce_fleche.gif);
	background-repeat:no-repeat;
	background-position:1.6em 0.4em;
	padding-left: 2.9em;}

#nav li:hover > .sousMenu { display: block; }

#nav li .sousMenu:hover li > ul{ display: block; }

#nav li.over .sousMenu{ display: block; }

#nav li.over .sousMenu li > ul{ display: block; }

#nav li li li{
position:relative;
background-image:none;
left:0em;
top: 0em;
width:95%;
display: none;
}
/* special pour IE Windows*/
* html #nav ul li ul li ul {/*width: 100%;*/}

#nav li a.selection{ background-color:#720139;
background-image:url(images/puce_fleche.gif);
	background-repeat:no-repeat;
	background-position:0.5em 0.4em;
	color:#FFFFFF;}
	
#boiteconcert #col1, #boiteorchestre #col1, #boitedisque #col1, #boitepop #col1{	
				top:0px;
				width:60%;
				background:url(images/visuels/visuel.jpg);
				background-color:#000;
				padding:0 0 0 0;
			}
#boiteabonnement #col1{
				width:50%;
				background-image:none;
				background-color:#fff;
				top:0px;
				padding:0 0 0 0; }

#boiteconcert #col2, #boiteorchestre #col2, #boiteabonnement #col2, #boitedisque #col2, #boitepop #col2{
				clear:both;
				float:right;
				width:37%;
				min-height:460px;
				background-color:#fff;
				border-left:none;
				padding-top:0;
				padding-left:3em;
				
			}

#boiteabonnement #col2{
				padding-top:2em;
				width:90%;
				margin:auto;
				}	
#boitedisque #col2{
				width:220px;
				}
#boitepop #col1{width:90%;}
#boitepop #col2{width:60%;}
#boitepop #col3{width:0;}
#boiteconcert #col3, #boiteorchestre #col3, #boiteabonnement #col3, #boitedisque #col3{width:30%;
				background-color:#fff;
				padding-left:1em;
				border-left:1px dotted #999;	
}
#boiteabonnement #col3{width:45%;float:none; }



#boiteorchestre #col1{background-image:none;float:left; width:25%;}
* html #boiteorchestre #col1{position:absolute;top:0px;left:0px;}
#boiteorchestre #col2{float:left; width:50%;height:auto;}
* html #boiteorchestre #col2{left:25%;width:45%;}
/*voici pour IEMac seul*/
/*\*//*/
  * html #boiteorchestre #col2{left:25%;width:45%;}
/**/


/*</group>*/

/*-------------------------------------------------------formatage texte------------------------------------------------*/
a {
color:#CCCCCC;
	text-decoration: none;
	font-weight: bold;
}


a:hover, #boiteconcert a:hover, #boitedisque a:hover, #boiteorchestre a:hover, #basdepage a:hover{
	color: #A40153;
	text-decoration: none;
}
p {line-height:1.25em;
margin-top:0;
margin-bottom:0;
padding-top:0.2em;
padding-bottom:0.2em;}

h1, h2, h3, h4, h5, h6{margin:0;padding:0;}

h1{font-size:135%;color: #D19AA6;padding-bottom:0.5em;padding-top:1em;}
h2{font-size:120%;color: #C68;padding-bottom: 0.20em;}
h3{font-size:115%;}
h4{font-size:100%;color: #888;font-weight:normal;}
h5{font-size:100%;color: #888;}	

p + h2, p + h3, h3 + p, h4 + p{padding-top:0.8em;}
h2 + h3{padding-top:0.1em;}
#boiteconcert ul, #boiteorchestre ul, #boiteabonnement ul, #boitedisque ul, #boitebiographie ul{
padding-bottom:0.2em;
}

/*patch IE windows*/

#boiteorchestre .patch_ie{background-color:#FFFFFF;vertical-align:top;}

#boiteorchestre  h2.patch2_ie{padding-top:0px;vertical-align:top;}

#boite_sousphoto{position:relative;top:330px;}
* html #boite_sousphoto{position:relative;top:330px;}

/*page orchestre*/
/*#boiteorchestre #menu_gauche{float:left; width:20%;height:auto;}*/
#boiteorchestre #menu_gauche{width:20%;vertical-align:top;}
#boiteorchestre #milieu {float:left; background-color:#FFFFFF;height:auto;width:80%;}
* html #boiteorchestre #milieu {width:77%;}
#boiteorchestre #pleine_largeur {width:90%;clear:both;}

* html #boiteorchestre #pleine_largeur{width:87%;}
* html #boiteorchestre .ligne_relative{width:87%;}
#boiteorchestre #milieu_gauche{width:40%;float:left; clear:both;background-color:#FFFFFF;padding-right:1em;}
#boiteorchestre #milieu_droit{width:35%;float:left; clear:right;padding-top:1em;padding-left:1em;}
#boiteorchestre #bas{clear:both;text-align:center;}

 


/*formatage page d'accueil*/
#boite3 #col1 h2, #boite3 #col1 h3{font-weight:normal;}
#boite3 #col2 h1, #boite3 #col3 h1, #boite3 #col4 h1{font-size:115%;font-weight:bold;}


/*formatage autre pages*/
#col2 img + h1{padding-top:0.5em;}

#boiteconcert a, #boitedisque a{
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}


#boiteconcert table h2{font-size:115%;color: #C68;border-bottom:1px dotted #999;}
#boiteconcert #col3 img{padding:0.5em 0 0.5em 0;}

#boiteabonnement table h2{font-size:115%;color: #C68;border-bottom:1px dotted #999; background-color: #FFCCCC;padding-left:0.2em;margin-top:0.5em;}
#boiteabonnement table td + td{color: #222;}
#boiteabonnement tbody {color:#566;}
#boiteabonnement td{padding-top:0.2em;}
#boiteabonnement td + input{border-bottom:1px dotted #FF99CC;}
#boiteabonnement #col3 table  td + td + td{width:5%;}
#boiteabonnement td.complet{ background-color:#CCCCCC;color:#666666;}
#boiteabonnement td.complet + td.complet + td{background-color: #FF0033;}

#boiteorchestre a{color: #666666;}

#boiteorchestre td + td{/*background-color:#FFFFFF;*/ vertical-align:top;height:auto;}
#boiteorchestre td + td +td{/*background-color:#FFFFFF;*/padding:0.5em 1em 0.5em 0em;}

/*formatage pop up*/
#boitebiographie td{width:1%;}
#boitebiographie td + td{width:40%;}
#boitebiographie input + input{background-color:red;}
#boitebiographie td + td + td{width:50%;}
#boitebiographie td + td + td + td{width:1%;}

.souligne {
	border-bottom:1px dotted #FF99CC;
	border-left-color: #F0F0F0;
}

.pointer {
	color: #333333;
}
.marges {padding-bottom:2em;padding-left:2em;padding-right:0.4em;padding-top:0em;vertical-align:top;}
.sans_marges {padding:0 0 0 0;}