/* CSS Document */

/*css-louis*/

/*color pour les pts devant les noms et les noms du sub menu si on les utilise*/


.scrollArea {
width: 550px; 
height: 350px;
padding-left: 5px;
padding-right: 5px; 
border-width:0px; 
border-style: solid;
float: left; 
overflow: auto;
}





#naviga {
			margin: 0;
			padding: 0;
			list-style: none;
			color: #332233;
			width: 225px;
			font: 0.78em georgia, "lucida bright", "times new roman", serif;
			font-style: normal;
			}

		#naviga a, #naviga span {
			display: block;
			padding: 4px 10px;
			color: #332233;
			text-decoration: none;
			}

		#naviga .toggleSubMenu a, #naviga .toggleSubMenu span, {
			color: #332233;
			}

		#naviga .open a, #naviga .open span {
			}

		#naviga a:hover, #naviga a:focus, #naviga a:active {
			text-decoration: none;
			}
			
		#naviga .subMenu {
			font-size:0.78em;
			margin: 0;
			padding: 0;
			color:#999;
			}

		#naviga ul.subMenu a {
			background: none;
			padding: 3px 20px;
			}
	
	<!-- 
[if lte IE 6]>
	<style type= "text/css">
		li {
			height: 1px;
	}

#principal{
	width: 1024px;
	position: absolute;
	left:51%;
	margin-left:-570px;
	top: 10px;
}

#ligne{
	width: 824px;
	height: 1px;
	position: absolute;
	left:51%;
	margin-left:-400px;
	top: 658px;
}

body {
	background: #fff;
	color: #999999;
	font-weight: normal;
	margin:0;
	padding: 0;
	line-height:1.5em; 
	font:0.90em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

/*pour le txt */
#texteWritten { 
	height: 180px; 
	width:500px;
	text-align: justify; 
	top:38px;  
	left:100px; 
	margin-left:-264px;
		position: absolute;
	left: 50%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#999;
 } 
#texteWrittenLeon{ 
	height: 180px; 
	width:550px;
	text-align: justify; 
	top:205px;  
	left:100px; 
	margin-left:-252px;
		position: absolute;
	left: 50%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#000000;
 } 



.indent { 
margin-left:15px;
	font-style: italic;
	font-weight: normal;
	font-size:0.78em;
	font-family:georgia, serif;
	color:#999;
 } 

/*pour la page collections- format de l'image 570/410 */
/*pour la page diashow*/
#fadeshow1{ 
	position: absolute;
	visibility: hidden; 
	z-index: 100; 
	margin-left:-278px;
	left: 51%;
	top: 170px;
}

#fadeshow2{ 
	position: absolute;
	visibility: hidden; 
	z-index: 100; 
	margin-left:-278px;
	left: 51%;
	top: 170px;
}

.name-bold{
	color: #332233;
	font-style: normal;
	}
	
#texteNomPropre{
	color: transparent;
	font-style: normal;
	font-size: 2.0em;
	font-family: Arial,Helvetica, sans-serif;
	position: absolute;
	top: 30px; 
	width: 359px;
	color: #000000;
	margin-left:-340px;
	left: 50%;
	z-index:100;
	text-align:left;
	}
	
 #texteNomPropre a {
			text-decoration: none;
			}

#texteWaiting{
	color: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 0.78em;
	font-family: georgia, "lucida bright", "times new roman", serif;
	line-height: 17px;
	position: absolute;
	top: 350px; 
	width: 200px;
	color: #999;
	margin-right:-200px;
	margin-left:-406px;
	left: 50.0%;
z-index:100;
	}

#texteportraits{
	background: #ffffff;
	font-style: normal;
	font-weight: normal;
	font-size: 0.78em;
	font-family:Arial,Helvetica, sans-serif;
	line-height: 17px;
	position: absolute;
	top: 525px; 
	width: 470px;
	color: #000;
	margin-right:-280px;
	margin-left:-247px;
	left: 50.0%;
	}

td{
	border-width: 1px  solid  #000;
	padding:0.333em;
	vertical-align:middle;
}

th{
font-weight:700;
padding:0.333em;
vertical-align:middle;
}

/* #content est en html et gere la position du bloc image, #wrapper sera gere par du javascript  */
/* le menu navigation via height on descend le menu -205 pour top*/
/* le menu navigation et le sub menu bougent ensemble: position absolute - i use top and left - margin right is not necessary*/
 #content, #wrapper { 
	text-align:center; 
	top:205px;  
	left:0px; 
	margin-left:-278px;
	position: absolute;
	left: 50%;
	z-index: 100; 
 }

#contentImage { 
	top:205px;  
left:0px;
	margin-left:-258px;
	position: absolute;
	left: 50.5%;
	z-index: 100; 
 }

 #content2 { 
	top:70px;  
	left:0px; 
	margin-left:-368px;
	position: absolute;
	left: 50%;
	z-index: 100; 
 }

#online2 { 
	text-align:left;
font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:georgia, serif;
	top:595px;  
	left:0px; 
	margin-left:-468px;
	position: absolute;
	left: 50%;
	z-index: 100;

 }

#onderschriftenM { 
	height: 40px; 
	text-align: left; 
	top:65px;  
	left:0px; 
	margin-left:-252px;
	position: absolute;
	left: 50%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.8em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
 }

 #freezeDias { 
	height: 40px; 
	text-align: left; 
	top:269px;  
	left:0px; 
	margin-left:-390px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.68em;
	font-family:Arial,Helvetica, sans-serif;
	color:#999;
	line-height:1.4em;
 }

#freezeDias a {
			color:#999;
			}

#freezeDias a:hover,a:focus{
	text-decoration: underline;
	color:#000;
}

#adres2 { 
	height: 40px; 
	text-align: left; 
	top:498px;  
	left:0px; 
	margin-left:-396px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial,Helvetica, sans-serif;
	color:#999;
	line-height:1.4em;
 } 

#adresNom { 
	height: 40px; 
	text-align: left; 
	top:518px;  
	left:0px; 
	margin-left:-258px;
	position: absolute;
	left:50.5%;
	z-index: 100; 
	font-style: normal;
	font-weight: bold;
	font-size:1.4099em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
 }
#ref1{ 
	height: 40px; 
	text-align: left; 
	top:594px;  
	left:0px; 
	margin-left:202px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
 }

#ref1 a {
			color:#999;
			}

 

#ref1 a:hover,a:focus{
	text-decoration: underline;
	color:#000;
}

#adresRetrait2{ 
	height: 40px; 
	text-align: left; 
	top:585px;  
	left:0px; 
	margin-left:23px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
 }
#adresRetrait { 
	height: 40px; 
	text-align: left; 
	top:585px;  
	left:0px; 
	margin-left:-258px;
	position: absolute;
	left: 50.5%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
 }
#adres { 
	height: 40px; 
	text-align: left; 
	top:551px;  
	left:0px; 
	margin-left:-258px;
	position: absolute;
	left:50.5%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.78em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
	line-height:1.4em;
 }
#onderschriftenTH { 
	height: 80px; 
	text-align: center;
	top:550px;  
	margin-left:-347px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
 } 

#onderschriften { 
	height: 40px; 
	text-align: center;
	top:670px;  
	margin-left:-395px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.7em;
	font-family:Arial,Helvetica, sans-serif;
	color:#999999;
 } 
 #nextPrevious { 
	height: 40px; 
	text-align: center;
	top:575px;  
	margin-left:415px;
	position: absolute;
	left: 51%;
	z-index: 100; 
	font-style: normal;
	font-weight: normal;
	font-size:0.7em;
	font-family:Arial,Helvetica, sans-serif;
	color:#000;
 } 
#navigation {
	height: 500px;
	color: #666666;
 	text-align: left;
	position: absolute;
	top: 10px;
	margin-left:-540px;
	left: 51%;
	z-index: 100;
}

/* 

/*********************************************************************************************/

/* definir les class, JQuery , DOM*/

/*********************************************************************************************/
.javascript-on#mainpictureholder ul img {
	border-width: 0;
}
.javascript-on#mainpictureholder ul a:hover img {
	border-width: 0;
	color: #fff;
}
.javascript-on img {
	display: none;
}

.no-slideshow .javascript-on img.first-image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* menu navigation */

/* les styles pour les liens*/

#navigation a,  a:visited  {
	/** si usage de position absolute, le main menu disparait, 
	usage padding pour deplacer le menu et submenu  - la couleur est gris clair ?-
	****/
	text-decoration: none;
	margin:0;
	color:  #000;
}

#navigation a:active  {	
	background: transparent url(../beelden/boule.gif) 0 0px no-repeat;
	color: #000;
}

#navigation a:hover{
	color: #999;
	}

#navigation li {
	list-style-type: none;
	list-style-position: outside;
	padding-left:0;
}

#navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

/* fin,liens */

/* menu principal */

.menu-main {
	font-size: 0.78em;
	font-weight: normal;
	color: #000000;
 	text-align:left;
	position: absolute;
	left: 192px;
	top:70px;
	bottom:0;
	width: 150px;
	margin:0;
	padding:0;
	line-height:1.3em; 
}

.menu-pt main {
	font-size: 0.78em;
	font-weight: normal;
	color: #332233;
 	text-align:left;
	position: absolute;
	left: 100px;
	top:220px;
	bottom:0;
	width: 109px;
	margin:0;
	padding:0;
	line-height:1.8em; 
}

/*fin main-menu */

/* styles, sous-menu*/

.menu-sub {
	position: absolute;
	width: 148px;
}

.menu-portrait {
	position:absolute;
	top:156px;
	left:100px;
	width:100px;
	font-weight:bold;
	font-style:normal;
	font-size:0.78em;
	font-weight: normal;
	color:#999;
}