html {
    height: 100%;
}

body {
	background-repeat: no-repeat;
	background: #2a3240;
    
   text-align             : center;
   padding-top            : 10px;
   padding-bottom         : 0px;
   padding-left           : 0px;
   padding-right          : 0px;
   margin                 : 0px;
   width				  : 800px;
   vertical-align		  : top;	
   margin				  : 0px auto;

}

td.nav {
   text-align             : left;
   vertical-align         : top;
   
}
td.body {
	text-align             : left;
	vertical-align         : top;
}
TD {
	font-family:				Verdana,Geneva,Arial,Helvetica;
	font-size:					9pt;
	color:						#2a3240;
}
h1, h2, h3, h4, h5, h6{
	margin-top: 5px;
	padding-left: 3px;
	border-bottom: 2px solid #2a3240;
	text-align: left;
	}
H1,H2,H3{font-size:20pt;font-weight:normal;margin-bottom:6px;text-align: left;color:#2a3240;}
H4{font-size:12pt;font-weight:normal;margin-bottom:6px;}
ul.menulevel1,ul.menulevel2,ul.menulevel3,ul.sitemaplevel1,ul.sitemaplevel2,ul.sitemaplevel3,ul.submenu,ul.search{padding-left: 0;margin-left: 0;list-style: none;}
form{margin:0;}
IMG{border:0;}
li{line-height:1.5;}
.doc{padding-left: 20px;background-image: url(menu/document.png);background-repeat: no-repeat;}
.docs{padding-left:20px;background-image: url(menu/documents.png);background-repeat:no-repeat;}
.sdoc{padding-left: 20px;background-image: url(menu/sdocument.png);background-repeat: no-repeat;}
.sdocs{padding-left: 20px;background-image: url(menu/sdocuments.png);background-repeat: no-repeat;}
a{text-decoration:none;font-weight:normal;}
a:link,a:visited{color:#2a3240;}
a:active,a:hover{color:#000000;font-weight:bold;}
.sitename{font-weight:normal;font-size:20pt;}
.menulevel1{font-size:8pt;color:#000000;}
.menulevel1 a{font-weight:normal;color:#000000;}
.menulevel1 a:link,.menulevel1 a:visited{color:#000000;}
.menulevel1 a:active,.menulevel1 a:hover{color:#000000;font-weight:bold;}
.menulevel2{font-size:8pt;color:#000000;}
.menulevel2 a{font-weight:normal;color:#000000;}
.menulevel2 a:link,.menulevel2 a:visited{color:#000000;}
.menulevel2 a:active,.menulevel2 a:hover{color:#000000;font-weight:bold;}
.menulevel3{font-size:8pt;color:#000000;}
.menulevel3 a{font-weight:normal;color:#000000;}
.menulevel3 a:link,.menulevel3 a:visited{color:#000000;}
.menulevel3 a:active,.menulevel3 a:hover{color:#000000;font-weight:bold;}
.sitemaplevel1,.sitemaplevel2,.sitemaplevel3{font-size:9pt;}
.sitemaplevel1 a,.sitemaplevel2 a,.sitemaplevel3 a{color:#000000;}
.sitemaplevel1 a:link,.sitemaplevel2 a:link,.sitemaplevel3 a:link,.sitemaplevel1 a:visited,.sitemaplevel2 a:visited,.sitemaplevel3 a:visited{color:#000000;}
.sitemaplevel1 a:active,.sitemaplevel2 a:active,.sitemaplevel3 a:active,.sitemaplevel1 a:hover,.sitemaplevel2 a:hover,.sitemaplevel3 a:hover{color:#000000;font-weight:bold;}
.submenu{font-size:9pt;text-align:left;}
.submenu a{font-weight:normal;color:#000000;}
.submenu a:link,.submenu a:visited{color:#000000;}
.submenu a:active,.submenu a:hover{color:#000000;font-weight:bold;}
.search a{font-weight:normal;color:#000000;}
.search a:link,.search a:visited{color:#000000;}
.search a:active,.search a:hover{color:#000000;}
.locator{font-size:8pt;color:white;}
.locator a{font-weight:normal;text-decoration:underline}
.locator a:link,.locator a:visited,.locator a:active,.locator a:hover{color:white;}
.menu{font-weight:bold;font-size:8pt;color:white;}
.menu a{text-decoration:underline;color:white;}
.menu a:link,.menu a:visited,.menu a:active,.menu a:hover{color:white;}
.login{font-weight:bold;font-size:8pt;color:grey;}
.login a,.login a:link,.login a:visited,.login a:active,.login a:hover{color:gray;}
.navigator{font-weight:bold;font-size:10pt;color:white;}
.navigator a:link,.navigator a:visited{color:#c0c0c0;}
.navigator a:active,.navigator a:hover{color:white;}
.edit{font-size:8pt;color:black;background-color:buttonface;}
.edit a:link,.edit a:visited,.edit a:active,.edit a:hover{font-weight:normal;color:black;}
input,select{font-size:8pt;}
textarea{font-family:Verdana,Geneva,Arial,Helvetica;font-size:8pt;background-color:white;width:98%;}
.searchbox .text,.searchbox .submit{border:2px solid #c0c0c0;background-color:white;}
.imgboxl {
	background-image: url('<?php echo $pth['folder']['templateimages']?>_images/nav1_lft.png') left top ;
   background-repeat: repeat-y;
   width						  : 100%;
}
td.b1x5 {
   background             : #e6e6e6;
   text-align             : left;
   vertical-align         : top;
   width						  : 150px;
}
td.b1x5b {
   background             : #e6e6e6;
   text-align             : left;
   vertical-align         : top;
   width						  : 630px;
}
td.b1x5t {

   text-align             : center;
   vertical-align         : top;
   width						  : 800px;
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* TABLEAU */
/* Style des lignes de séparation */
.table-separateur {
  font-size : 13px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #e6e6e6;
  background-color : #aaaaaa;
}
/* Style des en-têtes du tableau */
.table-entete {
  font-size : 13px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #e6e6e6;
  background-color : #386880;
}
/* Style 1 des cellules */
.table-ligne1 {
  padding : 4px;
  text-align : top;  
  font-size : 11px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #ffffff;
  background-color : #386880;
}
/* Style 2 des cellules */
.table-ligne2 {
  padding : 4px;
  text-align : top;
  font-size : 11px;
  font-family : Verdana, arial, helvetica, sans-serif;
  color : #ffffff;
  background-color : #2a3240;
}
.tiny{
font-size:9px;
}
.imgcat {
  	padding :0px;
  	display:block;
	float:right;
	margin: 10px 10px 10px 10px;
	border-style:solid;
	border-width:2px;
	
}
.imgcatl {
  	padding :0px;
  	display:block;
	float:left;
	margin: 10px 10px 10px 10px;
	border-style:solid;
	border-width:2px;
	
}
.imgcat1{
  	padding :5px;
	margin: 0px 10px 0px 0px;
	
.gal{
	text-align : center;
	border-color: #ffffff
	border-style:solid;
	border-width:10px;
}

}
#titlet {
color:#52504e;
font-size:10px;
font-weight:bold;
}

/*** set the width and height to match your images **/
#slideshow {
	margin:10px;
    position:relative;
    display:block;
	float:right;
    height:225px;
    Width:300px;
    border-style:solid;
	border-width:2px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;  
}


#slideshow IMG.last-active {
    z-index:9;
}

#slideshowl {
	margin-right:10px;
    position:relative;
    display:block;
	float:left;
    height:300px;
    Width:225px;
    border-style:solid;
	border-width:2px;
}

#slideshowl IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshowl IMG.active {
    z-index:10;
    opacity:1.0;  
}


#slideshowl IMG.last-active {
    z-index:9;
}