/**************** LES VERTS DE SHERBROOKE ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/
a { color:#006939; text-decoration:none; }
a:hover {color:#006939; text-decoration:underline; }
h1 {font-size: 18px; font-weight:bold; color:#006939;}
h1 a{font-size: 18px; font-weight:bold; color:#006939; }
h1 a:hover {font-size: 18px; font-weight:bold; color:#006939; }
body {font-family: "Verdana", Arial; font-size:12px; color:#242424;  background: #FFFFFF; background: url(site/bkg_wrapper.png) bottom center no-repeat; } 

#wrapper {width:990px; margin:0 auto -90px auto;  }

/**************** HEADER + HEADER ELEMENTS***************/
#header { width: 100%; height: 175px; margin-bottom:-175px; background:url(site/bkg_header.png) repeat-x; }
	#header_elements { width:990px; margin:0 auto; position:relative }
		#header_elements a {position:absolute; right:0;}
	

/**************** MENU ***************/
#menu { width:290px; height: 440px; padding-top:30px; background: url(site/bkg_menu.png) no-repeat right; font-family:"verdana"; font-size:14px; text-align:left;}

	  #menu ul.top_itm {width:282px;} 		
	  		#menu li.top_itm { height: 52px; width:282px; margin-bottom:-14px }
			#menu a.top_itm {  color: #006939; text-decoration:none; padding-left:66px; height:38px; width:216px; line-height:38px;}
			#menu .tactive { background:url(site/arrow.png) no-repeat; height:52px;}
			
	
    
		#menu ul.sub_itm { width: 260px; background:#006939; font-size:12px; padding:10px; line-height:17px;}
		#menu ul.MenuBarSubmenuVisible { width: 260px;  background:#006939;  font-size:12px; }
		#menu li.sub_itm { width: 260px; background:none;  text-align:left; }
		#menu li.sub_itm a { height: auto; background-image:url(site/puce.png); background-repeat:no-repeat; background-position:0 -20px; color:#FFFFFF; text-decoration: none; }
		#menu li.sub_itm a:hover { background-position:0 6px; color:#FFFFFF;}
		#menu li.sub_itm a span {background:none; padding:6px 4px 6px 30px; margin:0; display:block;}

		
/**********************SIDE PAGE*************************/
#sidepage{width: 290px; min-height:684px; float: left; padding-top:50px }


	#calendrier{background: url(site/bkg_calendar.png) no-repeat; width:252px; height:216px;font-family:Arial;font-weight:bold; margin-top:20px;  padding-left:30px; padding-right:8px;}
	
		#prev {font-size:16px;  color:#fff;}
		#next {font-size:16px;  color:#fff;}
		
		.cal_holder { width: 100%; padding-top: 33px; width:136px;}
	
		#calendrier .wday  { margin-top:18px; color:#006939;}
		#calendrier .today {background-color:#006939; color:#fff; }
		#calendrier .date { font-size:14px; color:#fff;}
		
			#calendrier li.date a.date{font-size:12px; color:#006939;} 
		#calendrier .event {background-color:#F75314;  }
		#calendrier .event a.event {color:#FFFFFF;}
		#calendrier .cal_drop {width: 700px; background: #DEDEDE; border: 1px solid #006939; margin-left: 30px; padding: 20px; -moz-box-shadow: 3px 3px 2px #888; -webkit-box-shadow: 3px 3px 2px #888; box-shadow: 3px 3px 2px #888;}
		#calendrier .cal_drop h1.post_title a {color:#006939;}
		
	
/**************** CONTENT ***************/
#act_ctn {width:677px ; padding: 175px 0px 0px 0px ; margin-left:10px; margin-bottom:10px; text-align: left;  line-height: 150%; font-family:"Verdana",Arial; font-size:12px; float:left; background:url(site/bottom_content.png) no-repeat bottom;}

	#act_ctn .content{ margin-bottom:18px; padding: 10px 15px 5px 15px ; background:url(site/bkg_content.png) repeat-y; }


/**************** FOOTER  ***************/
.push {height:90px;}

#footer { width:950px; padding-left:40px; padding-top:8px; margin:0 auto;  height: 82px; clear: both; text-align:center; background:url(site/top_footer.png) top  right no-repeat;}

#footer_elements {  height: 67px; float:left; margin-top:15px; position:absolute; margin-left:20px; }

	.btn{ float:left;margin-top:50px;margin-left:6px;}


/**************** FOOTER / SITE MAP ***************/
#site_map { width: 845px; height:82px; padding-left:100px; padding-right:5px; margin:0 auto; font-size: 10px; color:#fff;  text-align: right; font-family:"Century Gothic",Arial; float: right; text-align:right; background:#006939;}

#site_map a { color:#fff; font-weight:normal; text-decoration:none; }
#site_map a:hover {font-weight:normal; text-decoration:underline;}
#site_map span {  padding:0px 12px 0px 12px; margin:0; display:inline-block; line-height:22px; }
#site_map span.links {  line-height:10px; border-right: solid 1px #fff;}
#site_map .endlink { display:block; margin: 0; padding: 0; height: 0; line-height: 0; }
#site_map .optimised { display:block; line-height:10px; padding: 3px; }
#site_map .copyright { padding:3px 8px 3px 8px }
#site_map .design { }


/**********************************************************************************************************************/
/* DEFAULTS */
/**********************************************************************************************************************/
html, body {margin:0; padding:0; height: 100%; width:100%; text-align:center;}

.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left;padding:0;}
.push {clear:both;}
.footer { padding:0;}

img {border:none; }

div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }

.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }

.clear {clear:both;}

ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin-left:100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}

table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:none; text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }
.calendar {text-align:center;}
.cal_holder {width:100%; }
.cal_holder .ccell {width:14%; display:block; float:left;} 
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.2em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;top:-1000em;}
.cal_holder ul.right{left:auto; right:0; top:0;}
.cal_holder ul.left{left:0; top:0;}