/* Page */
html {
	font-size: 100%; 
}
body {
	margin: 0;
	padding: 0; 
	font-family: "Century Gothic", Arial, Helvetica, "Nimbus Sans L", sans-serif; 
	font-size: 14px; 
	color: white;
	background: #180807 url(bandeau.jpg) repeat-x top left ;
}
*{
	margin: 0;
	padding: 0; 
}
h1, h2, h3, h4, h5, h6 {
	color: #ff33ff;
	font-family: "Century Gothic", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-weight: normal; 
}
h1, h2 {
	padding-top:25px;
}
h1 {
	font-size: 30px; 
	padding-bottom:30px;	
}
h2 {
font-size: 20px;	
padding-bottom:5px;	
}
h3 {font-size: 16px;font-weight: bold;padding-top:15px; }
h4 {font-size: 10px;}

/* Listes */
ul, ol {
	padding: 0; 
}
ul {
	list-style: disc;
}
li {
	margin: 0;
	padding: 0;
	list-style-position:inside;
}

p {
	margin: 0;
	padding: 0;
}
/* Liens */
img, a img {
	border: none; 
	vertical-align:middle;
}
a:link, a:visited {
	text-decoration: none;
	color: #ff33ff;
}
a:active, a:hover, a:focus {
	text-decoration: underline;
	color: #ff33ff;
}

#logo {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
#logo a {
	display:block;
	width:369px;
	height:127px;
	text-indent:-4000px;
	background: black url(logo-musee.jpg) no-repeat bottom  left ;
}

#logo a:active, #logo a:hover, #logo a:focus {
	background-position: top left ;
}

#en {
	display:block;
	position:absolute;
	top:107px;
	left:708px;
}
#en a {
	display:block;
	width:35px;
	height:37px;
	text-indent:-4000px;
	background: transparent url(en.gif) no-repeat bottom  left ;
}

#en a:active, #en a:hover, #en a:focus {
	background-position: top left ;
}
#de {
	display:block;
	position:absolute;
	top:107px;
	left:678px;
}
#de a {
	display:block;
	width:35px;
	height:37px;
	text-indent:-4000px;
	background: transparent url(de.gif) no-repeat bottom  left ;
}

#de a:active, #de a:hover, #de a:focus {
	background-position: top left ;
}
#fr {
	display:block;
	position:absolute;
	top:107px;
	left:648px;
}
#fr a {
	display:block;
	width:35px;
	height:37px;
	text-indent:-4000px;
	background: transparent url(fr.gif) no-repeat  bottom left ;
}

#fr a:active, #fr a:hover, #fr a:focus {
	background-position: top left ;
}


/***********/
.Xen {
	display:block;
	position:absolute;
	top:107px;
	left:708px;
}
.en a {
	padding-left: 30px;
	width:35px;
	height:37px;
	background: transparent url(en.gif) no-repeat bottom  left ;
}

.en a:active, .en a:hover, .en a:focus {
	background-position: top left ;
}
.de a {
	width:35px;
	height:37px;
	padding-left: 30px;
	background: transparent url(de.gif) no-repeat bottom  left ;
}

.de a:active, .de a:hover, .de a:focus {
	background-position: top left ;
}
.fr a {
	width:35px;
	height:37px;
	padding-left: 30px;
	background: transparent url(fr.gif) no-repeat  bottom left ;
}

.fr a:active, .fr a:hover, .fr a:focus {
	background-position: top left ;
}
/*********Navigation******/
#info {
padding-bottom:50px;
padding-top: 150px;
padding-left:15px;
}
#menu {list-style-type:none; margin:0 0 0 0; padding:0;}


#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;line-height:30px;}
#menu li span {display:block; z-index:100; padding: 5px 10px;font-size:4px;}
#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;color:#180807;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(opaque.png);}
* html #menu dl {background:transparent url(opaque.gif);}
#menu dt {margin:0; font-size: 1.1em; float:left;}
#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}

#menu dt a, #menu dt a:visited {display:block; padding: 5px 10px;}
#menu dd a, #menu dd a:visited {display:block; padding: 5px 5px 0 5px;}


#menu li a:hover {border:0;text-decoration:none;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {color:#ff33ff;background:#180807;}

#menu li#one {width:90px;}
#menu li#two {width:145px;}
#menu li#three {width:105px;}
#menu li#four {width:115px;}
#menu li#five {width:90px;}
#menu li#six {width:84px;}
#menu li#seven {width:110px;}

#menu li dt a, #menu li a:visited dt a, #menu li:hover dt a, #menu li a:hover dt a {
  background:transparent url(menu-fr.gif) no-repeat 0 0;
}


#menu li#one dt a, #menu li#one a:visited dt a {background-position: 0 -40px;}
#menu li#one:hover dt a, #menu li#one a:hover dt a {background-position:  0 0;}

#menu li#two dt a, #menu li#two a:visited dt a {background-position:  -90px -40px;}
#menu li#two:hover dt a, #menu li#two a:hover dt a {background-position:  -90px 0;}

#menu li#three dt a, #menu li#three a:visited dt a {background-position: -235px -40px;}
#menu li#three:hover dt a, #menu li#three a:hover dt a {background-position:  -235px 0;}

#menu li#four dt a, #menu li#four a:visited dt a {background-position:  -340px -40px;}
#menu li#four:hover dt a, #menu li#four a:hover dt a {background-position: -340px 0;}

#menu li#five dt a, #menu li#five a:visited dt a {background-position: -455px -40px;}
#menu li#five:hover dt a, #menu li#five a:hover dt a {background-position: -455px 0;}

#menu li#six dt a, #menu li#six a:visited dt a {background-position:  -545px -40px;}
#menu li#six:hover dt a, #menu li#six a:hover dt a {background-position: -545px 0;}

#menu li#seven dt a, #menu li#seven a:visited dt a {background-position: -620px -40px;}
#menu li#seven:hover dt a, #menu li#seven a:hover dt a {background-position:  -620px 0;}

/****pub_right*/
#pub {
 float:left;
 width:150px;
 background:white url(cadre-fond.gif);
 color:#ffccff;
 margin: 10px 20px 10px 10px;
}
.pub_top {
 height:5px;
 width:150px;
 background:transparent url(cadre-top.gif) top right;
}
.pub_bot {
 width:150px;
 height:5px;
 background:transparent url(cadre-fin.gif) top right;
}


.pub_in {
 padding:10px;
 text-align:center;
 color: gray;
}
.pub_in a {
color: gray;
}
.pub_in p {
 padding-bottom:10px;
}
p.suite {
 border-top:1px #FF33FF solid;padding-top:10px;
}

/****Encart droit*/
#encart {
 float:right;
 width:150px;
 background:white url(cadre-fond.gif);
 color:#ffccff;
 margin: 10px  10px 10px 20px;
}
#encart b {
  color:#FF33FF;
	font-size:16px;
}
.encart_top {
 height:5px;
 width:150px;
 background:transparent url(cadre-top.gif) top right;
}
.encart_bot {
 width:150px;
 height:5px;
 background:transparent url(cadre-fin.gif) top right;
}


.encart_in {
 background:transparent url(news.gif) no-repeat 80px 0 ;

 padding:10px;
 text-align:left;
}
.encart_in p {
 padding-bottom:10px;
}

/***Mini conteners***/
.imdroite {
float:right;width:260px;padding:0 0px 10px 10px;text-align:center;font-style:italic;font-size: 12px; 
}
.imgauche {
float:left;width:260px;padding:0 10px 10px 0px;text-align:center;font-style:italic;font-size: 12px; 
}

.droite {
float:right;padding:0 0px 10px 10px;text-align:center;font-style:italic;
}
.gauche {
float:left;padding:0 10px 10px 0px;text-align:center;font-style:italic;
}

#content {
padding-bottom: 20px;
}
/****central***/
#central {
  font-size: 16px; 
	padding: 0 200px 10px 200px;
}
#central p{
 padding-top:5px;
 text-align: justify;
}
#central p.sep {
 padding-top:25px;
}
#central ul {
	padding: 10px 0 10px 10px;
}
#central li {
	padding-left: 20px;
	list-style-image: url(puce.gif); 
}
/****footer***/
#footer {
 border-top:1px pink solid;
 border-bottom:1px pink solid;
 clear:both;
 padding:5px 10px 5px 10px;
 margin-bottom:15px;
 text-align: center;
}


.blc {
 color: white;
}

#part td {
text-align:center;
font-size:12px;
}
#tarifs td {
padding: 5px;
text-align:right;

border: 1px #ff33ff solid;
}


/**********galerie photos*****/
/*#galerie a, #galerie a:visited, #galerie a:hover {color:#888;}*/

#galerie {position:relative; width:600px; height:700px; background:white; border:1px solid #000; margin:10px auto; font-family:verdana, arial, sans-serif; font-size:12px;}

#galerie a.pics {float:left; margin:7px 16px; display:inline; color:#000; text-decoration:none; border:1px solid #000; width:65px; height:65px; cursor:default;}
#galerie a.pics img.thumb {display:block; border:0;}

#galerie a.pics span {display:none; border:0; width:580px; background:#ff33ff; border:1px solid #fff; text-align:center;}
#galerie a.pics span img {margin:10px auto; border:1px solid #180807;}

#galerie a.pics:hover {white-space:normal; border:1px solid #ff33ff;}
#galerie a.pics:hover span {display:block; position:absolute; left:9px; top:252px; z-index:10; height:400px;}

#galerie a.pics:active {border:1px solid #ff33ff;} 
#galerie a.pics:active span {display:block; position:absolute; left:9px; top:252px; z-index:5; height:400px;}

#galerie a.pics:focus {border:1px solid #fc0; outline:0;}
#galerie a.pics:focus span {display:block; position:absolute; left:9px; top:252px; z-index:5; outline:0;}

#galerie span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:200px 0 0 0; width:600px; text-align:center; z-index:1;}



#formcontact {
 float:right;
 border:1px #FF33FF solid;
 width:320px;
 padding:0 1px 1px 2px;
}

.map dt{
display: none;
}
.map dd{
padding-left: 25px;
}

p.twit {
line-height: 48px;
background: transparent url(twitter.gif) no-repeat;
padding-left: 48px;
}
p.fb {
line-height: 48px;
background: transparent url(facebook.gif) no-repeat;
padding-left: 48px;
}
p.rss {
line-height: 48px;
background: transparent url(rss.gif) no-repeat;
padding-left: 48px;
}

input[type="submit"] {
color:#cc00cc;
font-weight:bold;
}
div.map {
//width:200px;
}

#sitemap table , #sitemap tr , #sitemap td {
vertical-align:top;
}