@import url(global.css);

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

/*
 * bloc de titre
 */
#contenu #titre{
 	top:0;
  	left:154px;
  	width:305px;
  	background:#ef67d3;
  	border:1px solid #f284db;
  	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;
		left:5px;
		margin:0;
		padding:0;
		list-style:none;}
		#contenu #ariane li{
			display:block;
			margin:0;
			padding:0;
			background-image:none;
			float:left;
			padding:1px 2px 1px 22px;
			background:url(/musee/_i/menu.gif) 5px 0.5em no-repeat;}
			#contenu #ariane li a{
				display:block;
				font-weight:normal;}
	#contenu #titre h1 {
		clear:both;
		width:278px;
		margin:0;
		padding:5px 10px 0;
		color:#723400;
		font-size:175%;}


/*
 * contenu de la page
 */
#contenu #page{
	background:#ec4fcc;
  	border:1px solid #f284db;
  	top:153px;
  	left:1px;
  	width:458px;
	color:#000;
  	min-height:611px;
	height:auto;}
  	#contenu #page h2,#contenu #page h3,#contenu #page h4,#contenu #page h5,#contenu #page h6{
	    color:#723400;
	    font-size:140%;
	    margin:16px 10px 8px;
	    padding:2px;
		height:auto;}
	#contenu #page h2#pageTitle {
		line-height:1.2em;
		margin:16px 0 0;}
	#contenu #page p#pageIntro {
		color:#fff;
		margin:0;
		line-height:1.5em;}
	#contenu #page ul#pageIntroList {
		margin:5px 0 20px;
		color:#000;
		line-height:1.2em;
		padding:0 0 0 165px;}
		#contenu #page ul#pageIntroList li {
			margin:0;
			padding:0 0 0 16px;
			background:url(/musee/_i/puce-blanc.gif) 0 0.4em no-repeat;}
			#contenu #page ul#pageIntroList li a{
				color:#000;}
  	#contenu #page p{
	    margin:10px;
	    padding:2px;
	    line-height:1.2em;}
  	#contenu #page ul{
	    list-style:none;
		line-height:1.6em;
	    margin:10px 10px;
	    padding:2px;}
	    #contenu #page ul li{
	    	margin:4px 0;
	    	background:url(/musee/_i/article-puce.png) 5px 0.3em no-repeat;
	    	padding:0 0 0 20px;}
	#contenu #page .expo {
		clear:both;
		margin:10px 20px;}
		#contenu #page .expo h2 {
			color:#000;
			margin:0;
			line-height:1.2em;
			font-size:120%;
			padding:0 0 0 0;
			background:url(/musee/_i/puce-blanc.gif) 0 0.4em no-repeat;}
			#contenu #page .expo h2 a {
				color:#000;}
		#contenu #page .expo p {
			color:#fff;
			margin:0;
			padding:0 0 0 70px;}
		#contenu #page .expo .date {
			color:#723400;}
		#contenu #page .expo .theme {
			text-transform:uppercase;
			color:#723400;}
		#contenu #page .expo em {
			color:#5b5800;}
		.borderSR, .mask {
			float:left;
			display:block;
			margin:0 10px 10px 0;}
		.mask {
			margin:-1px 0 0 -71px;}
		.clear {
			clear:both;}
			
	#page #quoteIntro{
		float:left;
		width:135px;
		margin:0 10px 5px 0;
		padding:20px 5px 0 15px;
		text-align:right;
		/*height:275px;*/
		color:#723400;
		font-weight:bold;
		font-size:130%;}
		#contenu #page #quoteIntro p{
			margin:0;
			padding:0;
			line-height:1.3em;}

/*
 * 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 #Linfos {
	left:1px;
	background:#ec4fcc;
	top:152px;
	left:461px;
	border:1px solid #f284db;
	border-width:1px 1px 1px 0;}
	
	
	#contenu #savoirplus h2 {
		margin-top:12px;}
	#contenu #Linfos h2 {
		margin:12px 0 10px;}
	#form_actu {
		margin:0;
		padding:0;}
	#form_actu p.LIdesc{
		color:#000;
		margin-left:4px;}
	#form_actu fieldset {
		margin:0;
		padding:0 12px 0 9px;
		border:0;}
	#conteneur #form_actu fieldset p{
		color:#000;
		background:#fff;
		margin:0;
		padding:1px 4px 1px 3px;}
	#form_actu input{
		vertical-align:middle;}
	#form_actu legend {
		color:#000;
		margin:0 0 2px 0;
		padding:0;}
	#form_actu label{
		margin:0;
		padding:0;}
	#form_actu #email_addr {
		width:107px;
		background:#fff;
		color:#0993ba;
		border:0;}
		
#contenu #liensutiles {
	left:461px;
	top:458px;
	border:1px solid #4eb3cd;
	border-width:1px 0 1px 1px;}
	#contenu #liensutiles h2{
		margin-top:10px;}
	#contenu #liensutiles .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;}