body {
    margin:  0;
    padding: 0;
	background:#FFFF85 url(../images/headerbackground2.png) repeat-x scroll 0% 0%;
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	/*font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;*/
}

h1 {
 font-family: Verdana, Lucida, Helvetica, fantaisy;
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  margin-bottom:1em;
  margin-top:1em;
  color: #000000;
  margin-top: 0px;
}
h2 {
 font-family: Verdana, Lucida, Helvetica, fantaisy;
  font-size: 13px;
  font-weight: bold;
   text-align:center;
  color: #000000;
  margin-top: 0px;
 }
 h3 {
  font-family: Verdana, Lucida, Helvetica, fantaisy;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  padding-bottom:3px;
  margin:0;
 }

.modifydate
{
padding-top: 1em;
font-size: 0.8em;
font-style:italic;
}
/* nom de l'auteur */
table.contentpaneopen span.small
{
padding-bottom: 1em;
font-size: 0.8em;
font-style:italic;
}

hcyclo{

font-size: 14px;
font-weight: bold;
font-family:Verdana, Lucida, Helvetica, fantaisy;
}

#info{
	position:absolute;	
	top:475px;
	left:50px;
	color:#000000;
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:9px;
	position:absolute;	
	width:400;
	height:163px;
	z-index:5;

}
#langbackground{
	left:0px;
	position:absolute;
	width:100%;
		
	margin-top:100px;
	height:68px;
	top:113px;
	margin-top:0px;
	background:url(../images/langbackground.png);
	z-index:1;

}

a img{

border:none;
}

#container {
	position:relative;
	margin-right: auto;
	margin-left: auto;
	width:901px;
	height:100%;
	background:url(../images/bgvrai.png);
	z-index:2;
}

#banner {

 width: 483px;
 height: 73px;
 float: right;
 padding-left: 0px;
 padding-top: 6px;
 margin-right:184px;
  margin-top:40px;
 background: url(../images/ban1.jpg) no-repeat;
 z-index:1;
 
 }


#topmenu{

	
	position:absolute;
	
padding-top:0px;
text-align:center;

}


#header {

	width:902px;
	position:relative;
	height:113px;
	top:0px;
	margin-top:0px;
		background:url(../images/headerbackground2.png);
	z-index:1;
}
#header2 {



	position:relative;
	width:902px;
	margin-top:0px;
	height:68px;
	text-align:center;
	left:0px;
	
	background:url(../images/header2background.png);
	z-index:3;
}

/* #news {
	position:relative; 
	padding-left:4px;
	padding-right:10px;
	padding-top:5px;
	width:888px;
	height:90px;
	background:url(../images/nws.png) no-repeat;
	z-index:3;
}*/
#leftcol {	

	float:left;
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	width:auto;	
	height:100%;
	padding:0;
margin:0;
	z-index:3;
	
}

p #form-login-password
{
padding:0;
margin:0;
}

#ulIdentification
{
padding:0;
margin:0;
}

#content {
   float:left;
	width:61%;	
	height:100%;	
	margin-left:.5em;
	padding-top:10px;
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-size:12px;
	background-color:;
	z-index:3;
}
#meteo {
   
   position:relative;
   margin-bottom:0px;
   width:368px;
   height:20px;
	left:270px;
	top:-580px;
	
	font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	
	
}

#rightcol-broad {

	position: relative;
	float:right;
	width:180px;
	height:100%;
	z-index:3;
	margin-right:0px;

}


#footer {
	clear:both;
	font-family:Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	color:#009933;
	font-size:9px;
	width:902px;
	height:69px;;
	background:url(../images/footer.png) no-repeat;
	text-align:center;
	margin-left:5px;
	padding-top:30px;
	z-index:3;
	
}
#suche{
	position:absolute;
	margin-right:-33px;
	
	right:0px;
	top:79px;
	width:232px;
	height:34px;
	background:url(../images/suche.png);
	z-index:4;
}

#logo{
	position:absolute;
		width:232px;
	
	top:0px;

	height:110px;
	background:url(../images/logovrai.png);
	z-index:4;
	margin-top:0px;
}

td * li
{
margin-left: 2em;
margin-bottom:1em;
margin-top:1em;
}

#mainlevel-nav ul{

list-style:none;
margin:0;
padding:0;
}

#mainlevel-nav li{
float: left;
text-align:center;

width:100px;

list-style:none;

}

.gras{

font-weight:bold;
}

.imageCentree
{
margin-left:auto;
margin-right:auto;
width:100%;
}

#mainlevel-nav a{

font-family:Verdana, Lucida, Helvetica, fantaisy;
font-size:11px;
font-weight:bold;
margin-top: 12px;
padding:22px 0px 0px 0;
width:100px;
height:16px;
display:block;

color:#000000;

background-image:  url(../images/top_button_a.gif);
text-align:center;
vertical-align:bottom;
text-decoration:none;
}

#mainlevel-nav a:visited{
width:100%;

text-align:center;

display:block;
}


#mainlevel-nav a:hover{
background-image : url(../images/top_button_hover.gif);

}

#mainlevel-nav a:active{
background-image :url(../images/top_button_active.gif);
color:#333333;

}  
.mainlevel-nav#active_menu-nav{
background-image : url(../images/top_button_active.gif);

}
#mod_search_searchword {
	margin-top:18px;
	margin-left:58px;
    padding:     0px 0px 0px 0px;
    width:       150px;
    font-size:   12px;
    color:       #ffffff;
    font-family: arial;
    height:      15px;
    border:      none ;
	font-weight: none;
	background-color:transparent;
}
/* Modules */


#rightcol-normal div.module {
width: 190px;
border-left:solid 1px;
background: transparent url(../images/module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div {
width:auto;


background: transparent url(../images/module_top2.jpg) top left no-repeat;
}

 #rightcol-normal div.module div {
width: 130px;
background: transparent url(../images/module_top2.jpg) top left no-repeat;
}

#rightcol-normal div.module div div {
width: 130px;
border-left:solid 1px;

background: transparent url(../images/module_bottom.jpg) bottom left no-repeat;
}

#leftcol div.module div div div{
width: 137px;

padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}


 #rightcol-normal div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#ulIdentification
{
list-style:none;

}

.inputNoBorder{
border-style:none;

}

#leftcol div.module div div div div, #rightcol-normal div.module div div div div{
padding: 0px;
margin: 0px;

}

#leftcol div.module, #rightcol-normal div.module {
width: 152px;

background: transparent url(../images/module_middle2.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div div, #rightcol-normal div.module div div {
width: 152px;

background: transparent url(../images/module_bottom2.jpg)  bottom left no-repeat;
}


#rightcol-broad div.module {
width: 177px;
background: transparent url(../images/module_middle_wide.jpg) left repeat-y;
margin-bottom: 10px;
}

#rightcol-broad div.module div {
width: 177px;
background: transparent url(../images/module_top_wide.jpg) top left no-repeat;

}

#rightcol-broad div.module div div {
width: 177px;
background: transparent url(../images/module_bottom_wide.jpg) bottom left no-repeat;

}

#rightcol-broad div.module div div div{
width: 162px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;

padding-bottom: 10px;
font-size: 12px;
}

#rightcol-broad div.module div div div div{
padding: 0px;
margin: 0px;


}
div.module h3 {

font-size: 14px;
padding-bottom:10px;
width: 130px;
font-weight: bold;
margin: 0px;
padding: 0px;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
border-bottom: 1px solid #005E31;
}

table.user1user2 div.moduletable {
	margin-bottom: 0px;
}

div.module {
  margin-bottom: 25px;
}


div.module_menu h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #eee;
	margin: -23px 0px 5px 0px;
	padding-left: 10px;
	padding-bottom: 2px;
}

div.module_menu {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}

div.module_menu div div div {
	padding: 10px;
	padding-top: 30px;
	padding-bottom: 15px;
	width: auto;
}

/* Main Menu(s) */

a.mainlevel {
position:relative;
font-size: 14px;
padding-left: 0px;
width: 143px;
display: block;
line-height: 26px;
margin-bottom: auto;
font-weight: bold;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 135px;
font-family:Verdana, Lucida, Helvetica, fantaisy;
text-decoration:underline;


}
a.mainlevel:link, a.mainlevel:visited { color:#000000;}
a.mainlevel:active {color:#000000;}
a.mainlevel:hover {color:#000000;}


html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
color:#FF0000;

}

a.mainlevel:link, a.mainlevel:visited, {
color:#000000;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 12px;
padding-left:20px;
width: 139px;
display: block;
line-height: 20px;
margin-bottom: 2px;

font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;

}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {

width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
color:#FF0000;
}
html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
color:#FF0000;
width: 123px;
}


/* Module specific */

#leftcol div.module div div div div.syndicate {
background: transparent;
width: 137px;
margin: 0px;
padding-top: 10px;
}

#leftcol div.module div div div div.syndicate div {
background: transparent;
width: 137px;
margin: 0px;
padding: 0px;
}


.mostread{
padding-top:5px;
padding-left:0px;
background: transparent;
width: 100%;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
list-style-type: none;
text-decoration:none;
}
.contentheading {
font-size:14px;
font-weight:bold;
border-bottom: 1px solid #005E31;

}

.kalenda{
display:none;
}


.contentpaneopen{
width:100%;
text-align: left;
background: transparent;
font-size: 14px;
line-height: 1.3;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}

table.contentpane td.contentheading {
width: 90%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
border: none;
}

table.contentpane ul {
margin: 0px;
padding: 0px;
list-style: none;
}

table.contentpane ul li{
padding: 0px;
margin: 0px;
padding-left: 15px;
}

.contentdescription {

}
.sectiontableheader {
font-weight: bold;
font-size: 10px;
height: 25px;
line-height: 25px;
}
.categorytitle {
font-weight: bold;
font-size: 16px;
height: 25px;
line-height: 25px;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
.componentheading {
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
border-bottom: 1px solid #002E61;
color: #002E61;
margin-bottom: 5px;
}
a.category {
font-weight: bold;
text-decoration:underline;
 }
 a.category:hover {
text-decoration:underline;
 }

table.moduletable {

width:  100%; 
font-size: 80%;

 }
table.moduletable th  {
font-size: 80%;

}

.poll {
font-size: 10px;
text-align: center;

}

.cycloread {
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
font-size: 12px;
}

.cyclotitle {

font-size: 14px;
font-weight: bold;
font-family:Verdana, Lucida, Helvetica, fantaisy;

}
 
.pollstableborder {
font-size: 12px;
padding-top:5px;
font-family:Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
text-align: center;

}
.back_button a{
font-size: 10px;
font-weight: normal;
}

.blogsection {
font-size: 10px;

}


.blog_more ul li{
list-style: none;
padding-left: 14px;

line-height: 18px;
}

table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}

span.article_seperator {
        /* concerne tous les articles */
    font-size: 1px;
    line-height: 1px;
    height: 1px;
    display: block;

}


table.blog span.article_seperator {
        /* concerne uniquement les blogs */
    	
   /* concerne uniquement les blogs */
    	border-top: 1px solid #000000;

	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}  
  

table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}

.sectiontableentry1 {
text-align: left;
background: #FFFFF0;
font-size: 10px;
padding: 2px;

}
.sectiontableentry2 {
background:#EEF17C;
font-size: 10px;
text-align: left;
padding: 2px;
}
.button {
height:20px;
padding-top:0px;
padding-bottom:1px;
border: 1px solid #BBBBBB;
}
.inputbox {
border: 1px solid #BBBBBB;
}


.buttonlogin {
height:17px;
width:17px;
padding-top:0px;
padding-bottom:1px;
border: 1px solid #b69200;
background:url(../images/login.png) no-repeat;
}


#form-login
{
padding:0;
margin:0;
}



/* Page navigation and read more */
.pagenavcounter{margin-bottom:5px; font-size:9px; color:#999}
.pagenavbar{margin-left:5px; margin-right:5px; text-align:center}
.pagenav{margin-left:5px; margin-right:5px; color:#f36; font:10px Verdana,Arial,Helvetica,sans-serif; color:#f36}
a.pagenav:visited{}
a.pagenav:hover{}
a.readon, a.readon:link, a.readon:visited{float:right; font-size:14px; font-weight:bold;}
a.readon:hover{}


/* Content styling */
a:link, a:visited {
    color:           #0094af;
    font-weight:     none;
    
}
a:hover {
    color: #DB4646;
}
 #modlgn_username {
 
margin-top:0px;
 width:95px;
margin-right:5px;

}
 #modlgn_remember {
}
  #modlgn_passwd {
   width:95px;
 margin-right:5px;
  
}
 .module {
 margin-top:10px;
 margin-left:0px;
 
}


fieldset
{
	padding:0;
margin:0;
}

/* Tooltips */

.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	width:auto;
	 position:relative;
  z-index:500; 
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	font-size: .8em;
	margin: 0;
}

.tableauInfo
{
margin-left:auto;
margin-right:auto;
width:auto;
text-align:center;
border-collapse:collapse;
border:1px solid;
margin-top:1em;
margin-bottom:1em;
}

.tableauInfo td
{
padding-right:0.5em;
border:1px solid;
padding-left:0.5em;
padding-top:0.2em;
padding-bottom:0.2em;
{