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

#ombrage {
	position:absolute;
	top:50%;
	left:50%;
	width:790px;
	background: url(/musee/_i/fond/fondChapeau2.png) top left no-repeat;
	margin-left:-395px;
	height:509px;
	margin-top:-254px;
	z-index:1;}

#conteneur{
	position:absolute;
	top:14px;
	left:12px;
	width:766px;
	height:460px;
	z-index:2;}

	#legende {
		position:absolute;
		top:460px;
		left:613px;
		width:152px;
		height:24px;
		display:block;
		border:0;}
		#legende img{
			border:0;}
	a#museedefrance {
		position:absolute;
		top:466px;
		left:0px;
		width:112px;
		height:24px;
		display:block;
		border:0;}
		a#museedefrance img{
			border:0;}
			
	.box {
		display:block;
		position:absolute;
		width:154px;
		height:154px;
		background-image:url(/musee/_i/fond/chapeau/3.jpg);
		background-repeat:no-repeat;
		z-index:50;}
	.box:hover {
		z-index:1000;}
	.box h2 a, .box h2 {
		background:none;
		margin:0;
		padding:0;
		display:block;
		text-decoration:none;
		width:154px;
		height:154px;}
	.box h2 a {
		width:153px;
		height:153px;
		padding:1px 0 0 1px;}
		.box h2 a img, .box h2 a span {
			display:none;}
		.box h2 a img{
			border:0;
			padding:0;
			margin:0 0;}
		.box h2 a span{
			font-weight:normal;
			font-size:65%;
			padding:0;
			margin:10px;}
	.box h2 a:hover img, .box h2 a:hover span{
		display:block;}
	#box1{
		top:0;
		left:0;
		background-position:0px 0px;}
	#box2{
		top:0;
		left:153px;
		/*width:459px;*/
		background-position:-153px 0;}
		#box2 h2 a {
			padding:0;
			width:460px;}
			#box2 h2 a:hover {
				background:#fff;}
	#box3{
		top:0;
		left:306px;
		background-position:-306px 0px;}
	#box4{
		top:0;
		left:459px;
		background-position:-459px 0px;}
	#box5{
		top:0;
		left:612px;
		background-position:-612px 0px;}
	#box6{
		top:153px;
		left:0px;
		background-position:0px -153px;}
	#box7{
		top:153px;
		left:153px;
		background-position:-153px -153px;}
		#box7 h2 a:hover {
			background:#231f20;
			color:#fff;}
	#box8{
		top:153px;
		left:306px;
		background-position:-306px -153px;}
		#box8 h2 a:hover{
			background:#0292b7;
			color:#fff;}
	#box9{
		top:153px;
		left:459px;
		background-position:-459px -153px;}
		#box9 h2 a:hover{
			background:#513972;
			color:#fff;}
	#box10{
		top:153px;
		left:612px;
		background-position:-612px -153px;}
	#box11{
		top:306px;
		left:0;
		background-position:0px -306px;}
	#box12{
		top:306px;
		left:153px;
		background-position:-153px -306px;}
	#box13{
		top:306px;
		left:306px;
		background-position:-306px -306px;}
		#box13 h2 a {
			padding:0;}
			#box13 h2 a:hover {
				background:#fff;}
	#box14{
		top:306px;
		left:459px;
		background-position:-459px -306px;}
	#box15{
		top:306px;
		left:612px;
		background-position:-612px -306px;}
		#box15 h2 a {
			padding:0;
			color:#000;
			width:153px;
			height:153px;
			border:0;
			margin:0;}
		#box15 h2 a:hover{
			background:#fff;
			cursor:default;
			border-bottom:1px solid #fff;}
			#box15 h2 a:hover span{
				display:block;}
			#box15 h2 a span {
				margin:0;
				text-align:right;
				padding:10px;
				bottom:0;
				right:0;
				position:absolute;}