body {
	margin: 0;
	padding: 0;
	font-family:  Arial, Tahoma, Verdana, sans-serif;
	font-size: 77%;
	color: #000000;
	background-color: #33312f;
}

form, p {
	margin: 0;
}

textarea, select {
	font-family:  Arial, Tahoma, Verdana, sans-serif;
	font-size: 100%;
}

img {
	border: 0;
}

.imgblock {
	display: block;
}

.boldtext {
	font-weight: bold;
}

a {
	color: #ffffff;
}

a:hover {
	color: #ffffff;
}

a.transparent-link {
	color: transparent;
}

div.clearblock {
	clear: both;
}

.ajaxloading {
	background: url(ajax-loader.gif) center center no-repeat;
	height: 60px;
	width: 60px;
}
.ajaxloadingblack {
	background: url(ajax-loader-black.gif) center center no-repeat;
	height: 60px;
	width: 60px;
}

/* Page */

div#page {
	position:relative;
	width:980px;
	margin:0 auto;
	border-top:1px solid black;
}

/* Header */

div#header {
	position: relative;
	background-color:#000000;
	float:left;
	width:100%;
}

#header #logoleft {
	float:left;
}

#header #content {
	position:relative;
	float:left;
	padding:11px 0 0 10px;
	width:580px;
}

/* Main menu */

#header #content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

#header #content ul li {
	display:inline;
	padding-right:9px;
	font-weight: bold;
	font-size:100%;
}

#header #content ul li.small {
	font-size:85%;
}

#header #content ul li a {
	text-decoration:none;
	color:#9c9b9c;
}

#header #content ul li a:hover {
	color:#ffffff;
}

#header #content ul li.active a {
	color:#ffffff;
}

#header #content h1 {
	color:#ffffff;
	font-size:180%;
	margin:0;
	padding:4px 0 0 0;
}

#header #museefrance {
	position:relative;
	display:block;
	float:left;
	padding:14px 10px 0 0;
}

#header #logoright {
	position:relative;
	display:block;
	float:right;
	padding:2px 0;
}

/* Petit header */
/*
#header #content-small {
	position:relative;
	float:left;
	width:625px;
}
*/
#header #content-small {
	float:left;
}

#header #content-small h1 {
	color:#ffffff;
	font-size:180%;
	margin:0;
	padding: 0 0 0 14px;
	text-transform: uppercase;
}

#header #planexpolink {
	position:relative;
	float:right;
	padding:1px 16px 0 0;
	text-align:right;
}

#header #planexpolink a {
	color:#9c9b9c;
	font-size:150%;
	text-decoration:underline;
}

#header #quitlink {
	position:relative;
	float:right;
	padding:1px 16px 0 0;
	text-align:right;
}

#header #quitlink a {
	color:white;
	font-size:150%;
	text-decoration:underline;
}


/* Chapters with thumbs */
div#chapters {
	position: relative;
	background-color:#373737;
	float:left;
	width:100%;
	padding-top:10px;
}

div#chapters div.centered {
	position: relative;
	width:903px;
	margin:0 auto;
}

#chapters div.chapterelement {
	position:relative;
	float:left;
	width:163px;
	padding:0 15px 0 15px;
}

#chapters div.chapterblock {
	position:relative;
	width:150px;
	margin:0 auto;
}

#chapters div.chapterelement1 {
	position:relative;
	float:left;
	width:200px;
	padding:0 15px 0 15px;
}

#chapters div.chapterblock1 {
	position:relative;
	width:200px;
	margin:0 auto;
}


#chapters img.chaptertitle {
	display:block;
	padding-bottom:4px;
	margin:0 auto;
}

#chapters div.thumb {
	position:relative;
	float:left;
}

#chapters div.thumb img.selectionframe{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

#chapters .prevChapter,
#chapters .nextChapter {
	position:relative;
	float:left;
	margin-top: 20px;
}

#chapters .prevChapter {
	margin-right: 20px;
}

#chapters .nextChapter {
	margin-left: 20px;
}

/* Blured image */
div#blured {
	position:relative;
	height:315px;
	background:url(blured_img.jpg) no-repeat top;
}

/* Central part */

div#gradient {
	clear:both;
	position:relative;
	float:left;
	width:100%;
}

div#gradient.visioexpoperm{
	background:url(bgr_content.jpg) repeat-x top;
}

div#gradient.visioexpothem{
	background-color: #666666;
}

#gradient .h2block {
	position:relative;
	/* width:608px; */
	width:635px;
}

#gradient .h2block h2 {
	color:#ffffff;
	background-color:#C0267D;
	margin:0;
	padding:4px 3px 3px 10px;
	font-size:140%;
	font-weight:normal;
	width:400px;
}
#gradient.visioexpoperm .h2block h2 {
	background-image:url(pink_visio.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:35px;
	width:375px;
}

#gradient .h2block .gradientnav {
	position:relative;
	float:right;
	/* width:195px; */
	width:215px;
	padding:4px 0 3px 0;
}

#gradient .h2block .gradientnav a.prevVue {
	display:block;
	position:relative;
	float:left;
	width:50px;
	height:22px;
	margin-left:20px;
	margin-right:10px;
	background:url(gradient_nav_prev.gif) no-repeat center;
}

#gradient.visioexpothem .h2block .gradientnav a.prevVue {
	background-image:url(grey_nav_prev.gif);
}

#gradient .h2block .gradientnav a.zoom {
	display:block;
	position:relative;
	float:left;
	width:55px;
	height:22px;
	margin-right:10px;
	background:url(gradient_nav_zoom.gif) no-repeat center;
}

#gradient.visioexpothem .h2block .gradientnav a.zoom {
	background-image:url(grey_nav_zoom.gif);
}

#gradient .h2block .gradientnav a.nextVue {
	display:block;
	position:relative;
	float:left;
	width:50px;
	height:22px;
	background:url(gradient_nav_next.gif) no-repeat center;
}

#gradient.visioexpothem .h2block .gradientnav a.nextVue {
	background-image:url(grey_nav_next.gif);
}

#gradient .rightbutton {
	position:relative;
	float:right;
	padding:4px 18px 0 0;
}

#gradient .rightbutton a {
	position:relative;
	display:block;
	font-size:120%;
	text-decoration:none;
	background:url(arrow_white.gif) center right no-repeat;
	padding-right:20px;
}

#gradient .h2block .fermer {
	position:relative;
	float:right;
	display:block;
	margin-left:5px;
}

#gradient .tempBox {
	float:right;
	width:315px;
	text-align: right;
}

/* Content of the page */

div#pagecontent {
	clear:both;
	position:relative;
	padding-top:4px;
	float:left;
	width:100%;
}

div#pagecontent div#leftpart {
	position:relative;
	float:left;
	width:625px;
	padding-left:13px;
	text-align: center;
}

div#pagecontent div#rightpart {
	position:relative;
	float:left;
	width:315px;
	height:438px;
	overflow:auto;
	padding-left:12px;
	color:#ffffff;
}

div#pagecontent div#rightpart h3 {
	font-size: 15.5pt;
	font-weight:normal;
	margin:0;
	padding:0;
}

div#thematique div.blockright h3 {
	font-size:170%;
	font-weight:normal;
	margin:0;
	padding:0 0 28px 0;
}

div#pagecontent div#rightpart {
	font-size:90%;
	text-align:left;
}
div#pagecontent div#rightpart p {
	margin:0;
	padding:0 0 20px 0;
}

div#thematique div.blockright p {
	font-size:90%;
	margin:0;
	padding:0 0 20px 0;
	text-align:left;
}

/* Sections */

div#sections {
	clear:both;
	position:relative;
}

#sections ul {
	list-style: none;
	margin: 0;
	padding: 0 0 3px 55px;
}

#sections ul li {
	display:inline;
	color:#ffffff;
	font-size:115%;
}

#sections ul li a {
	color:#ffffff;
	text-decoration:none;
}

#sections ul li a:hover {
	color:#ff056f;
}

#sections ul li.active a {
	color:#ff056f;
	font-size:130%;
}

#sections div#thumbsblock {
	position:relative;
	float:left;
	width:100%;
}

#sections #thumbsblock div.arrowback {
	position:relative;
	float:left;
	width:20px;
	padding:42px 5px 0 10px;
}

#sections #thumbsblock div.arrownext {
	position:relative;
	float:left;
	width:18px;
	padding:42px 7px 0 5px;
}

/* Vignettes visionneuse */
#sections #thumbsblock div.thumb-expoperm {
	position:relative;
	float:left;
	padding-right:4px;
}

#sections #thumbsblock div.thumb-expoperm img {
	border:5px solid #000000;
	display:block;
}

#sections #thumbsblock div.thumb-expoperm img.selectionVue {
	opacity:0.6;
	filter:alpha(opacity=60);
	position: absolute;
	left:0;
	top: 0;
	border:none;
}

/* Vignettes Expo thématique */
#sections #thumbsblock div.thumb-expothem {
	position:relative;
	float:left;
	padding-right:2px;
}

#sections #thumbsblock div.thumb-expothem img {
	border:2px solid #666666;
	display:block;
}

#sections #thumbsblock div.thumb-expothem img.selectionVue {
	opacity:0.6;
	filter:alpha(opacity=60);
	position: absolute;
	left:0;
	top: 0;
	border:none;
}

#gradient #bottom {
	clear:both;
	position:relative;
	height:28px;
}

#gradient #bottom .sbutton {
	display:block;
	position:relative;
	float:right;
	padding:4px 8px 0 10px;
}


/* Big picture page */

#zoomed {
	position:absolute;
	background-color:#000000;
	width: 980px;
	height: 630px;
	top: 26px;
	left: 0px;
	background-color: #33312f;
	z-index: 10;
}

#zoomed #bigpicture {
	position:absolute;
	width: 980px;
	height: 630px;
	overflow: hidden;
	z-index:1;
	background-color: white;
	text-align: center;
}
#zoomed #bigpicture img {
	position: absolute;
	cursor: move;
}

#zoomed .h2block {
	position: absolute;
	top:0;
	left:0;
	width: 400px;
	z-index:2;
	background-color:#C0267D;
	padding:4px 10px 3px 3px;
}

#zoomed .h2block h2 {
	color:#ffffff;
	margin:0;
	padding:0;
	font-size:140%;
	font-weight:normal;
}

#zoomed .h2block .fermer {
	position:relative;
	float:right;
	display:block;
	margin-left:5px;
}

#zoomed .zoomTool {
	position:absolute;
	width: 176px;
	top:0;
	right:0;
	z-index:2;
	padding: 3px;
	background-color:#CCCCCC;
}

#zoomed .zoomscale {
	position:relative;
	background:url(scale_bg.gif) no-repeat top;
	width:139px;
	height:20px;
	float:left;
}

#zoomed .zoomchange {
	display:block;
	float:left;
	position:relative;
	cursor: pointer;
}

#zoomed .cursor {
	display:block;
	position:absolute;
}


/* Styles for Exposition pages */

div#expo1 {
	clear: both;
	position:relative;
}

div#expo2 {
	clear: both;
	position:relative;
	background-color:#000000;
	float:left;
	width:100%;
}

div#expo2 #expoimage {
	position:relative;
}





/* **************************** */
/* Version "float" du cartouche */
/* **************************** */

div#expo2 #cartouche {
	position:relative;
	background:black url(bgr_bottom.jpg) top no-repeat;
	float:left;
	padding-left:26px;
	width:954px;
}
#expo2 .h2block {
	position:relative;
	background-color:#C0267D;
	padding:4px 8px 0 8px;
	float:left;
}
#expo2 .h2block h2 {
	color:#ffffff;
	margin:0;
	padding:0;
	font-size:140%;
	font-weight:bold;
}
#expo2 .visiolink {
	/* float: right; */
	margin-right: 320px;
	white-space: nowrap;
}

#expo2 .visiolink a {
	color: white;
	font-size:120%;
	font-weight:bold;
	float: right;
	display: block;
	background-image: url(icovisio.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 25px;
	margin-left: 10px;
}

#expo2 .content {
	clear:both;
	position:relative;
	padding-top:8px;
	width:100%;
	float:left;
}
#expo2 .content .textblock {
	position:relative;
	float:left;
	width:294px;
	height:126px;
	color:#ffffff;
	font-size:100%;
	text-align: left;
	padding:0 15px 0 10px;
	overflow:auto;
}
#expo2 .content .textblock p {
	margin:0;
	padding:0 0 6px 0;
}
#expo2 .content .textblock a {
	color:#ffffff;
}
#expo2 .content .rightblock {
	position:relative;
	float:left;
	width:260px;
	height:126px;
	padding:0 0 0 20px;
}
#expo2 .content .rightblock .video {
	position:relative;
	top: -20px;
}
#expo2 .content .rightblock .rthumbsblock {
	position:relative;
	width:100%;
	float:left;
	padding:6px 0 6px 0;
}
#expo2 .content .rightblock .rthumbsblock .rthumb {
	position:relative;
	float:left;
	padding:4px;
}
#expo2 .content .rightblock .rthumbsblock .rthumb div.selectionborder {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
	width:77px;
	height:76px;
	border:4px solid #C0267D;
}
#expo2 .content .rightblock .textline {
	clear:both;
	position:relative;
	color:#ffffff;
	font-size:75%;
	width:250px;
	height:24px;
	overflow:hidden;
}
#expo2 #bottom {
	clear:both;
	position:relative;
	height:23px;
	background-color: black;
}
#expo2 .printbutton {
	display:block;
	position:relative;
	float:right;
	padding:1px 10px 0 0;
}
#expo2 .ensavoirplus {
	color: white;
}

/* ****************************** */
/* Version "tableau" du cartouche */
/* ****************************** */

/*
div#expo2 .cartouche_v2 {
	position:relative;
	background: black url(bgr_bottom.jpg) top no-repeat;
	padding-left:26px;
	width:954px;
	color:cyan;
}
div#expo2 .cartouche_v2 table td {
	vertical-align: top;
}
#expo2 .h2block_v2 {
	background-color:#C0267D;
	padding:0px 8px 0px 8px;
}
#expo2 .h2block_v2 h2 {
	color:#ffffff;
	margin:0;
	padding:0;
	font-size:140%;
	font-weight:normal;
}
#expo2 .content_v2 {
	padding-top:8px;
	width:100%;
}
#expo2 .content_v2 .textblock_v2 {
	width:294px;
	height:126px;
	color:#ffffff;
	font-size:100%;
	text-align: left;
	padding:0 15px 0 10px;
	overflow:auto;
}
#expo2 .content_v2 .textblock_v2 p {
	margin:0;
	padding:0 0 6px 0;
}
#expo2 .content_v2 .textblock_v2 a {
	color:#ffffff;
}
#expo2 .content_v2 .rightblock_v2 {
	width:260px;
	height:126px;
	padding:0 0 0 20px;
}
#expo2 .content_v2 .rightblock_v2 .textline_v2 {
	color:#ffffff;
	font-size:75%;
	width:250px;
	height:24px;
	overflow:hidden;
}
#expo2 table.bottom_v2 {
	height:23px;
	background-color: black;
	width: 100%;
	margin: 0;
}
#expo2 table.bottom_v2 table, #expo2 table.bottom_v2 tr, #expo2 table.bottom_v2 td,  #expo2 table.bottom_v2 div, #expo2 table.bottom_v2 a,  #expo2 table.bottom_v2 img {
	margin:0;
	padding:0;
}
#expo2 table.bottom_v2 .right {
	float: right;
}
#expo2 .bottom_v2 .sbutton_v2 {
	display:block;
	padding:1px 10px 0 0;
}
*/



/* Index page */

div#indexbgr {
	clear:both;
	background-color:#666666;
	position:relative;
	width:100%;
	float:left;
}

div#indexcontent {
	position:relative;
	padding:38px 38px 10px 38px;
	width:916px;
	float:left;
}

div#indexcontent .indexrow {
	clear:both;
	position:relative;
	width:100%;
	padding-bottom:16px;
	float:left;
}

div#indexcontent .indexrow .indexcolumn {
	position:relative;
	float:left;
	padding:0 7px 0 7px;
	width:288px;
}

div#indexcontent .indexrow .indexcolumn h2 {
	margin:0;
	padding:0;
}

div#indexcontent .indexrow .indexcolumn h2 img {
	position:relative;
	display:block;
	padding-bottom:9px;
}

div#indexcontent .indexrow .indexcolumn .insideblock {
	position:relative;
	display:block;
	padding:0 0 6px 9px;
}

div#indexcontent .indexrow .indexcolumn .insideblock h3 {
	margin:0 0 5px 0;
	padding:0;
	color:#ffffff;
	font-size:85%;
	font-weight:normal;
}
div#indexcontent .indexrow .indexcolumn .insideblock h3 a {
	text-decoration: none;
}
div#indexcontent .indexrow .indexcolumn .insideblock h3 a:hover {
	text-decoration: underline;
}
div#indexcontent .indexrow .indexcolumn .insideblock img {
	display: block;
}
div#indexcontent .indexrow .indexcolumn .actublock {
	position:relative;
	display:block;
	padding:0 0 2px 9px;
	float:left;
	width:265px;
}

div#indexcontent .indexrow .indexcolumn .actublock .actuImage {
	position:relative;
	display:block;
	float:left;
	padding-right:2px;
}

div#indexcontent .indexrow .indexcolumn .actublock .textblock {
	position:relative;
	float:left;
	width:140px;
	color:#ffffff;
	font-size:85%;
}

div#indexcontent .indexrow .indexcolumn .actublock .textblock h3 {
	margin:0;
	padding:0 0 3px 0;
	font-size:85%;
	text-transform: uppercase;
}

div#indexcontent .indexrow .indexcolumn .actublock .textblock p {
	margin:0;
	padding:0 0 3px 0;
}

div#indexcontent .indexrow .indexcolumn .actublock .textblock a {
	color:#ffffff;
}

div#indexcontent .indexrow .indexcolumn .voirtitle {
	background:url(accueil_arrow.gif) no-repeat left bottom;
}

div#indexcontent .indexrow .indexcolumn .voirtitle a {
	display:block;
	text-decoration:none;
	font-size:85%;
	padding:6px 20px 2px 9px;
}

div#indexcontent .indexrow .indexcolumn .voirtext {
	position:relative;
	padding:8px 9px 0 9px;
	color:#ffffff;
	font-size:90%;
}


/* Niveau page */

div#contentbgr {
	clear:both;
	background-color:#666666;
	position:relative;
	float:left;
	width:100%;
}

#contentbgr .rightbutton {
	position:relative;
	float:right;
	padding:4px 0px 15px 0;
}

#contentbgr .rightbutton a {
	position:relative;
	display:block;
	font-size:120%;
	text-decoration:none;
	background:url(arrow_white.gif) center right no-repeat;
	padding-right:20px;
}

table.niveaugrid {
	padding:0 ;
	border-collapse:collapse;
	margin:0 auto;
}

table.niveaugrid td {
	margin:0;
	padding:0;
	vertical-align:top;
}

table.niveaugrid td.side {
	width:214px;
	padding:0 30px 0 30px;
}

table.niveaugrid td.side div.sidevisual {
	color:#ffffff;
}

table.niveaugrid td.side div.sidevisual img{
	display: block;
}

table.niveaugrid td.side div.sidevisual h3 {
	font-size:100%;
	margin:0;
	padding:12px 0 4px 0;
}

table.niveaugrid td.side div.sidevisual p {
	margin:0;
	padding:0;
}

table.niveaugrid td.central {
	background-color:#eaeaea;
	width:425px;
	padding:0 6px 10px 18px;
}

table.niveaugrid td.bottom {
	padding-bottom:30px;
}

table.niveaugrid td.central h2 {
	font-size:110%;
	padding:30px 0 0 0;
	margin:0;
}

table.niveaugrid td.central h3 {
	font-size:110%;
	padding:6px 0 0 0;
	margin:0;
}

table.niveaugrid td.central h4 {
	font-size:105%;
	padding:6px 0 0 0;
	margin:0;
}

table.niveaugrid td.central a.gotop {
	display:block;
	position:relative;
	float:right;
	padding:30px 0 0 0;
}

table.niveaugrid td.central p {
	padding:0 0 6px 0;
	margin:0;
}

table.niveaugrid td.central #menupage ul {
	list-style:none;
	margin:0;
	padding:6px 0 0 0;
}

table.niveaugrid td.central #menupage ul li {
	margin:0;
	padding:4px 0 0 0;
}

table.niveaugrid td.central #menupage ul li a {
	color:#000000;
	font-size:110%;
	font-weight:bold;
}

table.niveaugrid td.central a {
	color:#000000;
}

table.niveaugrid .quitZone {
	font-size: 150%;
	text-align: right;
}

/* Expo perm */

div.expoperm {
	position:relative;
	padding:0 30px 40px 50px;
	float:left;
	width:900px;
	overflow: hidden;
}

div.expoperm h2 {
	clear:both;
	color:#ffffff;
	font-size:150%;
	font-weight:normal;
	margin:0;
	padding:27px 0 6px 0;
}

div.expoperm .container {
	clear:both;
	position:relative;
	float:left;
	width:100%;
	padding:8px 0 8px 0;
}

div.expoperm .container .blockleft {
	position:relative;
	float:left;
	width:403px;
	padding-top:3px;
}

div.expoperm .container .blockleft img,
div.expoperm .container .blockleft a {
	display: block;
}

div.expoperm .container .blockright {
	position:relative;
	float:left;
	width:432px;
	padding-left:60px;
	color:#ffffff;
}

div.expoperm .container .blockright h3 {
	font-size:170%;
	margin:0;
	padding:0 0 9px 0;
}

div.expoperm .container .blockright p {
	margin:0;
	padding:6px 0 0 0;
}

div.expoperm .container a {
	text-decoration: none;
}
div.expoperm .container a:hover {
	text-decoration: underline !important;
}

/* Actualites */

div#actupage {
	clear:both;
	background-color: #EAEAEA;
	position:relative;
	float:left;
	width:960px;
	padding:36px 10px 30px 10px;
}

div#actupage h2 {
	margin:0;
	padding:0 0 2px 13px;
	font-size:160%;
	font-weight:normal;
}

div#actupage a {
	color: black;
}

div#actupage div.container {
	position:relative;
	float:left;
	width:100%;
}

div#actupage a {
	color: black;
}

div#actupage div.container div.leftmenu a {
	color: white;
}

div#actupage div.container div.leftmenu {
	position:relative;
	float:left;
	width:220px;
	padding:2px 15px 0 0;
}

div#actupage div.container div.leftmenu .menublock {
	position:relative;
	width:220px;
	background:url(actu_menu_bgr.gif) repeat-y;
}
div#actupage div.container div.leftmenu .blackblock {
	position:relative;
	width:220px;
	background:url(actu_black_bgr.gif) repeat-y;
}

div#actupage div.container div.leftmenu .menublock .top {
	position:relative;
	background:url(actu_menu_top.gif) top no-repeat;
}
div#actupage div.container div.leftmenu .blackblock .top {
	position:relative;
	background:url(actu_black_top.gif) top no-repeat;
}

div#actupage div.container div.leftmenu .menublock .bottom,
div#actupage div.container div.leftmenu .blackblock .bottom {
	position:relative;
	background:url(actu_menu_bottom.gif) bottom no-repeat;
	padding:8px 15px 13px 12px;
	color:#ffffff;
}
div#actupage div.container div.leftmenu .menublock .bottombig {
	position:relative;
	background:url(actu_menu_bottom.gif) bottom no-repeat;
	padding:12px 30px 22px 12px;
	color:#ffffff;
	font-weight:bold;
	font-size:110%;
}
div#actupage div.container div.leftmenu a:hover {
	text-decoration: underline;
}

div#actupage div.container div.leftmenu .title,
div#actupage div.container div.leftmenu .date {
	font-weight:bold;
	font-size:90%;
	padding-bottom:3px;
}

div#actupage div.container div.leftmenu .menublock p,
div#actupage div.container div.leftmenu .blackbock p {
	font-size:85%;
	line-height:130%;
}

div#actupage div.container div.graphics {
	position:relative;
	float:left;
	width:280px;
	padding:2px 25px 0 0;
	font-size:85%;
}

div#actupage div.container div.textblock {
	position:relative;
	float:left;
	width:350px;
}

div#actupage div.container div.textblock h3 {
	margin:0;
	padding:0;
	font-size:180%;
	font-weight:normal;
}

div#actupage div.container div.textblock p {
	padding:0 0 20px 0;
	margin:0;
}


a.block {
	display:block;
	text-decoration:none;
}


/* Le Musee */

div#pagestatique {
	position:relative;
	background-color:#666666;
	padding:0 50px 0 50px;
	clear:both;
}

div#pagestatique a{
	color: black;
}

div#pagestatique .inside {
	position:relative;
	background-color:#eaeaea;
}

div#pagestatique h2 {
	background-color:#C0267D;
	width:270px;
	color:#ffffff;
	font-size:140%;
	font-weight:normal;
	margin:0;
	padding:0 0 0 7px;
}

div#pagestatique table {
	margin:20px;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
}

div#pagestatique table td {
	vertical-align:top;
	padding:0;
}

div#pagestatique .photo {
	display:block;
	margin:0 auto 0 auto;
	text-align:center;
}

div#pagestatique .textblock {
	padding:0 20px 20px 30px;
	font-size:90%;
}

div#pagestatique .textblock p {
	margin:0;
	padding:0 0 12px 0;
}

/* Intro de l'expo */
#introexpobackground {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	background-color: black;
	opacity:0.6;
	filter:alpha(opacity=60);
	width: 100%;
	height: 720px;
}

#introexpo {
	display: none;
	position: absolute;
	top: 0;
	left: 245px;
	z-index: 2001;
	margin: 0 auto;
	background-color: black;
	color: white;
	text-align: left;
	width: 50%;
	padding: 10px 20px 30px 20px;
}

#introexpo .normal {
	font-size: 100%;
	font-weight: bold;
}

#introexpo p {
	margin-top: 40px;
}
#introexpo em {
	font-style: italic;
}
#introexpo h1 {
	font-size: 130%;
}
#introexpo .item {
	font-size: 180%;
}
#introexpo .close {
	font-weight: normal;
	text-align: right;
}
/* Plan de l'expo */

div#planexpo {
	position:absolute;
	left: 0px;
	top:26px;
	background-color:#ffffff;
	clear:both;
	color:#666666;
	width:980px;
	border-bottom: 1px solid #666666;
	z-index: 2000;
}

div#planexpo .headerblock {
	position:relative;
	margin:28px 0 0 23px;
	width:939px;
}

div#planexpo h2 {
	float:left;
	position:relative;
	width:300px;
	font-size:140%;
	font-weight:normal;
	margin:0;
	padding:0;
}

div#planexpo .toptext {
	float:left;
	position:relative;
	width:630px;
	font-size:110%;
}

div#planexpo .content {
	clear:both;
	position:relative;
	margin:28px 0 0 18px;
	width:962px;
}

div#planexpo .column4 {
	position:relative;
	float:left;
	width:230px;
	padding-top:30px;
	margin-right:8px;
}

div#planexpo .column4 h3 {
	margin:0;
	padding:0 0 24px 0;
	text-align:center;
}

div#planexpo .column4 .h3img {
	display:block;
	margin:0 auto;
}

div#planexpo .column4 .chapterblock {
	position:relative;
	float:left;
	width:100%;
	padding-bottom:10px;
}

div#planexpo .column4 .chapter {
	position:relative;
	padding:0;
	margin-bottom:2px;
}

div#planexpo .column4 .chapter table {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

div#planexpo .column4 .chapter table td {
	padding:2px;
	background-color:#666666;
}

div#planexpo .column4 .chapter table td.blink {
	visibility:hidden;
	width: 1px;
	background-color:#666666;
}

div#planexpo .column4 .chapter table td.chaptericon {
	vertical-align:top;
	width:50px;
	border-left:2px solid #ffffff;
}

div#planexpo .column4 .chapter table td.chaptericon img {
	display: block;
}

div#planexpo .column4 .chapter table td.chaptername {
	vertical-align:middle;
	width:160px;
	border-right:2px solid #ffffff;
}


div#planexpo h4 {
	margin:0;
	padding:0;
	font-size:100%;
	color:#ffffff;
}

div#planexpo h4 a {
	text-decoration:none;
	color:#ffffff;
}

div#planexpo .column4 table.chapterlinks {
	margin:0 0 0 36px;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

div#planexpo .column4 table.chapterlinks td.left {
	width:21px;
	border-top:1px solid #ffffff;
}

div#planexpo .column4 table.chapterlinks td.left img {
	display:block;
}

div#planexpo .column4 table.chapterlinks td.right {
	width:158px;
	padding:1px 2px 1px 3px;
	border-left:2px solid #ffffff;
	border-top:1px solid #ffffff;
}

div#planexpo .column4 table.chapterlinks td.right a {
	color:#ffffff;
	text-decoration:none;
}

div#planexpo .column4 table.chapterlinks td.plus {
	background-color:#32545c;
	/* background-color:black; */
}

div#planexpo .column4 table.chapterlinks td.galerie {
	background-color:#C0267D;
}

div#planexpo .legende {
	clear:both;
	position:relative;
	margin:16px 20px 0 40px;
}

div#planexpo .legende h3 {
	padding:0 0 3px 0;
	margin:0;
	font-size:120%;
	color:#727070;
	border-bottom:1px solid #666666;
}

div#planexpo .legende table {
	font-size:100%;
	color:#727070;
	margin:9px 0 20px 0;
	padding:0;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells: show;
}

div#planexpo .legende table td {
	vertical-align:top;
}

div#planexpo .legende table td.lchapter {
	background:url(legende_chapter.gif) top left no-repeat;
	padding:40px 18px 0 53px;
	width:157px;
}

div#planexpo .legende table td.lgalerie {
	background:url(legend_eye.gif) top left no-repeat;
	padding:20px 18px 0 25px;
	width:130px;
}

div#planexpo .legende table td.lplus {
	background:url(legend_plus.gif) top left no-repeat;
	padding:20px 18px 0 25px;
	width:130px;
}

/*
div.contactlink {
	margin: 5px;
	padding: 5px;
	font-weight: bold;
}
*/
div.contactlink img {
	display: inline;
}
div#contactFormContainer {
	background-color: #e0e0e0;
	color: black;
	display: none;
	width: 400px;
	height: 395px;
	z-index: 999;
	position: absolute;
}
div#contactFormContainer .caption {
	background-color: #666666;
	color: white;
	padding: 5px;
}
div#contactFormContainer .caption div.cmd {
	float: right;
}
div#contactFormContainer form {
	padding: 30px;
}
div#contactFormContainer form table {
	width: 100%;
}
#from, #subject, #comment {
	width: 99%;
}
div#contactFormContainer form .button {
	margin-top: 20px;
}
div#contactFormContainer #output {
	padding: 30px;
}


/** Recherche avancée **/
div#pagestatique #search {
	width:100%;
	margin:0;
}
#search #searchLeft {
	width: 879px;
}
#search #searchMinHeight {
	width: 1px;
}
#search #searchMinHeight img{
	display:block;
	width: 1px;
	height: 500px;
}
#search #searchText {
	padding: 10px;
}
#search #searchText .ajaxloadingblack{
	margin: 100px auto 100px auto;
}
#search #searchText h3{
	margin: 0 0 10px 0;
}
#search #searchForm {
	padding: 10px;
}
#search #searchForm .ajaxloadingblack{
	margin: 100px auto 300px auto;
}
#search #searchForm h3{
	margin: 0 0 10px 0;
}
#search #searchForm .selectHierarchy{
	border: 1px solid black;
	background-color: #ffffff;
	display:none;
}
#search #searchForm .selectHierarchy{
	padding: 5px;
}
#search #searchForm .selectHierarchy .close {
	font-style: italic;
	float: right;
}
#search #searchForm .searchLabel{
	padding: 3px 3px 3px 0;
	text-align: right;
}
#search #searchForm .searchField{
	padding: 3px 0;
}
#search #searchForm .searchResult{
	padding: 5px 0;
}
div#searchForm .searchResult img{
	vertical-align: middle;
}
#search #searchForm #pages{
	padding-top: 10px;
}
/**** Détail d'un object */
#objectDetail {
	position: absolute;
	top: 59px;
	left: 0px;
	background-color: #33312f;
	z-index: 10;
	text-align: center;
	width: 100%;
	display: none;
}
#objectDetail table {
	margin: 0 auto;
	color: white;
}
#objectDetail td,
#objectDetail th {
	text-align: left;
	padding: 5px;
}
#objectDetail .image {
	text-align: center;
	font-style: italic;
}
#objectDetail img {
	margin: 5px 2px 5px 2px;
}
#objectDetail .close {
	float: right;
}
#objectDetail .ajaxloading {
	margin: 100px auto 600px auto;
}


div.video12 {
	background-color: black;
	padding: 1px;
	display: none;
	position: absolute;
	z-index: 99;
}
div.video12 .caption {
	background-color: #666666;
	color: white;
	padding: 5px 15px 5px 5px;
	text-align: right;
	font-weight: bold;
}
div.video12 div.pied {
	background-color: #666666;
	color: white;
	padding: 5px 5px 5px 15px;
}