/*
 * placements et dclarations globales
 */
body{
	margin:0;
	padding:0;
	font-family:Arial,sans-serif;
	background:#231f20 url(/musee/_i/fond.jpg) top left repeat-x;
	font-size:0.7em;}


/*#ombrage {
	position:absolute;
	top:0;
	left:50%;
	width:790px;
	background:#231f20 url(/musee/_i/ombrage01.jpg) top left no-repeat;
	margin-left:-395px;
	height:600px;}
#ombrage2 {
	position:absolute;
	top:600px;
	left:50%;
	width:790px;
	background:#231f20 url(/musee/_i/ombrage02.gif) top left repeat-y;
	margin-left:-395px;
	height:100%;}*/
	
#ombrage {
	position:relative;
	margin:0 auto ;
	top:-40px;
	/*left:50%;*/
	width:790px;
	background:#231f20 url(/musee/_i/ombrage01.jpg) top left no-repeat;
	/*margin-left:-395px;*/
	height:600px;}
#ombrage2 {display:none;/**/
	position:absolute;
	top:600px;
	/*left:50%;*/
	margin:auto;
	width:790px;
	background:#231f20 url(/musee/_i/ombrage02.gif) top left repeat-y;
	/*margin-left:-395px;*/
	
	height:100%;}
	



#conteneur{
	position:relative;
	margin:auto;
	width:766px;
	height:764px;
	background-color:#000;
	/*margin-left:-383px;*/}
	#conteneur input,#conteneur textarea, #conteneur select{
		font-family:Arial,sans-serif;
		font-size:100%;}
	a{
		color:#fff;
		text-decoration:none;}
	a:hover{
		text-decoration:underline;}
	a:focus{
		text-decoration:underline;}
	a img{
		border:0;}

/*
 * liens d' vitement
 */
#accesslinks{
	list-style:none;
	margin:0 0 0 5px;
	padding:0;}
#accesslinks a {
	color:#363233;
	font-size:90%;
	text-decoration:none;}
	#accesslinks a:hover {
		color:#fff;}
	#accesslinks a:focus {
		color:#fff;}
		
/*
 * fil d'ariane
 */
	#conteneur #contenu #ariane {
		position:absolute;
		top:75px;
		left:5px;
		margin:0;
		padding:0;
		list-style:none;}
		#conteneur #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;
			white-space:nowrap;
			}
			#conteneur #contenu #ariane li a{
				display:block;
				background:none;
				padding:0;
				font-weight:normal;}		
		
/*
 * liens d'intro | pied de page
 */
#introLiens, #piedLiens{
	position:absolute;
	top:0;
	right:0;
	width:152px;
	height:152px;
	color:#17618f;
	list-style:none;
	margin:5px 0 0 0;
	padding:0;}
	#introLiens li, #piedLiens li{
		padding:0 0 1px 10px;
		margin:0;}
		#introLiens li a, #piedLiens li a{
			vertical-align:middle;}
		#introLiens li a img, #piedLiens li a img{
			vertical-align:middle;
			/*display:none;*/}
#piedLiens {
	top:614px;
	left:459px;}

/*
 * barre d'outils
 */
#tools {

	position:absolute;
	top:129px;
	right:158px;
	height:9px;
	line-height:9px;
	font-size:0.5em;
	vertical-align:middle;}
	#tools a{
		padding:0 2px;}
#accueil {
	position:absolute;
	/*z-index:20;*/
	top:130px;
	left:2px;
	padding:2px 12px 2px 18px;
	background:url(/musee/_i/accueil.gif) 3px 0.6em no-repeat;
	background-color:#000000; }
#accueil_logo {position:absolute;top:50px; left:280px; height:60px; width:200px;
/*border:1px solid #666666;*/}

/*
 * formulaire de recherche
 */
#recherche{
	position:absolute;
	top:9.7em;
	right:0;
	margin:0;
	padding:0;
	height:40px;}
	#recherche fieldset {
		margin:0;
		padding:0 12px 0 10px;
		border:0;}
	#conteneur #recherche fieldset p{
		color:#000;
		background:#fff;
		margin:0;
		padding:1px 4px 1px 3px;}
	#recherche input{
		
		}
	#recherche legend {
		color:#ec4fcc;
		margin:0 0 2px 0;
		padding:0;}
	#recherche label{
		margin:0;
		padding:0;}
	#recherche #chaine{
		width:110px;
		background:#fff;
		color:#0993ba;
		border:0;}
/*pour google, chaine est remplacé par q*/
	#recherche #q{
		width:110px;
		background:#fff;
		color:#0993ba;
		border:0;}

/*
 * contenu de la page
 */
#contenu {
	position:absolute;
	top:152px;
	left:152px;
	width:auto;}
	#contenu h2{
		color:#fff;
		margin:0 0 5px 0;
		padding:2px 10px;}
	#contenu div.carre{
		position:absolute;
		width:152px;
		height:152px;}
	#contenu div.rose{
		background:#ec4fcc;}
	#contenu div.bleu{
		background:#0993ba;}
	#contenu div.gris{
		background:#989898;
		/*background:#b0afaf;*/
		}
		

	#contenu #pageBottom {
		position:absolute;
		left:-152px;
		top:1072px;
		height:153px;
		width:766px;
		background:#000 url(/musee/_i/fond/grille.gif) top left repeat-y;}


/*
 * bloc exposition
 */
#contenu #expositions{
	top:0;
	left:1px;
	width:306px;
	border:1px solid #4fb3cd;}
	#contenu #expositions .intro{
		width:140px;
		text-align:right;
		color:#fff;}
	#contenu #expositions h3{
		position:absolute;
		top:0;
		left:151px;
		font-size:145%;
		border-left:1px solid #4fb3cd;
		padding:10px 5px 0 0;
		height:152px;}
#contenu #affiche{
	top:0;
	left:307px;
	height:152px;
	border:1px solid #17618f;}

/*
 * dclarations communes aux blocs carr s
 */
#contenu .carre{
	color:#fff;}
	#contenu .carre p {
		margin:0;
		padding:5px;}
	#contenu .carre .intro{
		margin:0;
		padding: 0 5px 0;
		color:#444;}
	#contenu .carre h2{
		height:30px;
		font-size:130%;
		margin:0;
		padding:0;
		line-height:30px;}
	#contenu .carre h3{
		margin:0;
		font-size:120%;
		padding:0;}
		#contenu .carre h3 a {
			color:#000;
			font-size:85%;
			text-indent:18px;
			padding-left:6px;
			display:block;
			background-image:url(/musee/_i/puce-blanc.gif);
			background-position: 8px 5px;
			background-repeat:no-repeat;}

/*
*Autour
*/
#contenu #autour.carre ul li.ici, #contenu #autour2.carre ul li.ici {
color:#bbb;
font-weight:bold;
font-size:1.1em;

}
/*
 * menu
 */
#menu {
	position:absolute;
	top:152px;
	left:0;}
.menu{
	list-style:none;
	margin:0;
	padding:0;
	width:153px;
	z-index:200;
	background:#17618f}
	.menu li{
		margin:0;
		padding:0;}
		.menu li a{
			text-decoration:none;
			line-height:20px;
			padding : 0 0 0 20px;
			background-image:url(/musee/_i/menu.gif);
			background-position:4px 0.6em;
			background-repeat:no-repeat;
			color:#fff;
			display:block;}
		.menu li a:hover, .menu li a:focus{
			background-image:url(/musee/_i/menuhover.gif);
			background-color:#196b9e;
			color:#0aaddb;
			text-decoration:none;}
		.menu li a.selected{
			background-image:url(/musee/_i/menuhover.gif);
			background-color:#196b9e;
			color:#0aaddb;}
		.menu li ul{
			list-style:none;
			margin:0;
			padding:0;}
		.menu ul li a{
			background-position:14px 50%;
			padding-left:30px;}
		.menu ul li ul li a{
			background-position:24px 50%;
			padding-left:40px;}
		.n2 li a:hover{
			background-color:#196b9e;}
		.n3 li a:hover{
			background-color:#1b74ab}
			
/*
 * smoothbox
 */
a.smoothbox {
	/*moi le 23/01/08===============display:none;*/
	
	font-weight:normal;
	color:#000;
	/*padding-left:15px;
	background:url(/musee/_i/puce-noire.gif) 0 0.4em no-repeat;*/}
.plusdinfos {
	display:block;
	font-style:italic;}

	
/*
 * utiles
 */
.lettrine {
	font-size:200%;}
		

#contenu #infospratiques p.handicap {
		color:#fff;
		padding:5px 5px 0 25px;
		background:url(/musee/_i/handicbl.gif) 0px 0.8em no-repeat;}
/*#contenu #infospratiques p.handicap {
		color:#fff;
		padding:5px 5px 0 25px;
		background:url(/musee/_i/handicap.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;}

/*
*galerie
*/
#contenu #page ul.galerie {
	padding:0;margin:0 0 0 2px;
	list-style-type:none;
}
#contenu #page ul.galerie li {
	padding:0;margin:0;
	background:none;
	display:inline;
}
#contenu #page ul.galerie li img {
	padding:0;margin:4px 4px 0 4px;
}

/*
*sondage
*/
#contenu #sondage #vote {
	background-image:url(/musee/_i/voter.gif);
	background-repeat: no-repeat;
	background-position: 9px 0.4em; 
}
/*
* dans publications musees du 21
*/
#contenu #page.carre ul.liste_puces_blanches li {
background-image: url(/musee/_i/50.png);
}
/*
*
bloc video
*/
#contenu #video {
position:absolute;
width:152px;
height:152px;
margin:0;
padding:0;


}
/* 
* bloc image repere
*/
#repere {position:relative;top:0;left:0;float:left;margin:0 10px 20px 0;}
/*
* filtre anti spam pour adresse mail
*/
.spamfiltre {display:none;}
/*
*test maintient largeur
*/
#conteneur #contenu #page.carre {width: 458px; overflow:hidden;}

/* test moi 090323*/
abbr {cursor:help;}

/*
* selecteur
*/

#contenu #rechercheEvt {
	left:1px;
	background:#b0afaf;
	top:153px;
	left:461px;
	border:1px solid #c8c7c7;
	height:305px;
	border-width:1px 1px 1px 0;}
	#contenu #rechercheEvt h2 {
		margin:12px 0 0 7px;
		height:40px;}
	#rechercheEvt form {
		margin:0;
		padding:0;
		width:130px;}
		#rechercheEvt fieldset {
			margin:0;
			width:130px;
			padding:0 0 0 10px;
			border:0;}
		#rechercheEvt label {
			color:#700c5c;}
		#rechercheEvt select {
			display:block;
			margin:0 0 3px 0;
			width:130px;}
		#rechercheEvt br {
			display:none;}
			
#rechercheEvt #reSubmit {
			border:0;
			background:transparent url(/musee/_i/puce-blanc.gif) 0 0.5em no-repeat;
			padding-left:15px;
			font-weight:bold;
			margin:5px 0 0 0;
			width:auto;
			text-align:left;
			cursor:pointer;
			width:115px;
			color:#fff;}