html, body {
  height: 100%;
	width: 100%; 
}

body {
	margin: 0;
	padding: 0;
  scrollbar-base-color: #ffffff;
  scrollbar-arrow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-3dlight-color: #ffffff;
  scrollbar-face-color: #0084c4;
	text-align: center;  /*ŕ cause de IE5 qui ne comprend pas margin: auto*/
	}
	

div#corps {
	width: 760px;
  height: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #0084c4;
}

div#blocsubnav, div#blocnavminicontenu, div#blocnavmaxicontenu, div#blocprogrammation {
	height: 100%;
	min-height: 100%;
	margin: 0;
	text-align: left;
	float: left;
}

div#blocsubnav {
	width: 272px;
}

div#blocnavminicontenu {
	width: 350px;
}

div#blocnavmaxicontenu {
	width: 488px;
}

div#blocprogrammation {
	width: 138px;
	background-color: #0084c4;
}


/*////////////// bloc sous navigation + image lien vers index : commun ŕ toutes les pages ////////////*/

div#blocsubnav div#head-g, div#blocsubnav div#head-d {
	width: 136px;
	height: 212px;
} 

div#blocsubnav div#head-g {
	background-image:  url(img/head-g.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}

div#blocsubnav div#head-d {
	background-image:  url(img/head-d.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
}

div#blocsubnav div#menu-g {
	width: 136px;
	height: 108px;
	float: left;
	background-image:  url(img/menu-g.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

			/*************************** sous navigation ***************************/
div#blocsubnav ul#subnav {
	width: 136px;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	float: right;
	line-height: 0;
}

div#blocsubnav ul#subnav li {
	display: inline;
	height: 12px;
	width: 136px;
}

div#blocsubnav ul#subnav a {
	display: block;
	height: 12px;
	width: 136px;
	background-repeat: no-repeat;
}

#spansnprogramme, #spansnacousmonium, #spansnartistes, #spansnextraits, #spansnpratique, #spansnreservations, #spansnlieu, #spansnpartenaires, #spansnpresse {
	display: none;
}

#snprogramme a {
	background-image: url(img/mvprogramme.jpg);
}
#snprogrammeon a, #snprogramme a:hover {
	background-image: url(img/mvprogramme_f2.jpg);
}

#snacousmonium a {
	background-image: url(img/mvacousmonium.jpg);
}
#snacousmoniumon a, #snacousmonium a:hover {
	background-image: url(img/mvacousmonium_f2.jpg);
}

#snartistes a {
	background-image: url(img/mvartistes.jpg);
}
#snartisteson a, #snartistes a:hover {
	background-image: url(img/mvartistes_f2.jpg);
}

#snextraits a {
	background-image: url(img/mvextraits.jpg);
}
#snextraitson a, #snextraits a:hover {
	background-image: url(img/mvextraits_f2.jpg);
}

#snpratique a {
	background-image: url(img/mvpratique.jpg);
}
#snpratiqueon a, #snpratique a:hover {
	background-image: url(img/mvpratique_f2.jpg);
}

#snreservations a {
	background-image: url(img/mvreservations.jpg);
}
#snreservationson a, #snreservations a:hover {
	background-image: url(img/mvreservations_f2.jpg);
}

#snlieu a {
	background-image: url(img/mvlieu.jpg);
}
#snlieuon a, #snlieu a:hover {
	background-image: url(img/mvlieu_f2.jpg);
}

#snpartenaires a {
	background-image: url(img/mvpartenaires.jpg);
}
#snpartenaireson a, #snpartenaires a:hover {
	background-image: url(img/mvpartenaires_f2.jpg);
}

#snpresse a {
	background-image: url(img/mvpresse.jpg);
}
#snpresseon a, #snpresse a:hover {
	background-image: url(img/mvpresse_f2.jpg);
}

				/******************* fin sous navigation **********************/
				
				/******************* image titre du site **********************/
div#blocsubnav img#imgtitresite {
	width: 272px;
	height: 101px;
	margin: 0;
	padding: 0;
	border: 0;
}

html>body img#imgtitresite {
	float: left;
}

a#aimgtitresite, a:hover#aimgtitresite  {
	text-decoration: none;
	border: none;
	font-weight: normal;
	letter-spacing: 0;
}

				/******************* fin image titre du site **********************/
				
div#blocsubnav div#titredate {
	background-image:  url(img/titredate.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 272px;
	height: 180px;
	float: left;
}

/*/////////////// fin bloc sous navigation + image lien vers index : commun ŕ toutes les pages ////////////*/

/*********************************************************************************************
					parties communes blocnavmaxicontenu et blocnavminicontenu
*********************************************************************************************/	
				
	/*///////////////////// navigation principale //////////////////*/
ul#mainnav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 0;
}

ul#mainnav li {
	float: left;
	display: inline;
	height: 23px;
}

ul#mainnav li#mnelektrophonie {
	width: 116px;
}

ul#mainnav li#mnnuitbleue {
	width: 108px;
}

ul#mainnav li#mncontact {
	width: 77px;
}

ul#mainnav li#mnliens {
	width: 49px;
}

ul#mainnav li span {
	display: none;
}

ul#mainnav li a {
	display: block;
	height: 23px;
	background-repeat: no-repeat;
}

ul#mainnav li#mnelektrophonie a {
	width: 116px;
	background-image: url(img/e-off.gif);
}	

ul#mainnav li#mnnuitbleue a {
	width: 108px;
	background-image: url(img/nb-off.gif);
}	

ul#mainnav li#mncontact a {
	width: 77px;
	background-image: url(img/c-off.gif);
}	

ul#mainnav li#mnliens a {
	width: 49px;
	background-image: url(img/l-off.gif);
}

ul#mainnav li#mnelektrophonieon a {
	width: 116px;
	background-image: url(img/e-on.gif);
}	

ul#mainnav li#mnnuitbleueon a {
	width: 108px;
	background-image: url(img/nb-on.gif);
}	

ul#mainnav li#mncontacton a {
	width: 77px;
	background-image: url(img/c-on.gif);
}	

ul#mainnav li#mnlienson a {
	width: 49px;
	background-image: url(img/l-on.gif);
}
	/*///////////////// fin navigation principale /////////////////*/

div#bloctexte {
	margin:0;
	overflow: auto;
	letter-spacing: 1px;
	padding: 5px 2px 0 5px;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	clear: left;
	width: auto;
	height: 561px;
	voice-family: "\"}\"";
  voice-family:inherit;
  height: 556px;
}	

html>body div#bloctexte {
	height: 556px;
}	

div#piedcontenu {
	background-position: left top;
	background-repeat: no-repeat;
	width: auto;
	height: 17px;
	margin: 0;
	padding: 0;
}

p#backtotop {
	text-align: center;
}

.midbacktotop {
	text-align: right;
}
/*********************************************************************************************
					fin parties communes blocnavmaxicontenu et blocnavminicontenu
*********************************************************************************************/	


/*//////////////// contenu mini colonne ///////////////////////*/

html>body div#blocnavminicontenu {
	width: 350px;
}
/* pour IE6 de merde */
div#blocnavminicontenu div#bloctexte {
	voice-family: "\"}\"";
  voice-family:inherit;
  width: 343px;
}
/* pour rétablir pour les vrais navigateurs : mozilla, firefox, opera... */
html>body div#blocnavminicontenu div#bloctexte {
	width: auto;
}

div#blocnavminicontenu div#piedcontenu {
	background-image: url(img/bas.gif);
}

div#blocnavminicontenu div#textecontenu {
	border-bottom: 1px dotted #0084C4;
	border-left: 3px solid #0084C4;
}

div#blocnavminicontenu div#textecontenu.noborder {
	border-left: none;
}
/*//////////////// fin contenu mini colonne ///////////////////////*/

/*//////////////// contenu maxi colonne ///////////////////////*/
/* pour IE6 de merde */
div#blocnavmaxicontenu div#bloctexte {
	voice-family: "\"}\"";
  voice-family:inherit;
  width: 481px;
}
/* pour rétablir pour les vrais navigateurs : mozilla, firefox, opera... */
html>body div#blocnavmaxicontenu div#bloctexte {
	width: auto;
}

div#blocnavmaxicontenu ul#mainnav li#mnimagefond {
	background-image: url(img/prog2.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 138px;
}

div#blocnavmaxicontenu div#piedcontenu {
	background-image: url(img/bas5.gif);
}

h1.titrecontenu {
	height: 90px;
	border: 0;
	margin: 0;
	padding: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 0;
}

div#blocnavmaxicontenu div#textecontenu {
	border-left: 3px solid #0084C4;
	padding-top: 10px;
	border-bottom: 1px dotted #0084C4;
}
/*//////////////// fin contenu maxi colonne ///////////////////////*/


/*//////////////////////// bloc programmation ////////////////////*/
div#blocprogrammation img#imgprogramme {
	width: 138px;
	height: 23px;
}

html>body img#imgprogramme {
	float: left;
}

div#blocprogrammation div#prog {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	background-image: url(img/rightfond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 138px;
	min-height: 578px;
	padding-left: 0;
	margin: 0;
	float: left;
	background-color: #0084c4;
}

ul#uldate {
	list-style-type: none;
	padding-left: 0;
	padding-top: 18px;
	margin-top: 0;
	margin-left: 1px;
}

ul#uldate li.lidate {
	padding-right: 5px;
	padding-bottom: 0;
}

li img#date9 {
	width: 29px;
	height: 18px;
	float: right;
	margin-bottom: 7px;
}

li img#date10 {
	width: 29px;
	height: 18px;
	float: right;
	margin-bottom: 7px;
}

li img#date1011 {
	width: 61px;
	height: 18px;
	float: right;
	margin-bottom: 7px;
}

ul.ulheure {
	clear: right;
	list-style-type: none;
	list-style-position: inside;
	margin-left: 5px;
	padding-left: 0;
}

ul.ulheure li {
	margin-bottom: 12px;
}

ul.ulheure span.horaire {
	padding-left: 8px;
	margin-left: 0;
}

span.horaire img.horairede {
	width: 5px;
	height: 5px;
}

span.horaire img.horairea {
	width: 4px;
	height: 8px;
}

div.resumeheure {
	background-image: url(img/fleche7.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	text-indent: 9px;
	padding-left: 0;
}

a.titreprog, a.artisteprog {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

a.titreprog {
	color: #000;
	letter-spacing: 1px;
}

a.artisteprog {
	color: #fff;
}

.annees {
	font-size: 12px;
}

span.dday {
	display: none;
}

#spanef {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/*//////////////////////// fin bloc programmation ////////////////////*/
















.paralist {
	padding-left: 10px;
	border-top: 1px dashed #0084C4;
	padding-top: 10px;
	margin-top: 0;
}



p.texteprog {
	background-image: url(img/fleche7.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-indent: 8px;
	margin-top:5px;
	margin-bottom:0;
}

p.texteprog2 {
	margin-top:1px;
	margin-bottom:0px;
	padding-left:5px;
	width:300px;
	border-left: 3px solid #0084C4;
	border-top: 1px dashed #0084C4;
	padding-top: 1px;
}






a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0384C5;
	font-weight: bold;
	letter-spacing: 1px;
}

a:hover {
	color: #000000;
	background-color: #C5E2F2;
}

.small {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0384C5;
}

em.small {
	font-style: normal;
}

.big {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	color: #0384C5;
}

.bigbig {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #0084C4;
	letter-spacing: -2px;
}

.proglist {
	border-left: 3px solid #0084C4;
	/*padding-top: 10px;*/
	border-bottom: 1px dotted #0084C4;
}

.titrepuce {
	background-image: url(img/rond.gif);
	background-repeat: no-repeat;
	background-position: 0 70%;
	padding-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}


/**************** index.htm **************/
p#definition {
	background-image: url(img/ear2.jpg); 
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 45px;
	height: 140px;
	overflow: auto;
}

p#introprog {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	background-image: url(img/fleche8.gif);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	text-indent: 8px;
	margin: 0;
	padding: 0;
}

p#introprog span#nuitbleue {
	color: #0384C5;
}

/***** elektrophonie.htm ***/
img#imgpgelek {
	width: 180px;
	height: 126px;
	float: right;
}

p#par1 {
	background-image: url(img/rond.gif);
	background-position: 10px 13px;
	background-repeat: no-repeat;
	text-indent: 12px;
}

h1#assocelek {
	background-image: url(img/elek2.gif);
}

h2.bigbig {
	margin-top: 0;
}

/************** liens.htm **********/
h1#titreliens {
	background-image: url(img/liens.gif);
}

/************** contact.php **********/
h1#titrecontact {
	background-image: url(img/contact.gif);
}

form {
	display: inline;
	margin: 0;
	padding: 0;
	border: none;
	
}

.borderform {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	margin: 1px 0;
	border-top: 1px solid #0084C4;
	border-right: 3px solid #0084C4;
	border-bottom: 1px solid #0084C4;
	border-left: 1px solid #fff;
}

#blocform {
	text-align: right; 
}

input.texte {
	height: 16px;
}

.blueback {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #0084C4;
}

div.blueback label {
	background-image: url(img/trivert.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 15px;
}

/******************** programme.htm ***************/
h1#titreprogramme {
	background-image: url(img/prog0.gif);
	height: 75px;
}

ul#datesprog {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 0;
	height: 60px;
	/*display: inline;*/
}

ul#datesprog li {
	height: 20px;
	width: 100%;
	display: inline;
}

ul#datesprog a {
	text-decoration: none;
	display: block;
	background-repeat: no-repeat;
	height: 20px;
	width: 139px;
}

#spandp9, #spandp10, #spandp11 {
	display: none;
}

#dp9 a {
	background-image: url(img/prog9.gif);
}

#dp10 a {
	background-image: url(img/prog10.gif);
}

#dp11 a {
	background-image: url(img/prog11.gif);
}

ul.daylist {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	list-style-image: url(img/puce10.gif);
	font-size: 12px;
}

ul.hourlist {
	list-style-image: url(img/puce2.gif);
}

ul.hourlist li {
	font-size: 9px;
}

ul.hourlist li strong {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul.hourlist li em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

/************* acousmonium.htm *********/
h1#titreacousmonium {
	background-image: url(img/Acousmonium.gif);
	height: 261px;
}
	
/************* artistes.htm ************/
h1#titreartistes {
	background-image: url(img/artistes1.gif);
	height: 59px;
}

div#subimagetitre {
	background-image: url(img/artistes22.gif);
	background-repeat: no-repeat;
	width: 160px; 
	height: 160px;
	float: left;
}

ul#listeartistes {
	margin: 0;
	padding: 0 0 5px 0;
	list-style-type: none;
}

h2#ljtitre {
	background-image: url(img/lj0.gif);
	background-repeat: no-repeat;
	font-size: 0;
	height: 50px;
}

h2#pjtitre {
	background-image: url(img/pj0.gif);
	background-repeat: no-repeat;
	font-size: 0;
	height: 50px;
}

img#photolj {
	margin: 7px 3px;
	border: 1px solid black;
	float: left;
	width: 126px;
	height: 150px;
}

img#photopj {
	margin: 10px 5px;
	border: 1px solid black;
	float: left;
	width: 150px;
	height: 151px;
}

img#photoeh {
	width: 310px;
	height: 201px;
	margin-top: 5px 0;
}

img#photoas {
	width: 250px;
	height: 215px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid black;
}

p.liensiteartiste {
	background-image: url(img/fleche7.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

em.contrastre {
	color: #000;
}

/************* audio.htm **************/
h1#titreaudio {
	background-image: url(img/audio.gif);
	height: 80px;
}

ul.ulaudio {
	list-style-type: none;
	list-style-position: inside;
	margin: 0 5px;
	padding-top: 15px;
	padding-left: 0;
}

ul.ulaudio li {
	margin-bottom: 12px;
}

/************** infos.htm ****************/
h1#titreinfos {
	background-image: url(img/infos.gif);
}

img#planacces {
	width: 310px;
	height: 287px;
	border: 1px solid black;
}

/**************** resa.htm *****************/
h1#titrereservations {
	background-image: url(img/reserv.gif);
}

p.pararesa {
	padding-left: 1em;
	margin-top: 0;
}

/******************* saline.htm *********/
h1#titresaline {
	background-image: url(img/sal1.jpg);
	height: 312px;
}

img#schemasaline {
	width: 100px;
	height: 319px;
	margin: 5px;
	float: left;
}

p#parsalplus {
	clear: left;
}

/********* partenaires.htm ***********/
h1#titrepartenaires {
	background-image: url(img/partenaires.gif);
}

p#parpreambule {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	letter-spacing: 1px;
	text-align: center;
	margin-top: 0;
}

p.ppuce {
	background-image: url(img/puce10.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 45px;
}

ul.listepartenaires li {
	padding-bottom: 1em;
	list-style-type: none;
}

ul.listepartenaires img {
	border: 1px solid black;
}

/********* presse.htm **********/
h1#titrepresse {
	background-image: url(img/presse.gif);
	height: 74px;
}