#bot span.reverse { unicode-bidi:bidi-override; direction: rtl; }
#bot span.invisible { display: none; }
#oppside {
 margin:0;
 padding: 0;
}
.zon {}
.zli1 { margin-left: 0px;}
.zli2 { margin-left: 0px;}
.zli3 { margin-left: 32px;}
.zli4 { margin-left: 48px;}

/* styles ziteplus */

.ztable {
 border: 1px solid #3c7a9a;
 background-color: #eeeeee;
 margin: 5px 0;
 padding: 0 2px;
 width: 100%;
text-align:left;
}
.headcolor{background-color:#cccccc;}
.oddcolor{background-color:#dddddd;}
.evencolor{background-color:#eeeeee;}
.zalert {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 2px;
}
.zerr {
 border: 1px solid #C00;
 background-color: #FEA;
 padding: 0 1px;
}


html {
height:100%;
}

body {
margin:0;
padding:0;
width:100%;
}

#page {
margin:0;
width:100%;
}

#mid {margin: 0;
	padding-top: 0; 
background-color:#333;
width:100%;
}

#side {margin: 0; }

#main {
width: 100%;
margin:0;
padding:0; 
text-align:center;
}

#main p {
margin:0;
padding:  1em 0.5em; 
text-align:justify;
}

#main img{
    background:url('view.php/loader.gif') no-repeat center;
}
#break {	clear: both; }

#bot {
	border-bottom: 0px solid #777;
	font-size: 75%;
	text-align: center;
	margin:0;
	padding: 0;
	color: #555555;
width:100%;
}

#bot img {vertical-align:top;}



@font-face {
  font-family: 'FStd';
  src: url('fonts/FStd-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/FStd-Light.otf')  format('opentype'),
	     url('fonts/FStd-Light.woff') format('woff'), url('fonts/FStd-Light.ttf')  format('truetype'), url('fonts/FStd-Light.svg#FStd-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: "beaufort";
    src: url('deco/beaufort.eot');
    src: url('deco/beaufort.eot?#iefix') format('embedded-opentype'),
         url('deco/beaufort.woff') format('woff'),
         url('deco/beaufort.ttf') format('truetype'),
         url('deco/beaufort.svg#beaufort') format('svg'); }

body, td {
  font-family: Fstd, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 1.1em;
}
#marque h1{font-family: Beaufort, Verdana, Geneva, Arial, helvetica, sans-serif;
  font-size: 5em;
}


h1 {font-size: 150%;
font-weight:normal;}
h2 {font-size: 130%;
font-weight:normal;}
h3 {font-size: 120%;
margin: 1em 1em}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

a {color: #555555;
	text-decoration: none;
}
a:hover {color: #777777;}


.group {
	font-size: 110%;
	font-weight:bold;
	margin-left: 16px; }









 	            
  

/* Menu */
li {  list-style-type: none;} 
.zul {
	text-align:center;
	padding: 0;
	margin: 0;
	list-style: none;
}
.zul a{
	color:#ffffff;
}
.zul a:hover{
	color:#dddddd;
}
.zli2{
display:inline-block;
line-height:30px;
height:30px;
padding-left: 0;
}

.zli1,.zli3,.zli4 {
display:none;
padding:0;
}