@import url(global.css);

#conteneur{
  	min-height:917px;
  	background:#000 url(/musee/_i/fond/expo.jpg) top left no-repeat;}

/*
 * bloc de titre
 */
#contenu #titre{
 	top:0;
  	left:154px;
  	width:305px;
  	background:#c674d1;
  	border:1px solid #cf96d7;
  	border-width:1px 1px 0 1px;}
	#contenu #deplier{
		position:absolute;
		top:7px;
		right:10px;
		color:#fff;
		vertical-align:text-bottom;;}
		#contenu #deplier img{
			vertical-align:text-bottom;}
		#contenu a#deplier:hover{
			color:#063c5d;
			text-decoration:none;}
			#contenu #titreWrapper {
		position:absolute;
		bottom:5px;}
	#conteneur #contenu #ariane {
		position:relative;
		top:0;
		/*position:absolute;
		top:75px;
		left:5px;*/
		margin:0;
		padding:0;
		list-style:none;}
		#contenu #ariane li{
			display:block;
			margin:0;
			padding:0;
			background-image:none;
			float:left;}
			#contenu #ariane li a{
				display:block;
				font-weight:normal;
				padding:1px 2px 1px 22px;
				background:url(/musee/_i/menu.gif) 5px 0.5em no-repeat;}
	#contenu #titre h1 {
		clear:both;
		width:278px;
		/*position:absolute;
		top:95px;
		left:0;*/
		margin:0;
		padding:5px 10px 0;
		color:#53035e;
		font-size:175%;}
/*
 * contenu de la page
 */
 .date{color:#53035e;}
 .cont{color:#fff;}
 .acces{font-style:italic;}
 .theme{text-transform:uppercase;color:#fff;}
#contenu #page{
 	background:#ff9339;
  	border:1px solid #ffb475;
  	top:153px;
  	left:1px;
  	width:458px;
	color:#000;
  	min-height:0;
	height:auto;}
  	#contenu #page h2,#contenu #page h5,#contenu #page h6{
	    color:#723400;
	    font-size:140%;
	    margin:16px 10px 8px;
	    padding:2px;
		height:auto;
		line-height:1.4em;}
	#contenu #page h3, #contenu #page h4{
	    color:#723400;
	    font-size:120%;
	    margin:0 10px 0;
	    padding:0;
		height:auto;}
		
	#contenu #page hr{
		height:0;width:430px;border:1px solid #723400;margin:6px auto;padding:0; }
		
  	#contenu #page p{
	    margin:10px;
	    padding:2px;
	    line-height:1.6em;}
		#contenu #page p.barre {
		color:#FFFFFF;
		background:#723400; 
		height:1.2em; 
		margin:10px;
		padding:2px;}
		#contenu #page div.expo p{
	    	margin:2px 10px;
	    	padding:2px;
	    	line-height:1.2em;}
		#contenu #page div.expo p.theme {
			text-transform:uppercase;}
		#contenu #page div.expo p span.date{
			color:#723400;}
  	#contenu #page ul{
	    list-style:none;
		line-height:1.4em;
	    margin:10px 10px;
	    padding:2px;}
	    #contenu #page ul li{
	    	margin:4px 0;
	    	background:url(/musee/_i/50.png) 5px 0.3em no-repeat;
	    	padding:0 0 0 20px;}
	#contenu #page ul.droite{
		margin-left:163px;}
	#contenu #page #introExpo {
		font-weight:bold;
		font-size:130%;
		color:#fff;
		line-height:1.3em;
		width:330px;}
	#page #expoDetails{
		float:left;
		width:150px;
		margin:0 10px 5px 0;
		padding:20px 5px 0 0;
		/*height:400px;*/
		text-align:left;
		color:#fff;
		height:240px;}
		#contenu #page #expoDetails p{
			line-height:1.3em;}
		#page #expoDetails strong{
			color:#700c5c;}
			
	#page #cccb {
		margin:17px;
		padding:8px;
		background:#f284db;
		color:#fff;
		height:44px;}
		#page #cccb img{
			float:left;}
		#contenu #page #cccb p{
			margin:0;
			padding:0 0 0 115px;
			line-height:1.2em;}
		#contenu #page #cccb .clear{
			clear:both;
			height:0;
			line-height:0;
			font-size:0;
			visibility:hidden;}
/*
* bloc savoi plus
*/
#contenu #savoirplus {
	left:1px;
	top:0;
	border:1px solid #f284db;
	border-width:1px 0 1px 1px;}
	#contenu #savoirplus h2 {
		margin-top:12px;}

/*
 * liste
 */
#contenu .carre ul{
	list-style:none;
	margin:0 2px 0 0;
	padding:0;}
	#contenu .carre ul li{
		padding:0 0 0 25px;
		margin : 2px 0;
		background:url(/musee/_i/puce-blanc.gif) 7px 5px no-repeat;}
		#contenu .carre ul li a{
			color:#fff;
			font-weight:bold;}
	#contenu .carre ul li.tous {
		background-image:url(/musee/_i/puce-mauve.gif);}
		#contenu .carre ul li.tous a{
			color:#710c5a;}


/*
 * bloc 
 */
#contenu #evtNav {
	left:1px;
	background:#b0afaf;
	top:153px;
	left:461px;
	border:1px solid #c8c7c7;
	height:153px;
	font-weight:normal;
	border-width:1px 1px 1px 0;}
	#contenu #evtNav ul {
		margin-top:10px;}
		#contenu #evtNav ul li a{
			font-weight:normal;}


/*
 * phototeque
 */
#contenu #collection{
	left:461px;
	top:570px;}
	#collection #images {
		list-style:none;
		position:absolute;
		top:43px;
		left:0;
		margin:0;
		padding:2px 0 0 2px;
		background:#ddd;
		width:150px;
		height:151px;}
		#collection #images li{
			display:block;
			float:left;
			padding:0;
			background:none;
			/*width:49px;
			height:49px;*/
			margin:0;}
			#collection #images li a{
				margin: 0 1px 1px 0;
				padding:0;
				background:#000;
				display:block;
				width:45px;
				height:45px;
				border:2px solid #000;}
				#collection #images li a img{
					display:block;
					width:45px;
					height:45px;}
			#collection #images li a:hover{
				border-color:#ec4fcc;}
	#collection #middleZoom {
		position:absolute;
		border-top:1px solid #ddd;
		border-bottom:1px solid #666;
		top:196px;}
		#collection #middleZoom img{
			display:block;}
	#collection #descImg {
		color:#ec4fcc;
		position:absolute;
		top:510px;
		margin:0;
		padding:5px 10px;}


#contenu #autour {
	left:461px;
	top:153px;
	border:1px solid #4eb3cd;
	border-width:1px 0 1px 1px;}
	#contenu #autour h2{
		margin-top:10px;
		margin-bottom:10px;}
		
#contenu #frontiere {
	left:461px;
	top:1120px;
	height:151px;
	background:#000;
	border:0;}
	#contenu #frontiere h2{
		margin-bottom:20px;}
	#contenu #frontiere ul{
		margin-right:10px;}

#contenu #telechargement {
	top:0;
	top:153px;
	left:461px;
	border:1px solid #4eb3cd;
	border-width:1px 1px 1px 0;}
	#contenu #telechargement h2{
		margin-top:10px;
		margin-bottom:10px;}
#contenu #infospratiques {
	height:457px;
	top:307px;
	left:1px;
	/*top:153px;*/
	left:461px;
	border:1px solid #f284db;
	border-width:1px 1px 1px 0;}
	#contenu #infospratiques h2 {
		margin-top:12px;}
	/*#contenu #infospratiques p.handicap {
		color:#000;
		padding:5px 5px 0 25px;
		background:url(/musee/_i/handicbl.gif) 9px 0.4em no-repeat;}*/
	#contenu #infospratiques p.contact {
		color:#000;
		padding:5px 5px 0 25px;
		background:url(/musee/_i/contact.gif) 9px 0.4em no-repeat;}

/*
 * liens de pied de page
 */
#piedLiens {
	top:456px;
	left:612px;}