/* CSS Document */
/* ENSEMBLE 415 */

html, body{
background:#3C1E42;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/********* BLOCS PRINCIPAUX *********/
#global{
width:966px;
margin:15px auto 48px auto;
background:url(../IMG/global_bckg.gif) repeat-y;
}

#conteneur{
width:956px;
margin:5px auto;
background:#FFFFFF;
}

#header{
position:relative;
width:836px;
height:377px;
margin:0 auto;
padding-top:20px;
}

#content{
width:836px;
margin:5px auto 50px auto;
}

#footer{
width:836px;
margin:23px auto 0 auto;
padding-bottom:27px;
}

hr{
clear:both;
visibility:hidden;
}

a{
color:#3C1E42;
text-decoration:none;
}

a.underline{
color:#3C1E42;
text-decoration:underline;
}

a:hover{
color:#3C1E42;
text-decoration:underline;
}


a img{
border:none;
}

.imgleft{
float:left;
margin:0 8px 0 0;
border:1px solid #ccc;
}

/********* sous-blocs *********/

/*____ HEADER ____*/

/*** MENU ***/
#menu, #menu_en{
float:left;
width:165px;
height:200px;
margin:50px auto;
background:url(../IMG/menu_fr/menu_bckg.gif) no-repeat top left;
}

#menu ul, #menu_en ul{
width:147px;
margin:22px auto auto 18px;
padding:0;
list-style-type:none;
}

#menu li, #menu_en li{
display:block;
width:147px;
height:30px;
margin:0;
padding:0;
}

#menu li a, #menu_en li a{
display:block;
width:147px;
height:30px;
}

#menu li a:hover, #menu_en li a:hover{
background-position:0 -30px;
}

#menu li a#active, #menu_en li a#active{
background-position:0 -30px;
}

/* Elements du menu FR */
#menu a.menu_accueil{
background:url(../IMG/menu_fr/menu_accueil.gif);
}

#menu a.menu_accueil:hover{
background-position:0 -30px;
}

#menu a.menu_ensemble{
background:url(../IMG/menu_fr/menu_ensemble.gif);
}

#menu a.menu_ensemble:hover{
background-position:0 -30px;
}

#menu a.menu_actualites{
background:url(../IMG/menu_fr/menu_actualites.gif);
}

#menu a.menu_actualites:hover{
background-position:0 -30px;
}

#menu a.menu_agenda{
background:url(../IMG/menu_fr/menu_agenda.gif);
}

#menu a.menu_agenda:hover{
background-position:0 -30px;
}

#menu a.menu_progra{
background:url(../IMG/menu_fr/menu_progra.gif);
}

#menu a.menu_progra:hover{
background-position:0 -30px;
}

#menu a.menu_galerie{
background:url(../IMG/menu_fr/menu_galerie.gif);
}

#menu a.menu_galerie:hover{
background-position:0 -30px;
}

#menu a.menu_disco{
background:url(../IMG/menu_fr/menu_disco.gif);
}

#menu a.menu_disco:hover{
background-position:0 -30px;
}

#menu a.menu_presse{
background:url(../IMG/menu_fr/menu_presse.gif);
}

#menu a.menu_presse:hover{
background-position:0 -30px;
}

#menu a.menu_franchecomte{
background:url(../IMG/menu_fr/menu_franchecomte.gif);
}

#menu a.menu_franchecomte:hover{
background-position:0 -30px;
}

#menu a.menu_contact{
background:url(../IMG/menu_fr/menu_contact.gif);
}

#menu a.menu_contact:hover{
background-position:0 -30px;
}


/* Elements du menu EN */
#menu_en a.menu_accueil{
background:url(../IMG/menu_en/menu_home.gif);
}

#menu_en a.menu_accueil:hover{
background-position:0 -30px;
}

#menu_en a.menu_ensemble{
background:url(../IMG/menu_en/menu_unit.gif);
}

#menu_en a.menu_ensemble:hover{
background-position:0 -30px;
}

#menu_en a.menu_actualites{
background:url(../IMG/menu_en/menu_news.gif);
}

#menu_en a.menu_actualites:hover{
background-position:0 -30px;
}

#menu_en a.menu_agenda{
background:url(../IMG/menu_en/menu_calendar.gif);
}

#menu_en a.menu_agenda:hover{
background-position:0 -30px;
}

#menu_en a.menu_progra{
background:url(../IMG/menu_en/menu_programming.gif);
}

#menu_en a.menu_progra:hover{
background-position:0 -30px;
}

#menu_en a.menu_galerie{
background:url(../IMG/menu_en/menu_gallery.gif);
}

#menu_en a.menu_galerie:hover{
background-position:0 -30px;
}

#menu_en a.menu_disco{
background:url(../IMG/menu_en/menu_discography.gif);
}

#menu_en a.menu_disco:hover{
background-position:0 -30px;
}

#menu_en a.menu_presse{
background:url(../IMG/menu_en/menu_press.gif);
}

#menu_en a.menu_presse:hover{
background-position:0 -30px;
}

#menu_en a.menu_franchecomte{
background:url(../IMG/menu_en/menu_franchecomte.gif);
}

#menu_en a.menu_franchecomte:hover{
background-position:0 -30px;
}

#menu_en a.menu_contact{
background:url(../IMG/menu_en/menu_contact.gif);
}

#menu_en a.menu_contact:hover{
background-position:0 -30px;
}



/*** IMAGE ***/

#header_img{
float:right;
width:658px;
height:303px;
margin-top:72px;
}

/*** TITRE site ***/

h1{
	position:absolute;
	top:10px !important; /* Hack IE6 */


top:20px !important!; /* Hack IE7 */
	top:20px;
	left:-8px;
	width:225px;
	height:73px;
	background:url(../IMG/title/title_h1.gif) no-repeat top left;
}

/* Dwyer method pour accessibilité des titres : ON */
h1 span{
display:block;
width:0;
overflow:hidden;
}
/* Dwyer method pour accessibilité des titres : OFF */

/*** SELECTION DU LANGAGE ***/

#langues{
position:absolute;
top:68px;
left:235px;
font-size:9.5px;
}

#langues a{
text-decoration:none;
}

#langues a#NotCurrentLanguage{
color:#999999;
}

/*** LECTEUR ***/

#lecteur{
position:absolute;
top:18px;
right:0;
width:500px;
height:60px;
}

#lecteur h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3C1E42;
font-size:16px;
float:right;
clear:both;
}

#lecteur span.ref{
float:right;
background: none;
font-size:10px;
color:#999999;
clear:both;
}

#lecteur a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding-left:10px;
background:url(../IMG/puce.gif) center left no-repeat;
float:right;
clear:both;
}


/*____ CONTENT ____*/

#content #column1,#column3{
padding-top:0px;
margin-top:26px;
padding-left:27px;
border-left:1px solid #E6E6E6;
}

/*** COLONNE 1 news ***/
#column1{
float:left;
width:400px;
margin-left:20px;
}

/*** COLONNE 1/2 ***/
.column1_1{
float:left;
width:300px;
}

/*** COLONNE 2 agenda ***/
#column2{
float:left;
width:150px;
padding-top:22px;
margin-top:5px;
padding-left:27px;
background:url(../IMG/column1_bckg.gif) no-repeat top left;
}

/*** COLONNE 3 disque ***/
#column3{
float:left;
width:150px;
margin-left:20px;
}

/*** Titres des colonnes ***/
h2{
width:120px;
height:21px;
margin:0 0 17px 0;
padding:0;
}

/* Dwyer method pour accessibilité des titres : ON */
h2 span{
display:block;
width:0px;
height:0;
overflow:hidden;
}
/* Dwyer method pour accessibilité des titres : OFF */

/* Titre FR */

h2#h2_actualites{
background:url(../IMG/title/title_actualites.gif) no-repeat top left;
}

h2#h2_concerts{
background:url(../IMG/title/title_concerts.gif) no-repeat top left;
}

h2#h2_disques{
background:url(../IMG/title/title_disques.gif) no-repeat top left;
}

h2#h2_newsletter{
width:146px;
height:35px;
margin-bottom:5px;
background:url(../IMG/title/title_newsletter.gif) no-repeat top left;
}

/* Titre EN */

h2#h2_actualites_en{
background:url(../IMG/title_en/title_actualites.gif) no-repeat top left;
}

h2#h2_concerts_en{
background:url(../IMG/title_en/title_concerts.gif) no-repeat top left;
}

h2#h2_disques_en{
background:url(../IMG/title_en/title_disques.gif) no-repeat top left;
}

h2#h2_newsletter_en{
width:146px;
height:35px;
margin-bottom:5px;
background:url(../IMG/title_en/title_newsletter.gif) no-repeat top left;
}

/*** Intitulés des news, des paragraphes internes au colonnes ***/
h3{
margin:8px 0 16px 0;
padding:0;
font-size:14px;
display:block;
}

h3.title{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#3C1E42;
margin:0 0 16px 0;
padding:0;
font-size:16px;
text-transform:uppercase;
}

h3 span{
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#3C1E42;
}

h3 span.titleAgenda{
color:#3C1E42;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

h3.press{
margin:8px 0 2px 0;
}

h4{
font-size:12px;
color:#3C1E42;
font-weight:bold;
text-decoration:underline;
}

h4.contact{
font-size:12px;
color:#3C1E42;
font-weight:bold;
text-decoration:none;
}

h4.agenda{
font-size:12px;
color:#000;
letter-spacing:1px;
font-weight:normal;
text-decoration:none;
}

h3.agenda{
font-size:16px;
color:#3C1E42;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}

h5{
font-size:12px;
color:#3C1E42;
font-weight:bold;
}

h4.inline, h5.inline{
display:inline;
}

.maj{
text-transform:uppercase;
}

.min{
text-transform:lowercase;
}

/*** paragraphes ***/
p{
margin:0 0 16px 0;
line-height:18px;
text-align:justify;
}

#content p.separationHome{
margin:0 0 19px 0;
padding:0 0 19px 0;
text-align:left;
width:100%;
background:url(../IMG/separateur_horiz.gif) no-repeat bottom left;
}

#content p.separation{
margin:0 0 19px 0;
height:19px;
text-align:left;
width:100%;
background:url(../IMG/separateur_horiz.gif) no-repeat bottom left;
}

#content p.lastP{
margin-bottom:0;
background:none;
}

#content #column2 p{
margin:0 0 19px 0;
padding:0 0 19px 0;
background:url(../IMG/separateur_horiz_petit.gif) no-repeat bottom left;
}

#content #column3 p{
background:url(../IMG/separateur_horiz_petit.gif) no-repeat bottom left;
}

#content #column2 p.lastP{
margin-bottom:0;
background:none;
}

#content #column3 .citation{
margin-bottom:30px;
font-size:14px;
font-style:italic;
color:#333333;
}

#content #column3 p.lastP{
margin-bottom:0;
background:none;
}

/*** Formulaire de newsletter ***/
form#form_newsletter{
width:146px;
margin:0px;
padding:0;
}

form#form_newsletter input.textField{
font-size:10px;
width:100px;
}

#credits{
width:285px;
/*height:115px;*/
margin:38px auto 0 auto;
text-align:center;
}

#credits a{
margin:0 10px;
}

#credits a{
float:left;
display:block;
height:40px;
}

#credits a#com{
width:75px;
background:url(../IMG/logo_com.jpg) top left no-repeat;
background-position:0 -40px;
}

#credits a#com:hover{
background-position:0 0;
}

#credits a#conseil{
width:133px;
background:url(../IMG/logo_conseil_regional.jpg) top left no-repeat;
background-position:0 -40px;
}

#credits a#conseil:hover{
background-position:0 0;
}

#credits p{
margin-bottom:15px;
color:#ccc; 
}

/*____ FOOTER ____*/

#footer{
display:block;
margin:40px auto 0 auto;
text-align:center;
}

#footer a{
color:#999;
font-size:10px;
}


/********************* page AGENDA *********************/

#left_column1,#left_column2{
padding-top:22px;
margin-top:5px;
padding-left:27px;
background:url(../IMG/column1_bckg.gif) no-repeat top left;
}

#left_column1{
float:left;
width:150px;
}

#left_column2{
float:right;
width:630px;
/*width:591px;*/
}

h2.title_left{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#3C1E42;
margin:0;
padding:0;
}

.content_left{
margin:0 0 20px 5px;
}

#left_column1 div.content_left div{
height:15px;
text-indent:28px;
padding-top:14px;
background:url(../IMG/agenda_ssrubrique_bckg.gif) no-repeat top left;
font-size:12px;
}

#left_column1 div.content_left div.gal{
height:15px;
text-indent:28px;
padding-top:14px;
font-size:12px;
}

.puce{
background:url(../IMG/puce.gif) center left no-repeat;
padding-left:10px;
}

/********************* page ENSEMBLE *********************/

ul.tree{
list-style-type:none;
margin:0;
padding:0;
}

ul.tree li{
margin:8px 0;
}

ul.tree li span{
margin:0 15px 0 0;
}

/********************* page DISCO *********************/

.imagethumbdisco a, .imagethumbdiscoHome a {
	display: block;
	padding: 10px;
	margin: 6px 20px 6px 0;
	border: 1px solid #ccc;
	background: #F4F2F4;
}
.imagethumbdisco a:hover, .imagethumbdiscoHome a:hover {
	border: 1px solid #3C1E42;
	background: #fff;
}
.imagethumbdisco {
	float: left;
	margin-bottom:15px;
	width:192px;
	height:195px;
}

.imagethumbdiscoHome {
	margin-bottom:15px;
	width:162px;
	height:135px;
}

.imagethumbdiscoDesc {
	position:relative;
	float: left;
	margin-bottom:15px;
	/*width:257px;*/
}
.imagethumbdiscoDesc span {
	display: block;
	padding: 10px;
	margin: 6px 10px 0 0;
	border: 1px solid #ccc;
	background: #F2F7F9;
}
.imagethumbdisco h3 {
	padding: 0;
	margin: 0;
}
.imagethumbdisco a.title {
	text-align:center;
	padding: 0;
	margin-left: 10px;
	border:none;
	background:none;
}	
#discoDesc{
	margin:25px 0 0 10px;
}
span.ref{
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	font-size:10px;
	color:#999999;
}

.player{
	position:absolute;
	bottom:0;
	right:0;
	margin:0 10px 0 0;
	padding:0;
	font-size:1px;
}
.right{
float:right;
}
#bouton{
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#3C1E42;
width:30px;
height:22px;
color:#FFFFFF;
border:1px solid #999;
font-weight:bold;
font-size:12px;
margin: 0 0 0 3px;
padding:0 2px 2px 0;
}

input{
float:left;
}