/****************************************************************************************/
/*	Couleurs de fond et arrière plans													*/
/****************************************************************************************/

	/*balises*********************/


body{
	background-image:none;
	overflow-x:hidden;
}

	/*conteneurs et menus*********************/


#bg{
	position:absolute;
	top: 0px;
	left:889px;
	height:400px;
	width:50%;
	background-image:url(img/bgimg.gif);
	background-repeat:repeat-x;
	background-position:1px 0px;
	z-index:0;
}



#menuNavA1{
	background-color:#807366;
}

#menuNavB{
	background-image:url(img/pattern1.gif);
	background-repeat:repeat-x;
	background-position:1px 1px;
}

/****************************************************************************************/
/*	polices et couleurs de texte														*/
/****************************************************************************************/


body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:11px;	color:#000000;
	}
a {
	text-decoration: none;
	outline: none;
/*	color:#FF9933;*/
	}
a:visited {
	}
a:active {
	}
a:hover {
	}


.linkCat{
/*	color:#FF9933;*/
}



	#menuNavA2 ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#menuNavA2 a{
		color:#FFFFFF;
	}
	#menuNavA2 li{
		margin-top:4px;
	}
	#menuNavA2 li.firstLine{
		line-height:19px;
	}
	#menuNavA2 .menuactif a{
		color:#000000;
	}
	
	
#menuNavA3{
	font-size:11px;
	line-height:10px;
/*	color:#FF9933;*/
}

	#menuNavA3 ul{
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#menuNavA3 a{
/*		color:#FF9933;*/
	}
	#menuNavA3 li{
		margin-top:4px;
	}
		#menuNavA3 ul ul{
			padding-left:5px;
		}
		#menuNavA3 ul ul a{
			color:#4C4C4C;
		}
	#menuNavA3 a.menuactif {
		color:#000000;
	}
/*	
#menuNavB{

	font-size:11px;
	line-height:12px;
	color:#4C4C4C;
}
	
	#menuNavB ul{
		margin:0px 0px 0px 0px;
		padding:0px;
		list-style:none;
	}
	#menuNavB li{
		margin-top:4px;
	}
	#menuNavB a{
		color:#4C4C4C;
	}
	#menuNavB a.menuactif {
		color:#000000;
	}
	#menuNavB .niveau2{
		margin-left:5px;
	}

		#menuNavB .niveau2 .menuactif a{
			color:#000000;
		}

*/

#contenuPrincipal H2, #deuxcolonnes H2 {
	font-size:18px;
	font-weight:normal;
}

/*********** styles evenements */

#newslist{
	margin-bottom:10px;
}

#newslist p.bodytext{
	margin:0px;
}
#newslist ul{
	padding:0px;
	margin:0px;
}

#newslist ul a:hover{
	color:#000000;
	list-style-image:url(fileadmin/templates/img/masquepuce.gif);
}

.eventcategory{
	color:#807366;
}

.eventshort, .eventshort a{
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	color:#000000;
	margin-bottom:10px;
}
	.eventshort a:hover{
		text-decoration:underline;
	}

.eventsubheader, .eventsubheader a{
		font-size:11px;
		line-height:14px;
		color:#4C4C4C;
		margin:0px;
}
.eventsubheader a:hover{
	text-decoration:underline;
	color:#B3B3B3;
}

.eventdates{
	color:#807366;
	color:#000000;
	font-size:10px;
	margin:0px;

}

.eventlocation{
	color:#807366;
	font-style:italic;
}
.newsmore{
	text-align:right;
	font-weight:bold;
}
.newsimages{
	float:left;
	width:165px;
	margin-left:-5px;
	padding-left:10px;
}
#newslist .newslistimages{
	float:left;
	margin-left:-5px;
	padding:0px 10px 10px 10px;
}

#newslist .newslistcontent{
	float:left;
	margin-left:0px;
	padding:0px;
	
}

.newstitredroite{
	color:#807366;
	font-weight:bold;
	margin-bottom:5px;
}
.newscontdroite{
	color:#807366;
	margin-bottom:5px;
}

.commissaires{
	color:#807366;
}
	.commissaires p{
	margin:0px 0px 4px 0px;
	}
	
	
.newsPager{
	float:right;
	text-align:right;
	margin-right:-5px;
	/*width:165px;
	height:65px;*/
}

/****************************************************************************************/
/*	marges padding et bordures, positions tailles et placement														*/
/****************************************************************************************/

	/*balises*********************/
body{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

#contenuPrincipal .clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}



	/*conteneurs et menus*********************/

#menuNavA1, #menuNavA2, #menuNavA3, #menuNavB{
	position:absolute;
	width:165px;
	height:260px;
}

#menuNavA1{
	height: 233px;
    left: 15px;
    padding: 17px 13px 11px;
    top: 0;
    width: 139px;
}

#menuNavA1 .contenumenu{
	/*bottom:15px;*/
	/*left:15px;*/
	position:absolute;
}

#menuNavA2 .contenumenu{
	bottom:15px;
	left:15px;
	width:135px;
}

#menuNavA3{
	top:325px;
	left:190px;

	width:135px;
	height:230px;
	padding:15px;
	
	overflow:visible;
	
	border-top-style:solid;
	border-top-width:9px;
}

#menuNavB{
	top:325px;
	left:15px;

	width:135px;
	height:221px;
	padding:24px 15px 15px 15px;
	overflow:visible;
}

#outils{
	position:absolute;
	width:90px;
	height:180px;
	left:890px;
	top:334px;
	padding:10px;
	z-index: 10;
}

#outils img{
	margin-right:16px;
	margin-bottom:10px;
}

#fullcontainer{
	background-color:transparent;
	margin-right:-3px;
	z-index:0;
	padding : 0px 0px 0px 0px;
	position:relative;
	float:left;
	top:0px;
	left:0px;
	width:890px;
	z-index: 0;
}

#entetes{
	display: none;
	position:relative;
	top:0px;
	left:365px;
	width:515px;
	z-index:90;
}

#entetes h1{
	position:relative;
	bottom:0px;
	left:10px;
	font-size:18px;
	vertical-align:bottom;
}

#entetes .imagetitre{
	height:260px;
	width:340px;
	position:relative;
}

#entetes .imagetitre h1{
	position:absolute;
}

#entetes .imagedroite{
	position:absolute;
	right:0px;
	top:0px;
}

#contenuPrincipal img{
	margin-left:-10px;
}

#contenuprincipal h2, #deuxcolonnes h2{
	margin:0px;
	padding:0px;
	vertical-align:top;
}

/*styles des flexibles contents*/

#contenuPrincipal #deuxcolonnes{
	width:505px;
	margin-left:-10px;
	padding:10px;
}

#contenuPrincipal #deuxcolonnes ul{
	padding:0px;
	position:relative;
	margin:0px;
}

#contenuPrincipal li{
	list-style:none;
	padding-left:10px;
	position:relative;
	background-position:left center;
	background-repeat:no-repeat;
	display:block;
}

#contenuPrincipal .deuxColonnes .deuxTiers .content li {
	background-image:none;
}

#contenuPrincipal .deuxColonnes .deuxTiers{
	float:left;
	margin-left:-10px;
	display: inline;
	width:340px;
}

#contenuPrincipal .deuxColonnes .deuxTiers .content{
	float:none;
	padding-left:10px;
}

#contenuPrincipal .deuxColonnes .unTiers{
	width:165px;
	margin-left:10px;
	float:left;
	overflow:hidden;
}

#contenuPrincipal #troiscolonnes{
	width:515px;
	margin-left:-10px;
	padding:0px;
	position:relative;
}

	#contenuPrincipal #troiscolonnes .firstTiers, #contenuPrincipal #troiscolonnes .secondTiers, #contenuPrincipal #troiscolonnes .lastTiers{
		width:145px; 
		float:left; 
		padding:0px 10px 0px 10px; 
		overflow:hidden
	}
	#contenuPrincipal #troiscolonnes .firstTiers, #contenuPrincipal #troiscolonnes .secondTiers{
		margin-right:10px; 
	}
	
#separator{
	background-image:url(img/lignepts.gif);
	height:1px;
	margin:10px -10px 10px -10px;
	overflow:hidden;
}



/* TABLEAUX */

.grandtableaux{
	border:none;
	border-collapse:collapse;
	width:515px;
	color:#4C4C4C;
	font-size:11px;
	line-height:14px;
	margin-left:-10px;
	margin-right:-10px;
	
}
.grandtableaux B, .grandtableaux strong{
	color:#000000;
}
	.grandtableaux TH{
		text-align:left;
	}
	.grandtableaux TD, .grandtableaux TH{
		border-bottom: 1px solid #807366 ;
		margin:0px;
		padding:10px;
	}

.petittableau{
	border:none;
	border-collapse:collapse;
	color:#4C4C4C;
	font-size:11px;
	line-height:14px;
	margin-left:-10px;
	margin-right:-10px;
}
	.petittableau B, .petittableau strong{
		color:#000000;
	}
	.petittableau TH{
		text-align:left;
	}
	.petittableau TD{
		padding:10px;
	}
	.petittableau TH{
		padding:0px 10px 0px 10px;
	}
	.petittableau TD.souligne, .petittableau TH.souligne, .petittableau TR.souligne{
		background-image:url(img/trait_tab.gif); background-repeat:repeat-x; background-position:bottom;
	}
	.petittableau TD.catcolor, .petittableau TH.catcolor, .petittableau TR.catcolor{
/*		background-color:#FFCC00 ;*/
		color:#FFFFFF;
		padding:5px 10px 5px 10px;
	}
	.petittableau TD.catcolor B, .petittableau TD.catcolor strong, .petittableau TR.catcolor B, .petittableau TR.catcolor strong{
		color:#FFFFFF;
	}






.headerswap{
	margin-left:-10px;
	padding:5px 10px 5px 10px;
	color:#FFFFFF;
	font-size:11px;
	line-height:14px;

}

	.headerswap .plusmoins{
		width:11px;
		height:11px;
		line-height:11px;
		font-size:5px;
		float:right;
		background-image:url(img/tableau_moins.gif);
		background-position:center center;
		background-repeat:no-repeat;
	}

	.headerswap a{
			color:#FFFFFF;
	}
	
.headerswapOff{
	margin-left:-10px;
	padding:5px 10px 5px 10px;
}
	.headerswapOff .plusmoins{
	width:11px;
		height:11px;
		line-height:11px;
		font-size:5px;
		float:right;
		background-image:url(img/tableau_plus.gif);
		background-position:center center;
		background-repeat:no-repeat;
	}

	.headerswapOff a:hover, .headerswap a:hover{
		text-decoration:underline;
	}



.header5{
	display:none;
}
.header5On{
	background-color:#F2F2F2;
	margin-left:-10px;
	padding-left:10px;
}


/*************************************************************
**					Style pour les formulaire csc-mailform-field    **
**************************************************************/

.csc-mailform-field{
/*height: 2em;*/
clear: both;
}

.csc-mailform-field label{
display: block;
float: left;
width: 120px;
padding-right: 20px;
text-align: right;
}




/* calendrier*/

.calendrier {
	/*border:1px solid #ed4d0f;*/
	margin:5px 0 5px 0;
	font-size:10px;
}
.calendrier caption{
	display:none;
}

.calendrier .mois {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}
.calendrier .header {
/*	background-color:#ede9e6;*/
	color:#4c3d28;
}

.calendrier td, .calendrier th{
text-align:center;
width:14%;
}
.calendrier .nodate {
	color:#FF00FF;
	font-weight:bold;
}
.calendrier .date {
	color:#4b3e2b;
	font-weight:bold;
}
.calendrier .activedate {
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
}

.calendrier .currentdate {
	color:#ffffff;
	font-weight:bold;
	background-color:#000000;
}



/* plan du musée */



#entetes{
	position:relative;
	top:0px;
	left:540px;
	width:340px;
	z-index:90;
}





#contenuPrincipal #deuxcolonnes{
	width:320px;
	margin-left:-10px;
	padding:10px;
}

#contenuPrincipal #deuxcolonnes ul{
	padding:0px;
	position:relative;
	margin:0px;
}
	#contenuPrincipal li  {
/*		list-style-image:url(fichiers/puce.gif);*/
		list-style:none;
		padding-left:10px;
		position:relative;
/*		background-image:url(fichiers/puce.gif);*/
		background-position:left center;
		background-repeat:no-repeat;
		display:block;
	}
	#contenuPrincipal .deuxColonnes .deuxTiers .content li {
/*		list-style-image:url(fichiers/puce.gif);*/
		background-image:none;
	}
	
	#contenuPrincipal .deuxColonnes .deuxTiers{

		float:left;
		margin-left:-10px;
		display: inline;
		width:165px;
	}
	
#contenuPrincipal .deuxColonnes .deuxTiers .content{
	float:none;
	padding-left:10px;
}

#contenuPrincipal .deuxColonnes .unTiers{
	width:165px;
	margin-left:10px;
	float:left;
	overflow:hidden;
}

#separator{
	background-image:url(img/lignepts.gif);
	height:1px;
	margin:10px -10px 10px 0px;
	overflow:hidden;
}

#contenuPrincipal .planform label.hiddenlabel{
	visibility:hidden;

}
#contenuPrincipal .planform label{
display:block;
margin-top:8px;
}

#contenuPrincipal .planform #titre, #contenuPrincipal .planform #autre{
width:320px;
}

#contenuPrincipal .planform input, #contenuPrincipal .planform select{
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contenuPrincipal .planform .right{
	width:49%;
	float:right;
	text-align:right;
	margin-right:-5px;
}
#contenuPrincipal .planform .left{
	width:49%;
	float:left;
}

#footer{
	float: none;
	position:relative;
	text-align:left;
	left:195px;
	width:675px;
}



/*bloc recherche*/


/*************************************************************
**					Style des blocs recherche										    **
**************************************************************/

 .formresult{
 	width:340px;
	height:460px;
	overflow:auto;
 }
 
 #formresult .listepair, #formresult .listeimpair{
 	margin:0px 0px 0px 0px;
/*	position:relative;*/
	width:300px;
 	display:block;
 	color:#000000;
 	margin-top:15px;
  	background-color:#ffffff;
	padding:10px 10px 10px 10px;
 }


    #formresult .listepair .icones, #formresult .listeimpair .icones{

	position:static;
	float:right;
	width:90px;
  }  

 #formresult .pair, #formresult .impair{
 	margin:0px 0px 0px 0px;
/*	position:relative;*/
	width:320px;
 	display:block;
 	color:#000000;
 	margin-top:15px;
  	background-color:#ffffff; 
	padding:0px 0px 0px 0px;
 }
  #formresult .clear{
/*  clear:none;*/
}
 
/*  #formresult .pair:hover , #formresult .impair:hover{
			background-image:url(img/bgliste.gif);
			/*color:#ffffff;*/
/*  }*/
  
#formresult .pair .vignetteListeCollection65 ,#formresult .impair .vignetteListeCollection65 {
	float:left;

	width:65px;
	height:65px;
	background-image:url(img/bgliste.gif);
}

#contenuPrincipal #formresult img, #contenuPrincipal #formresult  img{
	margin:0px;
	margin-left:0px;
	}
  #formresult .hover , #formresult .hover{
	background-color:#807366;
	cursor:pointer;

  }
/*

 #formresult .pair:hover .vignetteListeCollection65, #formresult .impair:hover .vignetteListeCollection65 {
	width:65px;
	margin-left:0px;
	padding-left:0px;
	height:45px;
	height:inherit;
	left:0px;
	min-height:45px;
}
*/
   #formresult .pair .previewCttCollection65, #formresult .impair .previewCttCollection65{
/*	background-color:#FFFFFF;*/
	position:static;
	cursor:pointer;
	padding:10px;
	height:45px;
	height:inherit;
	left:0px;
	min-height:45px;
	width:220px;
  }  
     #formresult .pair .icones, #formresult .impair .icones{

	position:static;
	float:right;
	width:90px;
  }  

  
   #formresult .pair:hover .previewCttCollection65, #formresult .impair:hover .previewCttCollection65{
	background-color:#807366;
	cursor:pointer;
	width:220px;
  }  
 
 #formresult .pair .previewCttCollection65 .texteinfo, #formresult .impair .previewCttCollection65 .texteinfo{
 
 	color:#000000;
 }
 
 
 .formresult .mosaique{
	width:320px;
	overflow:hidden;
	margin-left:0px;
}

 .formresult .mosaiquepair, .formresult  .mosaiqueimpair{
	float:left;
	width:145px;
/*	overflow:hidden;*/
 	display:block;
 	color:#000000;
  	background-color:#ffffFF;
 }
  .formresult .mosaiquepair:hover , .formresult .mosaiqueimpair:hover{
			background-color:#807366;
			color:#ffffff;
  }

	#contenuPrincipal #formresult .mosaiquepair .vignetteListeCollection145 img, #contenuPrincipal #formresult .mosaiqueimpair .vignetteListeCollection145 img{
	margin:0px;
}

 #formresult .vignetteListeCollection145 {
	background-image:url(img/bgliste.gif);
	background-color:#FFFFFF;
	position:static;
	width:155px;
	height:165px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
.formresult .mosaique .intermos{
	float:left;
	width:10px;
}
.formresult .mosaique .clear{
	height:15px;
	clear:both;
}


.formresult .mosaiquepair .mosaiqueCttCollection145, .formresult .mosaiqueimpair .mosaiqueCttCollection145{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 10px ;
}
  .formresult .mosaiquepair:hover .mosaiqueCttCollection145 , .formresult .mosaiqueimpair:hover .mosaiqueCttCollection145{
		background-color:#807366;
		color:#ffffff;
  }


 #formresult  .vignetteListeCollection145 {	background-image:url(img/bgliste.gif);
/*	position:relative;*/
	width:155px;
	height:155px;
	overflow:hidden;
	margin:0px 0px 0px 0px;
}
 
 
#formresult .colexpocom{
 	float:none;
 	margin-top:-12px;
 	font-size:9px;
 	position:relative;
 	z-index:150;
 }
 
 /*************************************************************
**					Style des blocs images											    **
**************************************************************/

/*
.vignetteListe {
background-image:url(img/bgliste.gif);
position:relative;
width:65px;
height:65px;
overflow:hidden;
}

.vignetteListeCollection145 {
background-image:url(img/bgliste.gif);
position:relative;
width:145px;
height:145px;
overflow:hidden;
float:left;
}
*/

#formresult .pair:hover .vignetteListeCollection65, #formresult .impair:hover .vignetteListeCollection65{
background-image:none;
}


/* styles des aides contectuelles*/
.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
	z-index:100;
}

/* plan zoom*/
#menuNavA2{
	position: relative;
	font-size:11px;
	line-height:10px;
	color:#FFFFFF;
	overflow:visible;
	z-index: 5;
	font-size:11px;
	line-height:10px;
	color:#FFFFFF;
	left:190px;
	padding:0px;
	width:690px;
	height:410px;
	overflow:visible;
	background-color: #eeeeee;
}

#contenuPrincipal{
	position:relative;
	padding:0px 10px 0px 10px ;
	height:450px;
	min-height:450px;
	left:190px;
	width:690px;
	z-index: 5;
}


#contenuPrincipal .listeresult .texteinfo{

	cursor:pointer;
 	color:#000000;
	}

#contenuPrincipal .salle{
	float:left;
	width:165px;
}
#contenuPrincipal .artiste{
	float:left;
	width:100px;
}

#contenuPrincipal .titre{
	float:left;
	width:315px;

}
#contenuPrincipal .icones img{
	margin:0px;
}

#contenuPrincipal .icones{
	float:left;
	width:100px
}

.plan_salle {
vertical-align: middle;
}

.titre_plan{
/*display: none;
/*position: absolute;
top: -20px;
padding-left: 10px;*/
color:#bfa619;
margin: 0 0 10px 10px;
padding: 0 0 0 0;
}

.formresult2 .listeresult{
	width:670px;
	/*border: 1px solid black;*/
	display: block;
	height: auto;
	margin: 2px 0 2px 0;
 }

.result_zoom{
width: 610px;
height: 3.5em;
min-height: 30px;
}
 .result_zoom:hover{
background-color:#807366;
color:#ffffff;
 }

 .icones_zoom{
 float: right;
 width: 60px;
 padding: 1em 0 0 0;
 text-align: right;
 }
 
.artiste_zoom{
float: right;
text-align: left;
width: 160px;
}

.salle_zoom{
}

.titre_zoom{
margin-left: 25px;
font-style: italic;
float: right;
text-align: left;
width: 350px;
}

.titre_zoom:hover{
}

.bgCat{
	background-color:#eeeeee;
}