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; 
background-image: url(images/html_head.jpg); 
margin:0px 0px;
}

#left { 
float : left; 
width : 250px; 
overflow: visible; 
background-color: #DE6809;
}


/************************menu*******************/
#leftMenu{
	width:250px;
	padding:50px 10px 20px 20px;
	float:left;
	overflow: visible;
}
/*
General rules
*/

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

#dhtmlgoodies_slidedown_menu ul{
	margin:0px;
	padding:10px 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 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: #330066;
}	


/* 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;
}

#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(images/MDN_logo130.gif);
background-position:500px 20px;
background-repeat:no-repeat;
}

#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(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;}


/**********monthtab********************/

#monthTab {
  margin:0; 
  padding:0; 
  height:900px; 
  overflow:hidden; 
  background: #FFFFFF;
  font-size:11px;
  }
  
#monthTab li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
  
#monthTab li a {
  display:block; 
  text-decoration:none; 
  color:#00b; 
  margin:0; 
  width:100%;
  text-align:left;
  font-size:11px;
  }

  
#monthTab li a span {
  display:none; 
  color: #666666;
  padding:10px 20px 0px 20px;
  text-align:left;
/*  background-image: url(images/calendar_background.gif);
  background-position:bottom right;
   background-repeat: no-repeat;
*/
  }
  
#monthTab li a.one span {
  display:block; 
  height:825px; 
  margin:0 10px;
 background-image: url(images/calendar_background.gif);
  background-position:bottom right;
   background-repeat: no-repeat;
  }
  
#monthTab li a:hover {
  background:#f1f1f1;
  }
  
#monthTab li a:hover span {
  display:block; 
  height:825px;
  margin:0 10px; 
  cursor:pointer;
  }
  
#monthTab .h2 {
  margin:0 5px; 
  padding-left:20px; 
  color: #FF6600; 
  font-size:1.5em; 
  border:0;
  }
  
#monthTab .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  color:#00b;
  }
 
.event_title {
  color: #000000;
  font-size:11px; 
  }
 
.curved {
  width:670px;
  margin:0 auto;
  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px; 
  display:block; 
  background:#88c;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#f0f0f0; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c;
  }
.curved .b1 {
  margin:0 4px; 
  background:#88c;
  }
.curved .b2 {
  margin:0 2px; 
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px; 
  margin:0;
  }
.curved .c1 {
  margin:0 5px; 
  background:#88c;
  }
.curved .c2 {
  margin:0 3px; 
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px; 
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #88c; 
  border-right:1px solid #88c; 
  font-size:12px;
  padding-left: 0px;
  text-align:justify;
   }
   
/*Gallery */ 

#gallery ul li.chosen i {display:block;}
#gallery ul li.chosen i em {width:0; height:100%; display:inline-block; vertical-align:middle;} 
#gallery ul li.chosen i img {display:inline-block; vertical-align:middle;}
/* for IE6 initial photo size */
#gallery ul li.chosen i img.start {width:600px; height:400px; } /*image size*/

/*thumb bar*/
#gallery {width:670px; position:relative; height:60px; padding-top:540px; background-color: #FFFFFF; magin:0px 0px;}
#gallery img.left {width:55px; height:50px; float:left;cursor:pointer;}
#gallery img.right {width:55px; height:50px; float:left;cursor:pointer;}
/* thumb images holder */
#gallery ul {list-style:none; padding:0; margin:0; float:left; background: #CCCCCC; border:2px solid #CCCCCC; border-width:5px 2px;}
/* thumb images */
#gallery ul li {display:inline; width:70px; height:47px; float:left; margin:0 3px; border:1px solid  #999999; cursor:pointer;}
#gallery ul li.hide {display:none;}

/* using background images */
#gallery ul li.th1 {background:url(images/thumbs/051.jpg);}
#gallery ul li.th2 {background:url(images/thumbs/AtelierValDOr1202009Groupe.jpg);}
#gallery ul li.th3 {background:url(images/thumbs/AtelierAmos12022009Groupe.jpg);}
#gallery ul li.th4{background:url(images/thumbs/AtelierValDOr1202r2009EvansDesmangleStevePaquet.jpg);}
#gallery ul li.th5 {background:url(images/thumbs/MDN.jpg);}
#gallery ul li.th6 {background:url(images/thumbs/28mars2009NewRichmond.jpg);}
#gallery ul li.th7{background:url(images/thumbs/MontJoli1.jpg);}
#gallery ul li.th8 {background:url(images/thumbs/MontJoli2.jpg);}
#gallery ul li.th9 {background:url(images/thumbs/charlevoix.jpg);}
#gallery ul li.th10 {background:url(images/thumbs/MercedezRoberge_MireilleTremblayPleniere30_05.jpg);}
#gallery ul li.th11 {background:url(images/thumbs/Materiel_VersUnNouveauModeDeScrutin30_05.jpg);}
#gallery ul li.th12 {background:url(images/thumbs/ligne_du_tempsActionsCitoyennes.jpg);}
#gallery ul li.th13 {background:url(images/thumbs/DocumentationGerardTalbot30_05.jpg);}
#gallery ul li.th14{background:url(images/thumbs/atelierAnimeParNormandGilbert30_05.jpg);}
#gallery ul li.th15 {background:url(images/thumbs/PresentationResultatsAtelier.jpg);}
#gallery ul li.th16 {background:url(images/thumbs/10eAnniversaireMDN30_05.jpg);}
#gallery ul li.th17{background:url(images/thumbs/10eAnniversaireMDNPaul_AndreMartineau30_05.jpg);}
#gallery ul li.th18 {background:url(images/thumbs/10eAnniversaireMDN_PAM_ValerieNadon30-05.jpg);}
#gallery ul li.th19 {background:url(images/thumbs/10eAnniversaireMDNGilCourtemanche30_05.jpg);}
#gallery ul li.th20 {background:url(images/thumbs/10eAnniversaireMDNMercedezValerieNadon30_05.jpg);}
#gallery ul li.th21 {background:url(images/thumbs/10eAnniversaireMDN-PaulClichePrixReformera30_05.jpg);}
/* thumbnail. remove visibility:hidden; if you want to use the original images as thumbnails */
#gallery ul li img {visibility:hidden; display:block; width:70px; height:47px;}
/* description of photos*/
#gallery ul li span {display:none; position:absolute; left:35px; top:430px; width:600px; height: 90px; font-family:verdana, arial, sans-serif; color: #666666; font-size:11px; line-height:15px; text-align: left;}
#gallery ul li b {color: #444;}

#gallery ul li.chosen {border-color: #FFFFFF; cursor:default;}
#gallery ul li.chosen div {position:absolute; left:0; top:0; width:670px; height:480px; background:#FFFFFF; /*border:1px solid #000; border-width:1px 1px 0 1px;*/}
#gallery ul li.chosen div i {width:670px; height:420px; display:table-cell; vertical-align:middle; text-align:center; padding-top: 20px;} 
#gallery ul li.chosen div i img {visibility:visible; width:auto; height:auto; border:1px double #CCCCCC; margin:0 auto;}
#gallery ul li.chosen span {display:block;}