BODY
{
    BACKGROUND-COLOR: #ffffff;
    COLOR: black;
    FONT-FAMILY: arial;
    FONT-SIZE: 10pt;
    margin-left:auto;
    margin-right::auto;
    width:970px;
    text-align:center
}
P
{
    COLOR: black;
    FONT-FAMILY: arial;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 4px;
    MARGIN-TOP: 4px
}
TABLE.Top
{
    BORDER-BOTTOM: #000000 1px;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid
}
TABLE.Middle
{
    BORDER-BOTTOM: #000000 1px;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px
}
TABLE.Bottom
{
    BORDER-BOTTOM: #000000 1px solid;
    BORDER-LEFT: #000000 1px solid;
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px
}


INPUT.Width
{
    FONT-FAMILY: arial;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px;
    WIDTH: 94px
}
.Indented12R
{
    MARGIN-RIGHT: 12px
}
TD.Color1
{
    BACKGROUND-COLOR: #d7d6d4;
    BACKGROUND-IMAGE: url(images/HShadowBack.gif);
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: repeat-x
}
.Indented4R
{
    MARGIN-RIGHT: 4px
}
.Indented12L
{
    MARGIN-LEFT: 12px
}
.NoBreakBeforeAfter
{
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
.NoBreakBefore
{
    MARGIN-TOP: 0px
}
.NoBReakAfter
{
    MARGIN-BOTTOM: 0px
}
.DoubleBreakBefore
{
    MARGIN-TOP: 8px
}
P.Font
{
    COLOR: black;
    FONT-FAMILY: 'arial';
    FONT-SIZE: 10pt
}
.Indented28R
{
    MARGIN-RIGHT: 28px
}
INPUT
{
    COLOR: black;
    MARGIN-BOTTOM: 0px;
    MARGIN-TOP: 0px
}
TD.ImageBack
{
    BACKGROUND-IMAGE: url(images/ImageBack.jpg);
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-REPEAT: no-repeat
}
TD.VShadowBack
{
    BACKGROUND-IMAGE: url(images/VShadowBack.gif);
    BACKGROUND-POSITION: right center;
    BACKGROUND-REPEAT: repeat-y
}
TD.VShadowBack1
{
    BACKGROUND-IMAGE: url(images/VShadowBack1.gif);
    BACKGROUND-POSITION: left center;
    BACKGROUND-REPEAT: repeat-y
}
.Indented8L
{
    MARGIN-LEFT: 8px
}
TD.Color2
{
    BACKGROUND-COLOR: #d6ecf9
}
TD.HSeparatorBack
{
    BACKGROUND-IMAGE: url(images/HSeparatorBack.gif);
    BACKGROUND-REPEAT: repeat-x
}
TD.VSeparatorBack
{
    BACKGROUND-IMAGE: url(images/VSeparatorBack.gif);
    BACKGROUND-POSITION: center center;
    BACKGROUND-REPEAT: repeat-y
}
.Indented40R
{
    MARGIN-RIGHT: 40px
}
TD.Color3
{
    BACKGROUND-COLOR: #d7d6d4;
    BORDER-BOTTOM: #7e7d7c 1px;
    BORDER-LEFT: #7e7d7c 1px;
    BORDER-RIGHT: #7e7d7c 1px;
    BORDER-TOP: #7e7d7c 1px solid
}
FORM
{
    COLOR: black;
    FONT-FAMILY: arial;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0px;
    margin-left:auto;
    margin-right:auto;
    MARGIN-TOP: 0px
}
TD.Color4
{
    BACKGROUND-COLOR: #ffffff
}
TD.BarBack
{
    BACKGROUND-IMAGE: url(images/BarBack.gif);
    BACKGROUND-REPEAT: repeat-x
}
IMG.Bordered
{
    BORDER-BOTTOM: #34495a 1px solid;
    BORDER-LEFT: #34495a 1px solid;
    BORDER-RIGHT: #34495a 1px solid;
    BORDER-TOP: #34495a 1px solid
}
.glossymenu{
margin: 5px 0;
padding: 0;
width: 210px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(script/glossyback.gif) repeat-x bottom left;
font: bold 10pt Arial;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(script/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 10pt Arial;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}

.glossymenu1{
margin: 5px 0;
padding: 0;
width: 650; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu1 a.menuitem{
background: black url(script/glossyback.gif) repeat-x bottom left;
font: bold 10pt Arial;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu1 a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu1 a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu1 a.menuitem:hover{
background-image: url(script/glossyback2.gif);
}

.glossymenu1 div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu1 div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu1 div.submenu ul li{
border-bottom: 1px solid blue;
}

.glossymenu1 div.submenu ul li a{
display: block;
font: normal 10pt Arial;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu1 div.submenu ul li a:hover{
background: #DFDCCB;
colorz: white;
}


.texte {
	font-size: 10pt;
	font-family: Arial;
	color:black;
	line-height: 150%;	
	font-style: normal;	
	font-weight: normal;	
	margin-left:5px;
}

.textearchive {
	font-size: 10pt;
	font-family: Arial;
	color:black;
	line-height: 150%;	
	font-style: normal;	
	font-weight: normal;	
	margin-left:5px;
}

.textemini {
	font-size: 8pt;
	font-family: Arial;
	color:black;
	line-height: 150%;	
	font-style: normal;	
	font-weight: normal;	
}

.menu {
	font-size: 10pt;
	font-family: Arial;
	color:black;
	font-style: normal;	
}

.lien {
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	font-style: normal;
	color: Highlight ;
	line-height: 200%;		
}

.lienmini {
	font-size: 8pt;
	font-family: Arial;
	font-style: normal;
	color: Highlight ;
	line-height: 150%;	
	text-decoration:none; 
	
}

.lienarchive {
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	font-style: normal;
	color: Highlight ;
	line-height: 150%;		
}

.titre {
	font-size: 13pt;
	font-weight: bold;
	font-family: Arial;
	font-style: normal;
	color: black;
	line-height: 150%;	
}

.textefonce {
	font-size: 10pt;
	font-family: Arial;
	font-weight: bold;	
	color:black;
	line-height: 150%;	
	font-style: normal;	
}

.visite {
	font-size: 9pt;
	font-family: Arial;
	color:black;
	line-height: 150%;	
	font-style: normal;	
}

.evenementtitre {
	font-size: 8pt;
	font-family: Arial;
	color:#EA8D8D;
	line-height: 120%;	
	font-style: normal;	
}

.evenementtexte {
	font-size: 8pt;
	font-family: Arial;
	color:#666666;
	line-height: 120%;	
	font-style: normal;	
}

.evenementlien {
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial;
	font-style: normal;
	color: #93BEFF ;
	line-height: 120%;		
}

.titre1 {
	font-size: 11pt;
	font-weight: bold;
	font-family: Arial;
	font-style: normal;
	color: black;
	line-height: 150%;	
}

.titre2 {
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	font-style: normal;
	color: blue;
	line-height: 150%;	
}

.textei {
	font-size: 10pt;
	font-family: Arial;
	color:black;
	line-height: 200%;	
	font-style: italic;	
}

.colonne {
	font-size: 10pt;
	font-family: Arial;
	color:black;
	line-height: 200%;	
    font-style: bold;	
    background:#C4D8E4
}
A {
	text-decoration:underline;
	color:Highlight ;
	font-size: 10; 
	font-family: arial;
	font:900
}
a:visited{color:Highlight }
a:hover{color:red}
TD{
FONT-SIZE:10;
FONT-FAMILY:arial;
COLOR:6C6C6C;
}
font.bold{font:900}

div#galerie
{
    width:auto;
	height:auto;
	background: #d6ecf9 ;
	border: 0px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
	vertical-align:middle;
}

ul#galerie_mini
{
    width:auto;
	height:auto;	
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
	text-align:center;
	vertical-align:middle;	

}

ul#galerie_mini li
{
	float: left ;
	text-align:center;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
	
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.nlsscroller {
  border-top:#c3dfea 0px solid;
  border-bottom:#c3dfea 0px solid;
}

.scrlclient {
  background-image:url(../images/scrlbg.gif);
  background-repeat:repeat-x;
}

.scrltoolbar {
  border:#c3dfea 1px solid;
  border-bottom:none;
  padding:0px;
  height:18px;
}

.scrlcontentfrm {}

.scrlcontent {
  padding:5px;
  font-family:verdana;
  font-size:8pt;
  color:#484848;
  vertical-align:top;
}

/*style for topic break*/
nlsscrollerbreak{display:none;}

/*For wipe effect only*/
.scrlefflayerH {
    background-color:#ffffff;
    background-image:url(img/scrlbg1.gif);
    background-repeat:repeat-x;
    border-left:#333333 1px solid;
    border-right:#333333 1px solid;
}

.scrlefflayerV {
    background-color:#ffffff;
    background-image:url(img/scrlbg1.gif);
    background-repeat:repeat-x;
    border-top:#333333 1px solid;
    border-bottom:#333333 1px solid;
}

/* main vertical scroll */
#main {
	position:relative;
	overflow:hidden;
	height: 450px;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}
/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 510px;
	height: 450px;
}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}



/*Livre d'or*/
.sterge {
	height: 1px;
	clear: both;
	overflow: hidden;
}


input, select{
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
}

textarea {
	background: #fff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
 overflow: auto;
}

#login {
	padding: 0px;
	text-align: center;
	color: #000;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
}

#login p {
	padding: 2px;
	margin: 2px;
}

.formular {

    width: 420px;
	padding: 0;
	text-align: left;
	margin: 2em auto;
}

.formular dt {
	width: 100px;
	float: left;
	margin: 0;
	font-weight: bold;
	padding: 4px;
}

.formular dd {
	float: left;
	width: 300px;
	margin: 0;
	padding: 4px;

}

.guestbook {
 padding: 10px;
}

.paginatie {
		text-align: left;
		padding: 10px 0;
		width: 560px;
		float: left;
}

.order {
  float: left;
		padding: 10px;
}

.tabel {
	background-color: #eee;
	font-size: 12px;
	width: 720px;
	text-align: center;
	float: left;
}

.tabel thead {	
	background-color: #333;
	font-family: arial;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

.tabel .row1 {	
	color: #000;
	background-color: #fff;
	vertical-align: top;	
}

.tabel .row2 {	
	color: #000;
	background-color: #FFF8F2;
	vertical-align: top;
}

.title {
 width: 600px;
	margin: 0px auto;
 padding: 10px;
	background: #000;
	color: #fff;
	font-weight: bold;	
	letter-spacing: 2px;						
}

.meniu {
 width: 600px;
	margin: 0px auto;
	text-align: center;
}

.meniu ul {
	list-style-type: none;
	padding: 0;	
	margin: 0 auto;
}

.meniu li {
	margin: 1px;
	padding: 0;
	width: 130px;
 float: left;
}

.meniu a {
	text-decoration: none;
	display: block;
	background-color: #FF7800;
	border: 1px solid #BA5800;	
	padding: 2px;
	color: #fff;

}

.meniu a:hover {
	background-color: #FFD800;
	border: 1px solid #FFBA00;
	color: #000;
}

.main {
	padding: 10px;
	width: 760px;
	margin: 20px auto;
	background-color: #F5F5F5;
	border: 1px solid #D0D0D0;
}

.main a {
	color: #6B3200;
}

.main a:hover {
	color: #000;
}

h1 {
  background: #666;
		padding: 4px;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		margin: 0;
}

/* css for content */

.content {
  padding: 10px;
		width: 100%;
		margin: 0 auto;		
}


/***** Right sidebar *****/

#extras {
float:right;
width:130px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
}

#extras p, #extras ul {
margin:0 0 1.5em 0;
line-height:1.3em;
padding:0;
}

#extras a {
font-weight:bold;
}

#extras li {
list-style:none;
margin:0 0 6px 0;
padding:0;
}

#extras h2 {
font-size:1.6em;
font-weight:normal;
margin:0 0 6px 0;
;
letter-spacing:-1px;
}