/* -------- BODY -------- */

html, body{
	margin: 0;
	padding: 0;
	height: 100%;
}

body{ 
	background: #ffffff;
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
}

h1{
	margin: 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.5em;
}

h2{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
}

p{
	margin: 0 0 10px 0;
	padding: 0;
}

#liens a{
	text-decoration: none;
	font-weight:bold;
}

#liens a:hover{
	text-decoration: underline;
}

/* -------- TEXTES --------- */
.orange{color: #F28B00;}
.rouge{color:#DD0029;}
.bleu{color:#53C0D3;}
.vert{color: #B6BF00;}
.noir{color:black;}
.rose{color:#DF008F;}
.lien_rouge{color:#DD0029; text-decoration: none; font-weight:bold;}
.lien_vert{color:#CAD400; text-decoration: none; font-weight:bold;}
.lien_rose{color:#DF008F; text-decoration: none; font-weight:bold;}
.lien_rouge:hover, .lien_vert:hover, .lien_rose:hover {text-decoration: underline;}

/* -------- COLONNES ET STRUCTURE-------- */

.logo{
	position : relative;
	top : 15px;
	left: 45px;
	border:none;
}

#container{
	position: relative;
	/*height: 90%; -------------------------------------------------------------------------------------------------------*/
	height: 660px;
	max-height: 810px;
	min-height: 600px;
	width: 1650px;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: auto;
	overflow: hidden;
}

#colonne1{
	float: left;
	width: 364px;
	height: 100%;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #fff;
}

#colonnevert{
	float: left;
	width: 206px;
	height: 100%;
	min-height: 600px;
	top: 0;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/BGmenu1.png) top repeat-y;
}

#colonnebleu{
	float: left;
	width: 206px;
	height: 100%;
	min-height: 600px;
	top: 0;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/BGmenu2.png) top repeat-y;
}

#colonneorange{
	float: left;
	width: 206px;
	height: 100%;
	min-height: 600px;
	top: 0;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/BGmenu3.png) top repeat-y;
}

#colonnerouge{
	float: left;
	width: 206px;
	height: 100%;
	min-height: 600px;
	top: 0;
	left: 0;
	margin: 2px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/BGmenu4.png) top repeat-y;
}

#content{
	overflow: hidden;
	height: 100%;
	top: 0;
	left: 0;
	padding: 60px 0 0 40px;
	background: #FFF;
}

#contentimage {
	overflow: hidden;
	height:100%;
	top: 0;
	left: 0;
	padding: 0 0 0 21px;
	background: #FFF;
}

	#contentimage a{
		display: block;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: none;
	}
	
	#contentimage img{
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border: none;
	}


#BGimage{
	position: absolute;
	z-index: 10;
	left: 0;
    top: 85px;
	width: 364px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
}

#images{
	float: left;
	margin: 22px 20px 0 0;
	padding: 0 0 0 0;
	font-size: 0.75em;
	overflow: hidden;
}

	#images #hauteur{
		height:300px;
	}
	
	#images #petit{
		padding-top:10px;
		font-size:10px;
	}

#texte{
	width: 500px;
	margin: 0 20px 0 0;
	padding: 0 0 0 0;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: justify;
	overflow: none;
}

#footer{
	position: relative;
	z-index: 1000;
	overflow: hidden;
	background:#FFF;
	height: 10%;
	width: 100%;
}

	#footer ul{
		text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		border: 0 none;
	}
	
	#footer li{
		float: left;
		margin: 0 20px 0 0;
		padding: 0 0 0 0;
		border: 0 none;
	}
	
a.mulhouse{
	display: block;
	width: 134px;
	height: 34px;
	background: url(../images/logo_mulhouse.png) bottom no-repeat;
}


/* -------- BOUTONS LANGUES -------- */

#langues{
	position: fixed;
	right: 15px;
	top: 15px;
	height: 19px;
	width: 87px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	#langues ul{
		position: absolute;
		text-align: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		border: 0 none;
	}
	
	#langues li{
		float : right;
		margin: 0 6px 0 0;
		padding: 0 0 0 0;
		border: 0 none;
	}

		#langues li.rouge{
			background: #DD0029;
		}
	
		#langues li.orange{
			background: #F28B00;
		}
		
		#langues li.bleu{
			background: #53C0D3;
		}
		
		#langues li.vert{
			background: #CAD400;
		}

a.BTfr{
	display: block;
	width: 12px;
	height: 11px;
	padding: 9px 5px 9px 5px;
	background: url(../images/BTfr.png) center no-repeat;
}

	a.BTfr:hover{
		display: block;
		width: 12px;
		height: 11px;
		padding: 9px 5px 9px 5px;
		background: url(../images/BTfr_Actif.png) center no-repeat;
	}

	a.BTfractif{
		display: block;
		width: 12px;
		height: 11px;
		padding: 9px 5px 9px 5px;
		background: url(../images/BTfr_Actif.png) center no-repeat;
	}

a.BTen{
	display: block;
	width: 12px;
	height: 11px;
	padding: 9px 5px 9px 5px;
	background: url(../images/BTen.png) center no-repeat;
}
	
	a.BTen:hover{
		display: block;
		width: 12px;
		height: 11px;
		padding: 9px 5px 9px 5px;
		background: url(../images/BTen_Actif.png) center no-repeat;
	}

	a.BTenactif{
		display: block;
		width: 12px;
		height: 11px;
		padding: 9px 5px 9px 5px;
		background: url(../images/BTen_Actif.png) center no-repeat;
	}

a.BTde{
	display: block;
	width: 15px;
	height: 11px;
	padding: 9px 4px 9px 4px;
	background: url(../images/BTde.png) center no-repeat;
}

	a.BTde:hover{
		display: block;
		width: 15px;
		height: 11px;
		padding: 9px 4px 9px 4px;
		background: url(../images/BTde_Actif.png) center no-repeat;
	}

	a.BTdeactif{
		display: block;
		width: 15px;
		height: 11px;
		padding: 9px 4px 9px 4px;
		background: url(../images/BTde_Actif.png) center no-repeat;
	}
	

/* -------- MENUS HAUT -------- */

#menuhaut{
	position: relative;
	height: 29px;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#menuhaut ul{
	position: absolute; 
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	border: 0 none;
}
	
#menuhaut li{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 none;
}
	
a.presentation{
	display: block;
	width: 97px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop1.png) 9px 6px no-repeat;
}

a.presentation:hover{
	display: block;
	width: 97px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop1_Actif.png) 9px 6px no-repeat;
}

a.presentationActif{
	display: block;
	width: 97px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop1_Actif.png) 9px 6px no-repeat;
}

a.calendrier{
	display: block;
	width: 84px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop2.png) 9px 6px no-repeat;
}

a.calendrier:hover{
	display: block;
	width: 84px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop2_Actif.png) 9px 6px no-repeat;
}

a.calendrierActif{
	display: block;
	width: 84px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop2_Actif.png) 9px 6px no-repeat;
}

a.eventaire{
	display: block;
	width: 76px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop3.png) 9px 6px no-repeat;
}

a.eventaire:hover{
	display: block;
	width: 76px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop3_Actif.png) 9px 6px no-repeat;
}

a.eventaireActif{
	display: block;
	width: 76px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop3_Actif.png) 9px 6px no-repeat;
}

a.fonderie{
	display: block;
	width: 93px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop4.png) 9px 6px no-repeat;
}

a.fonderie:hover{
	display: block;
	width: 93px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #F28B00 url(../images/BTtop4_Actif.png) 9px 6px no-repeat;
}

a.fonderieActif{
	display: block;
	width: 93px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #F28B00 url(../images/BTtop4_Actif.png) 9px 6px no-repeat;
}

a.mission{
	display: block;
	width: 68px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop5.png) 9px 6px no-repeat;
}

a.mission:hover{
	display: block;
	width: 68px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #F28B00 url(../images/BTtop5_Actif.png) 9px 6px no-repeat;
}

a.missionActif{
	display: block;
	width: 68px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #F28B00 url(../images/BTtop5_Actif.png) 9px 6px no-repeat;
}

a.projet{
	display: block;
	width: 128px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop6.png) 9px 6px no-repeat;
}

a.projet:hover{
	display: block;
	width: 128px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #F28B00 url(../images/BTtop6_Actif.png) 9px 6px no-repeat;
}

a.projetActif{
	display: block;
	width: 128px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #F28B00 url(../images/BTtop6_Actif.png) 9px 6px no-repeat;
}

a.residences{
	display: block;
	width: 85px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop7.png) 9px 6px no-repeat;
}

a.residences:hover{
	display: block;
	width: 85px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop7_Actif.png) 9px 6px no-repeat;
}

a.residencesActif{
	display: block;
	width: 85px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #DD0029 url(../images/BTtop7_Actif.png) 9px 6px no-repeat;
}

a.partenaires{
	display: block;
	width: 93px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop8.png) 9px 6px no-repeat;
}

a.partenaires:hover{
	display: block;
	width: 93px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop8_Actif.png) 9px 6px no-repeat;
}

a.partenairesActif{
	display: block;
	width: 93px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop8_Actif.png) 9px 6px no-repeat;
}

a.BThaut9{
	display: block;
	width: 101px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop9.png) 9px 6px no-repeat;
}

a.BThaut9:hover{
	display: block;
	width: 101px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #CAD400 url(../images/BTtop9_Actif.png) 9px 6px no-repeat;
}

a.BThaut9actif{
	display: block;
	width: 101px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #CAD400 url(../images/BTtop9_Actif.png) 9px 6px no-repeat;
}

a.contacts{
	display: block;
	width: 67px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop10.png) 9px 6px no-repeat;
}

a.contacts:hover{
	display: block;
	width: 67px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop10_Actif.png) 9px 6px no-repeat;
}

a.contactsActif{
	display: block;
	width: 67px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop10_Actif.png) 9px 6px no-repeat;
}

a.pratique{
	display: block;
	width: 67px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop11.png) 9px 6px no-repeat;
}

a.pratique:hover{
	display: block;
	width: 67px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop11_Actif.png) 9px 6px no-repeat;
}

a.pratiqueActif{
	display: block;
	width: 67px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop11_Actif.png) 9px 6px no-repeat;
}

a.liens{
	display: block;
	width: 41px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: url(../images/BTtop12.png) 9px 6px no-repeat;
}

a.liens:hover{
	display: block;
	width: 41px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop12_Actif.png) 9px 6px no-repeat;
}

a.liensActif{
	display: block;
	width: 41px;
	height: 29px;
	padding: 0px 9px 0 9px;
	background: #53C0D3 url(../images/BTtop12_Actif.png) 9px 6px no-repeat;
}


/* -------- SOUS-MENUS HAUT -------- */

.smrouge{
	background-color :#DD0029;
	height: 29px;
}

#sousmenuhaut{
	position: relative;
	height: 29px;
	width: 500px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	visibility: hidden;
}

#sousmenuhaut ul{
	position: absolute; 
	text-align: left;
	width: 500px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	border: 0 none;
}
	
#sousmenuhaut li{
	float: left;
	margin: 0 0 0 0;
	padding: 4px 0 0 0;
	border: 0 none;
}

a.BTsmhaut1{
	display: block;
	width: 82px;
	height: 11px;
	margin: 0 9px 0px 9px;
	padding: 10px 0 0 0;
	background: url(../images/BTsmtop1.png) center no-repeat;
}

a.BTsmhaut2{
	display: block;
	width: 54px;
	height: 11px;
	margin: 0 9px 0px 9px;
	padding: 10px 0 0 0;
	/*background: url(../images/BTsmtop2.png) center no-repeat;*/
	background: url(../images/BTsmtop2.png) center no-repeat;
}

.BTsmhaut3{
	display: block;
	width: 75px;
	height: 11px;
	margin: 0 9px 0px 9px;
	padding: 10px 0 0 0;
	background: url(../images/BTsmtop3.png) center no-repeat;
}

a.BTsmhaut4{
	display: block;
	width: 74px;
	height: 11px;
	margin: 0 9px 0px 9px;
	padding: 10px 0 0 0;
	/*background: url(../images/BTsmtop4.png) center no-repeat;*/
	background: url(../images/BTsmtop4.png) center no-repeat;
}


/* -------- MENUS GAUCHE -------- */

img.pageactiveactualites{
	position: relative;
	margin: 126px 0 0 12px;
	padding: 0 0 0 21px;
	background: #DD0029;
	width: 173px;
	height: 29px;
	border: 0 none;
}

img.pageactivekunsthalle{
	position: relative;
	margin: 126px 0 0 12px;
	padding: 0 0 0 21px;
	background-color: #F28B00;
	width: 173px;
	height: 29px;
	border: 0 none;
}

img.pageactivearchives{
	position: relative;
	margin: 126px 0 0 12px;
	padding: 0 0 0 21px;
	background: #CAD400;
	width: 173px;
	height: 29px;
	border: 0 none;
}

img.pageactiveinformations{
	position: relative;
	margin: 126px 0 0 12px;
	padding: 0 0 0 21px;
	background: #53C0D3;
	width: 173px;
	height: 29px;
	border: 0 none;
}

#menugauche ul{
	position: absolute;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	bottom: 25%;
	list-style-type: none;
}

#menugauche li{
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	border: 0 none;
}

a.actualitesrouge, a.actualitesvert, a.actualitesorange, a.actualitesbleu{
	display: block;
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	width: 194px;
	height: 29px;
	border: 0 none;
	background: url(../images/BTleft1.png) 21px 4px no-repeat;
}


a.actualitesrouge:hover{background: #DD0029 url(../images/actualites_Actif.png) 21px 0px no-repeat;}
a.actualitesvert:hover{background: #CAD400 url(../images/actualites_Actif.png) 21px 0px no-repeat;}
a.actualitesorange:hover{background: #F28B00 url(../images/actualites_Actif.png) 21px 0px no-repeat;}
a.actualitesbleu:hover{background: #53C0D3 url(../images/actualites_Actif.png) 21px 0px no-repeat;}



a.kunsthallerouge, a.kunsthallevert, a.kunsthalleorange, a.kunsthallebleu{
	display: block;
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	width: 194px;
	height: 29px;
	border: 0 none;
	background: url(../images/BTleft2.png) 21px 4px no-repeat;
}

a.kunsthallerouge:hover{background: #DD0029 url(../images/kunsthalle_Actif.png) 21px 0px no-repeat;}
a.kunsthallevert:hover{background: #CAD400 url(../images/kunsthalle_Actif.png) 21px 0px no-repeat;}
a.kunsthalleorange:hover{background: #F28B00 url(../images/kunsthalle_Actif.png) 21px 0px no-repeat;}
a.kunsthallebleu:hover{background: #53C0D3 url(../images/kunsthalle_Actif.png) 21px 0px no-repeat;}

a.archivesrouge, a.archivesvert, a.archivesorange, a.archivesbleu{
	display: block;
	margin: 0 0 0 12px;
	padding: 4px 0 0 20px;
	background: none;
	width: 174px;
	height: 25px;
	border: 0 none;
	background: url(../images/BTleft3.png) 21px 4px no-repeat;
}

a.archivesrouge:hover{background: #DD0029 url(../images/archives_Actif.png) 21px 0px no-repeat;}
a.archivesvert:hover{background: #CAD400 url(../images/archives_Actif.png) 21px 0px no-repeat;}
a.archivesorange:hover{background: #F28B00 url(../images/archives_Actif.png) 21px 0px no-repeat;}
a.archivesbleu:hover{background: #53C0D3 url(../images/archives_Actif.png) 21px 0px no-repeat;}

a.informationsrouge, a.informationsvert, a.informationsorange, a.informationsbleu{
	display: block;
	margin: 0 0 0 12px;
	padding: 4px 0 0 20px;
	background: none;
	width: 174px;
	height: 25px;
	border: 0 none;
	background: url(../images/BTleft4.png) 21px 4px no-repeat;
}

a.informationsrouge:hover{background: #DD0029 url(../images/informations_Actif.png) 21px 0px no-repeat;}
a.informationsvert:hover{background: #CAD400 url(../images/informations_Actif.png) 21px 0px no-repeat;}
a.informationsorange:hover{background: #F28B00 url(../images/informations_Actif.png) 21px 0px no-repeat;}
a.informationsbleu:hover{background: #53C0D3 url(../images/informations_Actif.png) 21px 0px no-repeat;}

a.BTgauche5rouge, a.BTgauche5vert, a.BTgauche5orange, a.BTgauche5bleu{
	display: block;
	margin: 0 0 0 12px;
	padding: 4px 0 0 20px;
	background: none;
	width: 174px;
	height: 25px;
	border: 0 none;
	background: url(../images/BTleft5.png) 21px 4px no-repeat;
}

a.BTgauche5rouge:hover{background: #DD0029 url(../images/BTleft52_Actif.png) 21px 0px no-repeat;}
a.BTgauche5vert:hover{background: #CAD400 url(../images/BTleft52_Actif.png) 21px 0px no-repeat;}
a.BTgauche5orange:hover{background: #F28B00 url(../images/BTleft52_Actif.png) 21px 0px no-repeat;}
a.BTgauche5bleu:hover{background: #53C0D3 url(../images/BTleft52_Actif.png) 21px 0px no-repeat;}

/* -------- PAGE ACTUALITE -------- */

#BGtop1vert{
	position: absolute;
	z-index: 1000;
	left: 0;
    top: 0;
	width: 364px;
	height: 138px;
	background: url(../images/BGtop11.png) no-repeat;
}

#BGtop2vert{
	position: absolute;
	z-index: 1000;
	left: 364px;
    top: 0;
	width: 206px;
	height: 87px;
	background: url(../images/BGtop12.png) no-repeat;
}

#BGtop3vert{
	position: absolute;
	z-index: 1000;
	left: 570px;
    top: 0;
	width: 414px;
	height: 58px;
	background: url(../images/BGtop13.png) no-repeat;
}

#BGbottom1vert{
	position: absolute;
	z-index: 1000;
	left: 0;
    bottom: 0;
	width: 364px;
	height: 116px;
	background: url(../images/BGbottom11.png) no-repeat;
}

#BGbottom2vert{
	position: absolute;
	z-index: 1000;
	left: 364px;
    bottom: 0;
	width: 206px;
	height: 65px;
	background: url(../images/BGbottom12.png) no-repeat;
}

#BGbottom3vert{
	position: absolute;
	z-index: 1000;
	left: 570px;
    bottom: 0;
	width: 255px;
	height: 36px;
	background: url(../images/BGbottom13.png) no-repeat;
}

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

#presse li.rouge {
	background:#DD0029 none repeat scroll 0 0;
}

#presse li {
	border:0 none;
	float:left;
	margin:0 6px 0 0;
	padding:0;
}

#presse .titre_presse {
	font-weight: bold;
	font-size:13px;
	font-style:italic;
	padding:6px 0 0 0;
}



.retour_artistes{
	display: block;
	width: 29px;
	height: 29px;
	position: absolute;
	padding: 0 0 0 0;
	background: #DD0029 url(../images/BTarrow1.png) 7px 8px no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	bottom: 0px;
	left: 0px;
}

.photos_out{
	display: block;
	width: 29px;
	height: 29px;
	position: absolute;
	padding: 0 0 0 0;
	background: #DD0029 url(../images/BTout.png) 7px 8px no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	bottom: 0px;
	left: 35px;
}

.popinfo_artiste { visibility:hidden; position:absolute; top:150px; left:270px; }

.hover_artiste{
	margin: 0px; padding: 8px 8px 8px 8px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

#infobulle1, #infobulle2{
	z-index: 1000;
}

/* -------- PAGE KUNSTHALLE -------- */

#BGtop1bleu{
	position: absolute;
	z-index: 1000;
	left: 0;
    top: 0;
	width: 364px;
	height: 138px;
	background: url(../images/BGtop21.png) no-repeat;
}

#BGtop2bleu{
	position: absolute;
	z-index: 1000;
	left: 364px;
    top: 0;
	width: 206px;
	height: 87px;
	background: url(../images/BGtop22.png) no-repeat;
}

#BGtop3bleu{
	position: absolute;
	z-index: 1000;
	left: 570px;
    top: 0;
	width: 414px;
	height: 58px;
	background: url(../images/BGtop23.png) no-repeat;
}

#BGbottom1bleu{
	position: absolute;
	z-index: 1000;
	left: 0;
    bottom: 0;
	width: 364px;
	height: 116px;
	background: url(../images/BGbottom21.png) no-repeat;
}

#BGbottom2bleu{
	position: absolute;
	z-index: 1000;
	left: 364px;
    bottom: 0;
	width: 206px;
	height: 65px;
	background: url(../images/BGbottom22.png) no-repeat;
}

#BGbottom3bleu{
	position: absolute;
	z-index: 1000;
	left: 570px;
    bottom: 0;
	width: 255px;
	height: 36px;
	background: url(../images/BGbottom23.png) no-repeat;
}


/* -------- PAGE ARCHIVES -------- */

#BGtop1orange{
	position: absolute;
	z-index: 1000;
	left: 0;
    top: 0;
	width: 364px;
	height: 138px;
	background: url(../images/BGtop31.png) no-repeat;
}

#BGtop2orange{
	position: absolute;
	z-index: 1000;
	left: 364px;
    top: 0;
	width: 206px;
	height: 87px;
	background: url(../images/BGtop32.png) no-repeat;
}

#BGtop3orange{
	position: absolute;
	z-index: 1000;
	left: 570px;
    top: 0;
	width: 414px;
	height: 58px;
	background: url(../images/BGtop33.png) no-repeat;
}

#BGbottom1orange{
	position: absolute;
	z-index: 1000;
	left: 0;
    bottom: 0;
	width: 364px;
	height: 116px;
	background: url(../images/BGbottom31.png) no-repeat;
}

#BGbottom2orange{
	position: absolute;
	z-index: 1000;
	left: 364px;
    bottom: 0;
	width: 206px;
	height: 65px;
	background: url(../images/BGbottom32.png) no-repeat;
}

#BGbottom3orange{
	position: absolute;
	z-index: 1000;
	left: 570px;
    bottom: 0;
	width: 255px;
	height: 36px;
	background: url(../images/BGbottom33.png) no-repeat;
}

.recherche_txt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CAD400;
	margin: 5px 0 0 0;
	padding: 6px 0 0 3px;
	background: #DFDFDF;
	width: 494px;
	height: 21px;
}

.recherche_date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CAD400;
	margin: 0 0 0 0;
	padding: 6px 0 0 3px;
	background: #DFDFDF;
	width: 70px;
	height: 21px;
}

.recherche_select{
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #101010;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	outline: none;
	width: 500px;
}

.recherche_submit{
	display: block;
	width: 150px;
	height: 29px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	border: 0 none;
	background: #CAD400 url(../images/BT_find.png) center no-repeat;
	cursor: pointer;
}


/* -------- PAGE INFORMATIONS -------- */

#BGtop1rouge{
	position: absolute;
	z-index: 1000;
	left: 0;
    top: 0;
	width: 364px;
	height: 138px;
	background: url(../images/BGtop41.png) no-repeat;
}

#BGtop2rouge{
	position: absolute;
	z-index: 1000;
	left: 364px;
    top: 0;
	width: 206px;
	height: 87px;
	background: url(../images/BGtop42.png) no-repeat;
}

#BGtop3rouge{
	position: absolute;
	z-index: 1000;
	left: 570px;
    top: 0;
	width: 414px;
	height: 58px;
	background: url(../images/BGtop43.png) no-repeat;
}

#BGbottom1rouge{
	position: absolute;
	z-index: 1000;
	left: 0;
    bottom: 0;
	width: 364px;
	height: 116px;
	background: url(../images/BGbottom41.png) no-repeat;
}

#BGbottom2rouge{
	position: absolute;
	z-index: 1000;
	left: 364px;
    bottom: 0;
	width: 206px;
	height: 65px;
	background: url(../images/BGbottom42.png) no-repeat;
}

#BGbottom3rouge{
	position: absolute;
	z-index: 1000;
	left: 570px;
    bottom: 0;
	width: 255px;
	height: 36px;
	background: url(../images/BGbottom43.png) no-repeat;
}


/* -------- SCROLLPANE -------- */

div#wn{ 
	position:relative; 
	width:1040px;
	margin: 15px 0 0 0;
	/*height: 65%; ------------------------------------------------------------------------------------------------------- */
	height: 455px; 
	overflow:hidden;
}

div#wn2{ 
	position:relative; 
	width: 970px;
	margin: 11px 0 0 0;
	/*height: 65%; ------------------------------------------------------------------------------------------------------- */
	height: 370px; 
	overflow:hidden;
}

div#wn3{ 
	position:relative; 
	width:1040px;
	margin: 10px 0 0 0;
	/*height: 65%; ------------------------------------------------------------------------------------------------------- */
	height: 460px; 
	overflow:hidden;
}


/* hide from incapable browsers */
div#scrollbar { 
	display:none;
}

/* below in external file */
div#scrollbar { 
	position:relative;
	margin: 18px 0 0 0;
	padding: 0; 
	width:500px;
	height:13px;
	display:block; /* display:none initially */
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

div#track { 
	margin: 0 0 0 4px;
	padding: 0 0 0 0;
	position:absolute; left:13px; top:0;
	width:466px; height:13px; 
	background: #dfdfdf;
}
		  
div#dragBarrouge {
	margin: 0;
	padding: 0;
	position:absolute; left:0px; top:0px;
	width:20px; height:13px; 
	background-color: #DD0029;
}

div#dragBarorange {
	margin: 0;
	padding: 0;
	position:absolute; left:0px; top:0px;
	width:20px; height:13px; 
	background-color: #F28B00;
} 

div#dragBar3 {
	margin: 0;
	padding: 0;
	position:absolute; left:0px; top:0px;
	width:20px; height:13px; 
	background-color: #CAD400;
} 

div#dragBar4 {
	margin: 0;
	padding: 0;
	position:absolute; left:0px; top:0px;
	width:20px; height:13px; 
	background-color: #53C0D3;
} 

div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }
		
/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar1, div#left, div#right {
	-moz-user-select: none;
	-khtml-user-select: none;
}
		
/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
	display:block; 
} 


/* -------- TABLEAU CALENDRIER -------- */

#bloctableau{
	width: 1456px;
	/* height: 65%; ------------------------------------------------------------------------------------------------------- */
	height: 368px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	#bloctableau h1{
		margin: 0;
		padding: 0;
		font-size: 1.3em;
		line-height: 1.5em;
	}
	
	#bloctableau h2{
		margin: 0;
		padding: 0;
		font-size: 1.1em;
	}

#espacefin{
	width: 483px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.table_simple{height: 28px; margin:0 0 0 1px; border-bottom: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; padding:0;}
.table_header{background: #FFFFFF; font-size: 0.7em; border-bottom: 1px solid #bdbdbd; padding:0;}
.style_table_header{margin: 0 0 0 0; color:#878787; }
.table_content{margin: 0 0 10px 1px; border-bottom: 1px solid #bdbdbd; border-left: 1px solid #bdbdbd; padding:0;}
.white{padding: 0 0 0 0; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; width: 120px;}


/* -------- COULEURS LIGNES CALENDRIER PROGRAMME -------- */

.headerfr{padding: 0 0 0 0; border-left: 0; border-right: 1px solid #bdbdbd; width: 120px;}
.white{border-left: 0; border-right: 1px solid #bdbdbd; background: #FFFFFF; width: 120px;}

.yellow{border-left: 0; border-right: 0; background: #f28b00;}
.leftyellow{border-left: 0; border-right: 0; background: #f28b00 url(../images/leftyellow.jpg) left no-repeat; width:9px;}
.rightyellow{border-left: 0; border-right: 1px solid #bdbdbd; background: #f28b00 url(../images/rightyellow.jpg) right no-repeat; width:9px;}

.red{border-left: 0; border-right: 0; background: #dd0029;}
.leftred{border-left: 0; border-right: 0; background: #dd0029 url(../images/leftred.jpg) left no-repeat; width:9px;}
.rightred{border-left: 0; border-right: 1px solid #bdbdbd; background: #dd0029 url(../images/rightred.jpg) right no-repeat; width:9px;}

.blue{border-left: 0; border-right: 0; background: #53c0d3;}
.leftblue{border-left: 0; border-right: 0; background: #53c0d3 url(../images/leftblue.jpg) left no-repeat; width:9px;}
.rightblue{border-left: 0; border-right: 1px solid #bdbdbd; background: #53c0d3 url(../images/rightblue.jpg) right no-repeat; width:9px;}

.green{border-left: 0; border-right: 0; background: #cad400;}
.leftgreen{border-left: 0; border-right: 0; background: #cad400 url(../images/leftgreen.jpg) left no-repeat; width:9px;}
.rightgreen{border-left: 0; border-right: 1px solid #bdbdbd; background: #cad400 url(../images/rightgreen.jpg) right no-repeat; width:9px;}

.pink{border-left: 0; border-right: 0; background: #DF008F;}
.leftpink{border-left: 0; border-right: 0; background: #cad400 url(../images/leftpink.jpg) left no-repeat; width:9px;}
.rightpink{border-left: 0; border-right: 1px solid #bdbdbd; background: #DF008F url(../images/rightpink.jpg) right no-repeat; width:9px;}

.style_table_content_hover{font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 9px; margin: 0; padding: 0 0 2px 0; color:#FFF; height: 9px; cursor:pointer;}
.style_table_content{font-family: Arial, Helvetica, sans-serif; font-size: 9px; margin: 0; padding: 0 0 2px 0; color:#FFF; height: 9px; cursor:default;}

/* -------- LEGENDE CALENDRIER PROGRAMME -------- */

.table_legende{position: relative; margin: 20px 0 39px 1px; border: 0; padding:0;}
.style_table_legende{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #878787; margin: 0; padding: 0;}
.celllegende{border-left: 0; border-right: 1px solid #bdbdbd; background: #FFFFFF; margin: 0 0 0 0; padding: 0 15px 0 0;}

/* -------- HOVER LIGNE CALENDRIER PROGRAMME -------- */

.yui-overlay { position:absolute; padding:0px 0px 0px 0px; margin:0;border:5px solid #dfdfdf;}
.yui-overlay .hd { background-color:#FFF; padding:0px;}
.yui-overlay .bd { background-color:#FFF; margin: 0px; padding:0px;}
.yui-overlay .ft { background-color:#FFF; padding:0px;}
.yui-overlay .ft:hover { cursor:pointer; background-color:#FFF;}
	
.popinfo { visibility:hidden; position:absolute; top:150px; left:270px; width: 250px;z-index:20; }

.hover{
	margin: 0px; padding: 10px 10px 10px 10px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

/* -------- TABLEAU ARTISTES -------- */

.lien_artiste{
	display: block;
	font-size: 0.75em;
	line-height: 1.5em;
	text-align: justify;
	color: #000;
	text-decoration: none;
	width: 220px;
	height: 200px;
	margin: 0 20px 0 0;
	padding: 10px;
	border: 0 none;
}

.lien_artiste:hover{
	color: #FFF;
	background: #DD0029;
	text-decoration: none;
}

.espace_artiste{
	height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 none;
}


/* --------- RENDEZ-VOUS ------------- */

.bloc_rendezvous {
	display: block;
	font-size: 0.98em;
	line-height: 1.5em;
	text-align: justify;
	text-decoration: none;
	width: auto;
	height: auto;
	margin: 0 0px 0 0;
	padding: 10px;
	border: 0 none;
	color: #000;
	/*background: #DD0029;*/
	text-decoration: none;
}

.bloc_rendezvous a {
	color:white;
}

.bloc_rendezvous a:hover {
	text-decoration: none;
}

.espace_bloc_rendezvous {
	height: 20px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0 none;
}


/* ------------ INORMATIONS ------------- */

a.bleu:hover {
	text-decoration:none;
}

a img {
	border: none;
}