h1 { font-family: Arial, Verdana, sans-serif; font-size: 36px; color: #333333 }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #333333 }
h3 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #333333 }
h4 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #333333 }
h5 { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333333 }

h6 { display:inline;margin:0px 0px; padding:0px 0px;font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #336600} 
	
html{
	height:100%;
}

body {
margin:0px 0px;
padding:0px;
background-color: #FFFFFF; 
font-family: Arial, Verdana, sans-serif; 
font-size: 12px; 
color: #00008B;
border-collapse:collapse;
height:100%;
}

table { 
font-family: Arial, Verdana, sans-serif; 
font-size: 12px; color: #00008B; 
margin: 0px 0px; 
padding: 0px 0px;
border-collapse:collapse;
color:#333333;
}

#wrapper {
width: 1000px;
margin: 0 auto;
position:absolute;
left:50%;
margin-left:-500px;
background-color: #FFFFFF; 
}

#header { 
hight:175px; 
margin:0px 0px;
}

#left { 
float : left; 
width : 250px; 
overflow: visible; 
}


/************************menu*******************/
#leftMenu{
	width:250px;
	padding:50px 10px 20px 20px;
	float:left;
	overflow: visible;
	color:#FFFFFF;

}

#leftMenu ul{
list-style:none;
}


#leftMenu a{
text-decoration:none;
line-height:20px;
color:#FFFFFF;
}

#leftMenu a:hover{
text-decoration: underline;
}

/*
General rules
*/

#dhtmlgoodies_slidedown_menu li{
	list-style-type:none;
	position:relative;
	padding: 5px 10px 5px 0px;
}

#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:5px 0px;
	position:relative;
}

#dhtmlgoodies_slidedown_menu div{
	margin:0px;
	padding:0px;
}
/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{		
	width:200x;	
}

/* All A tags - i.e menu items. */
#dhtmlgoodies_slidedown_menu a{
	color: #FFFFFF;
	font-weight:bold;
	text-decoration:none;	
	display:block;
	clear:both;
	width:185px;	
	padding-left: 15px;

}

/*#dhtmlgoodies_slidedown_menu a:hover{
	background-image:url(images/open.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
*/
#dhtmlgoodies_slidedown_menu ul li ul li a{
	/*color: #000099;*/
	padding-left:35px;
	width: 165px;
	clear:both;
}

#dhtmlgoodies_slidedown_menu ul li ul li ul li a{
	/*color: #000099;*/
	padding-left:55px;
	width: 160px;
	color: #4D6582;
	clear:both;
}
/*#dhtmlgoodies_slidedown_menu ul li ul li a:hover{
	color: #FFFFFF;
	background-image:url(images/open.gif);
	background-repeat:no-repeat;
	background-position:20px 0px;
}
*/
/*
A tags 
*/
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
	margin-top:1px;
	font-weight:bold;
}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
	margin-top:1px;
	color: #C7D9E7;
}	


/* UL tags, i.e group of menu utems. 
It's important to add style to the UL if you're specifying margins. If not, assign the style directly
to the parent DIV, i.e. 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1

instead of 

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
*/

#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
	padding:1px;
}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
	margin-left:5px;
	padding:1px;
}

	/************************end menu *****************/

#main {
margin: 0px 0px; 
float :right; 
border-right:1px solid  #999999;
vertical-align:top;
min-height:400px;

}

#menuTitle { 
/*background: url(images/actualites_ttl.png) no-repeat 0 0; */
width:670px; 
border-bottom:3px solid #660033;
padding:30px 0px 0px 0px;
text-align:center;
}

#content { 
padding : 20px 30px 20px 0px; 
text-align:left; 
width: 670px; 
background-color:#FFFFFF; 
color:#333333; 
background-image:url(http://www.democratie-nouvelle.qc.ca/ateliers/images/MDN_logo130.gif);
background-position:500px 40px;
background-repeat:no-repeat;
vertical-align:top;

}

#content a{
color: #FF6600; 
font-style: italic;
text-decoration:underline;
font-weight:bold;}

#content ol{
list-style: lower-alpha;
}

.small_title {     
 color: #660000; 
 font-size: 14px;
 font-weight:bold;
}  

#column { 
width:300px; 
}

#news {
width:600px;
padding: 10px 20px;
border: dashed 6px  #999999;
background-image: url(images/bg_news.gif);
background-position:bottom right;
background-repeat: no-repeat;
}
  
#footer { 
height: 50px;
padding-top:10px;
border-top:1px solid #999999;
background-image:url(http://www.democratie-nouvelle.qc.ca/ateliers/images/bg_footer.jpg);
background-repeat:repeat-x;
text-align:center;
}

#footer a { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #666666; text-decoration:none;}

#footer a:hover { font-family: Arial, Verdana, sans-serif; font-size: 11px; color:#FEF3E0; background-color:#DE6809;}



hr{ color:brown; background-color:tan; width:90%; height:2px; } 


.note { font-family: Arial, Verdana, sans-serif; font-size: 10px; color:#DE6809; 
font-weight: bold;} 

img {
	border:none;
}

.red{ 
color:#DC2201;}


/* for the function that pop out info window, while the page became grey*/
.bt_plain {
 border: none;
 background-color:#FFFFFF; color: #996600; size: 8px; 
}

DIV.neat-dialog-cont {
 Z-INDEX: 98; BACKGROUND: none transparent scroll repeat 0% 0%; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
DIV.neat-dialog-bg {
 Z-INDEX: -1; FILTER: alpha(opacity=70); LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%; BACKGROUND-COLOR: #666666; opacity: 0.7
}
DIV.neat-dialog {
BORDER: #333333 1px solid;  Z-INDEX: 99; MARGIN-LEFT: auto; WIDTH:400px; hight: 300px; MARGIN-RIGHT: auto; POSITION: relative; TOP: 25%; BACKGROUND-COLOR: #fff; FILTER: alpha(opacity=80); opacity: 0.8
}
DIV.neat-dialog-title {
PADDING: 5px 5px 5px 20px; FONT-SIZE: 14px; color: #804040; MARGIN: 0px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #999999 2px solid; POSITION: relative
}
IMG.nd-cancel {
 RIGHT: 0.2em; POSITION: absolute; TOP: 0.2em; height: 25px; width:25px;
}
DIV.neat-dialog P {
 PADDING: 02px 2px 2px 2px; TEXT-ALIGN: center
}

.errorText{
color:#CC0000; 
}

.selected{
color: #0A4F78; 
}

input{
margin:5px 5px 5px 0px; 
}

/* common styling */
.menu {font-family: arial, sans-serif; width:106px; position:relative; margin:0; font-size:12px; margin:50px 0; font-weight:bold}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:200px; height:30px; text-align:left; color:#fff; line-height:25px; font-size:12px; overflow:hidden; font-weight:bold; padding-left:10px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative; height:27px;}
.menu ul li ul {display: none; background: #CCCCCC;}
/* specific to non IE browsers */
.menu ul li:hover {background: #CCCCCC; color:#265159;}
.menu ul li:hover a {color:#265159;}
.menu ul li:hover ul {display:block; position:absolute; top:0px; left:201px; width:200px;}
.menu ul li:hover ul li a.hide { display:block; color:#fff; width:180px;}
.menu ul li:hover ul li { display:block; width:200px; background:#eee; }
.menu ul li:hover ul li a{width:190px;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#fff;}
.menu ul li:hover ul li ul {display: none; width:200px; background: #6C7C9B;}
.menu ul li:hover ul li a {display:block; background: #265159; color:#fff;}
.menu ul li:hover ul li a:hover {background: #A0AFC2; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:200px; top:0; }
.menu ul li:hover ul li:hover ul li a{width:180px;}

.mouvementTL{
color: #0A4F78; 
}

a.hoverable {
	position: relative;
	cursor: pointer;
	color: black;
	text-decoration: none;
}

a.hoverable div {
	position: absolute;
	background-image:url(images/pop_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	width:400px;
	display: none;
	top: -40px;
	left: 195px;
	margin: 0em;
	padding: 1.5em;
	background-color: white;
	border: 1px solid  #51829F;
}

a.hoverable:hover div {
	display: block;
}

.menuLink{
	color: #333333 ;
	font-style: italic;
}

.menuLink a{
	color: #CC6600;
	text-decoration:none;
}

#flash{
	height:440px;
	width:600px;
	padding: 20px 20px 20px 20px;
	margin-right:0;
	text-align:center;
	background-color:#FFFFFF;
	

}

.jw_playlist_playlist {
	float:left;
	width: 560px;
	height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align:left;

	<!--[if gte IE 6]>float:right;<![endif]-->
}

.jw_playlist_image {
	width: 75px;
	height: auto;
}

.jw_playlist_image_div {
/*	border: 1px solid  #999999;
	padding: 0 5px;
	margin: 0 5px;
*/	float:left;
	background-color: #000000;
}

.jw_playlist_item {
	padding:10px 10px;
}

.clear {
	clear:both;
	height: 0;
}

.jw_playlist_title {
	font-weight: bold;
/*	height:50px;*/
   	color: #0099FF;
}

.jw_playlist_pubDate {
   font-size:8px;
   color: #666666;
}

.jw_playlist_description {
   font-size:11px;
   color: #666666;
}

.even {
	background-color: #EEEEEE;
}

.odd {
	background-color: #FFFFFF;
}

.playing {
	background-color: #DEEAEB;
}