*{margin:0;padding:0;}
html {
	overflow: hidden;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height:1.5em;
	background: #fff url('../graphics/wm_background_page.png') repeat-y 84px;
	overflow: hidden;
	
	height: 100%;
	width: 100%;
}
#top {
	position: absolute;
	top: 0px;	
	left: 0px;
	width: 100%;
	height: 60px;
	background-color:#fff;			
}
#top a{outline: 0; /* prevent dotted border in Firefox */}

#top #sponsor{float:right;margin-right:20px;}

#top #menu_legende {	
	position: absolute;	
	top: 55px;
	left: 360px;
	width: 100%;
	height: 25px;
}

#left {	
	position: absolute;	
	top: 100px;
	left: 20px;
	width: 290px;
	bottom: 0px;
	background-color:#fff;
	color:#666;	
	overflow: auto;	
}

#left ul{margin:0 0 40px 10px; padding:0; }
#left li{list-style-type: none;margin:0px 0px 10px 0px;}
#left a {text-decoration: none;font-size:110%;}
#left a:hover{text-decoration: underline;}
#left a.on{color:#666;;}
#left p {font-size:90%;}
#contenu {
	position: absolute;	
	top: 100px;
	left: 360px;
	right:10px;
	bottom: 0px;
	overflow: auto;
	color:#666;
}
img{border:0;}
#contenu a img{margin-right:1em;}
h1{
	font-size:150%;
}
h2, dt {
	font-size:110%;font-weight:normal;margin-bottom:0.8em;
}
h3 {
	font-size:110%;font-weight:normal;color:#333;
}



h4{	color:#000;
   font-size:90%;
   font-weight:bold;
   margin:0px;
   padding:0px;
		padding-left:10px;
		border-top-width: 1px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-color:#999;border-style:solid;
		background:transparent url('../graphics/bullet_red2.png') no-repeat;
   }
h5{	color:#666;
	   font-size:1em;
	   font-weight:bold;
	   margin:0px;
	   padding:0;
		border-top-width: 1px;border-left-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-color:#999;border-style:solid;
}

form{background-color:#eee;padding:2px;}
#contenu p{
	margin:10px 0px;;
}
dt{margin:1em 0 0 0;}
dd{margin-left:2em;}




.clr_visiter, .clr_museum{color:#bf0000;}
.bgd_visiter{background-color:#fff;color:#000;border-top:2px #bf0000 solid;}
.clr_voir{color:#ff7f00;}
.bgd_voir{background-color:#fff;color:#000;border-top:2px #ff7f00 solid;}
.clr_participer{color:#87b000;}
.bgd_participer{background-color:#fff;color:#000;border-top:2px #87b000 solid;}
.clr_decouvrir{color:#8210d2;}
.bgd_decouvrir{background-color:#fff;color:#000;border-top:2px #8210d2 solid;}
.clr_contacter{color:#006b33;}
.bgd_contacter{background-color:#fff;color:#000;border-top:2px #006b33 solid;}
.clr_surfer{color:#d059bd;}
.bgd_surfer{background-color:#fff;color:#000;border-top:2px #d059bd solid;}
.clr_flaner{color:#015353;}
.bgd_flaner{background-color:#fff;color:#000;border-top:2px #015353 solid;}
.clr_informer{color:#ffbf00;}
.bgd_informer{background-color:#fff;color:#000;border-top:2px #ffbf00 solid;}
.clr_eduquer{color:#3fb7d4;}
.clr_pro{color:#2210d2;}
.bgd_pro{background-color:#fff;color:#000;border-top:2px #2210d2 solid;}
.bgd_grey{background-color:#fff;color:#666;border-top:2px #666 solid;margin-top:2em;}
.clr_white{color:#ffffff;}
dt.comment{background-color:#fff;color:#000;border-top:2px #666 solid;}

hr{border-width:1px;}
.clear{clear:both;margin-bottom:2em;}
.center{text-align:center;}
img.left{float:left;margin-right:1em;}
img.right{float:right;margin-left:1em;}
/*a.lien_ext:after {content: "\0000a0[\2197]";}*/
a.lien_ext:after {content: url('../graphics/lien_ext_gris.png');}
/*REGION*/
dl.region dt {
	float: left;
	display: block;
	margin: 0 0 0 0;
	width: 9em;
	text-align: right;
	font-size:100%;
}
div.infos{
	background-color:#fffafa;
	border:#ff0000 1px solid;
	margin:0 2em;
}
dl.region dd {
	margin: 0 0 0 10em;
	color:#000;
}

/*DIV GALLERY*/
#gallery{ margin-top:15px; }
#cadre{ width:100%; text-align:center; } 
#cadre img{ border-width:0px; } 
#cadre img.borderblack{border:1px #000 solid;}
#gallery a{ border-color: #000; border-style: solid; border-width: 0px; } 
.gallery-item{ display: block; float: left;margin: 2px; width:102px;height:102px;  text-align:center;background-color:#ddd; } 
.gallery-item a img{ border-color: #cccccc; border-style:solid; border-width: 1px; } 
.gallery-item a:hover img{ border-color: #015353; }

