/*MAIN SETS*/
acronym { border: none; cursor: help;}

body{SCROLLBAR-FACE-COLOR:#FFFFFF; SCROLLBAR-HIGHLIGHT-COLOR: #CFCFCF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; SCROLLBAR-ARROW-COLOR: #84AD0B; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #CFCFCF;}
body {background: #EDF1F8; font: 69%/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; color: #333; margin: 0; padding: 0; text-align: center; }

a{text-decoration: none;}
a:hover{text-decoration: underline; color:#84AD0B;}

/*CONTAINERS SETS*/
#container {
	position: relative;
	background: #EDF1F8;
	margin: 0 auto;
	padding: 0px;
	width: 800px;
	font: 11px/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif;
	color: #333;
}

#pageheader {margin: 0; padding: 0; z-index: 2; width: 940px; height: 100px; background: #EDF1F8 url(images/header1.jpg) no-repeat; text-align: left;}
#pageheadermenu {position: absolute; top: 5px; left: 15px; width: 400px; text-align: left; font: normal 11px Arial, Helvetica, sans-serif; color: #84AD0B; z-index: 3; }
#pageheadermenu a{color: #009900; }

#pageheaderdate {position: absolute; top: 5px; right: 10px; width: 300px; text-align: right; font: bold 11px Arial, Helvetica, sans-serif; color: #009900; z-index: 3; }

#pageheaderlogo {position: absolute; top: 30px; right: 20px; width: 140px; text-align: center; z-index: 3; }

#maintop {margin: 0; padding: 0; z-index: 2; width: 940px; height: 289px; background: #009900; }

#maincontent {margin: 0; padding: 10px 0px; z-index: 2; width: 940px; background: #CFCFCF; }

#mainfooter {margin: 0; padding: 0; width: 940px; height: 20px; background: #CFCFCF url(images/footer.jpg) no-repeat; z-index: 2; }

#footer {
	position: relative;
	top: 40px;
	left: 0px;
	z-index: 3;
	width: 800px;
	height: 500px;
	background: #EDF1F8;
	padding: 0px;
	margin: 0;
	text-align: center;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#888888;
}

#dyncontent {margin: 0; padding: 0; width: 470px}

/*CSS for sample search box. LEFT SIDE */
#leftform{padding: 0; margin: 0;}
#leftform .textinput{margin: 5px 0px 0px 0px; width: 180px; height: 18px; border: 1px solid gray;}
#leftform .submit{margin: 5px 0; font: bold 11px Verdana; height: 22px; background-color: #84AD0B; color: #FFFFFF; }

/*TEXT STYLES*/
.txt {font: 11px/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; color: #333;}
.txt-bold {font: bold 11px/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; color: #333; }
.txt-red-std {font: 11px/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; color: #009900; }
.txt-red-bold {font: bold 11px/1.5em 'Lucida Sans Unicode', 'Lucida Grande', verdana, arial, sans-serif; color: #009900; }

.footer-title {font: small-caps normal 11px Arial, Helvetica, sans-serif; color: #009900; }
#footer a, #footer a:visited {color: #888888; text-decoration: none; }
#footer a:hover {font: normal 11px Arial, Helvetica, sans-serif; color: #222222; text-decoration: underline; }

.erreur { font-weight:bold; color:#F00;}

/*MAIN SPACES*/
/*---MAIN MENU---*/
.ddsmoothmenu{
margin: 1px 0px 0px 0px;
font: bold 11px Tahoma, Verdana;
background: #000000; /*background of menu bar (default state)  <<< CHANGED */
width: 100%;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #000000; /*background of menu items (default state)  <<< CHANGED */
color: white;
padding: 6px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #009900; 
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #009900; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 11px Tahoma, Verdana;
width: 170px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}

/*---LEFT/RIGHT FRAMES 220px---*/
#sideheader {width: 200px; height: 22px; padding: 6px 10px; background: #FFFFFF url(images/sidetop.jpg) no-repeat; text-align:left; font: bold 110% 'Lucida Sans Unicode', 'Lucida Grande', Arial, sans-serif; color: #009900;}
#sidebody {width: 200px; padding: 0px 10px; background: #FFFFFF; text-align: left; }
#sidefooter {width: 220px; height: 18px; padding: 0; margin-bottom: 15px; background: url(images/sidebottom.jpg) no-repeat; }

/*---MIDDLE FRAMES 470px---*/
#middleheader{width:450px; height:25px; background: #FFFFFF url(images/middletop.jpg) no-repeat; padding: 8px 10px; text-align:left; font: bold 130% 'Lucida Sans Unicode', 'Lucida Grande' Arial; color: #009900;}
#middlebody {width: 450px; margin: 0; padding: 0px 10px; background: #FFFFFF; text-align: left;}
#middlefooter {width: 470px; height: 20px; margin: 0; padding: 0px; background: url(images/middlebottom.jpg) no-repeat;}

/*---LOGOS---*/
#showcounter {position:absolute; top: 363px; right: 0px; margin: 0; padding: 0; width: 220px; height: 20px; text-align: right; background: url(images/counter.jpg) no-repeat;}

/*MISC*/

#ajaxticker1{width: 200px; height: 150px; background-color: #FFFFFF;}
#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FFFFFF; }
.someclass{font: 12px/1.5em arial, sans-serif; color: #888; }