/**************** VALCOURT ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/
a { color:#2b2b2b; text-decoration:none; }
a:hover {color:#2b2b2b; text-decoration:underline; }
h1 {font-size: 24px; font-weight:bold; color:#2b2b2b; }
h1 a{font-size: 24px; font-weight:bold; color:#2b2b2b; }
h1 a:hover {font-size: 24px; font-weight:bold; color:#2b2b2b; }
body {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#2b2b2b;  background: #d8d6c3 url(site/bg.png) top center repeat-x; }

#wrapper {width:995px; margin:0 auto -160px auto; }


/**************** HEADER (MENU + LOGO + PHOTO) ***************/
#header { width: 995px; height: auto;}

#logo { width: 133px; height:119px; position:absolute; top:51px; left:115px;}

#photo { width: 995px; height: 150px; background: url(site/maville.png) no-repeat;}
#section_7 #photo { width: 995px; height: 150px; background: url(site/citoyens.png) no-repeat;}
#section_8 #photo { width: 995px; height: 150px; background: url(site/habitation.png) no-repeat;}
#section_9 #photo { width: 995px; height: 150px; background: url(site/affaires.png) no-repeat;}
#section_10 #photo { width: 995px; height: 150px; background: url(site/tourisme.png) no-repeat;}
#section_11 #photo { width: 995px; height: 150px; background: url(site/informations.png) no-repeat;}

/**************** MENU ***************/
#menu { width:651px; margin-left: 344px; height: 26px; background: url(site/menu.png) no-repeat;  text-align:left; padding: 5px 0;}

	  #menu ul.top_itm { } 
			#menu li { width: 103px; margin-right: 5px;}
			 
			#menu a { color: #2c2c2c; }
			#menu a.top_itm { line-height: 26px; font-size:14px; text-align: center; background: #FFFFFF;}
			#menu a.top_itm span { width:100%; padding: 0 0px; display: block; color: #2c2c2c; }
	
			
	#menu li.tactive a.top_itm, #menu li.top_itm a.MenuBarItemSubmenuHover, #menu li.top_itm a.top_itm:hover {  background: #d9dac9; }
    
		#menu ul.sub_itm { width: 260px;  margin-top: 5px;  background:#d9d9d4; border: solid 1px #acad7a; }
		#menu li.sub_itm { width: 260px; background:none; padding: 8px; margin-top: 4px; text-align:left;}
		#menu li.sub_itm a { height: auto; background:none; color:#2c2c2c; text-decoration: none; }
		#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#2c2c2c; text-decoration: underline;}
		#menu li.sub_itm a span {background:none; padding:2px; margin:0;}
		
	#nav_7  { display:none;}
	
/**************** CONTENT ***************/
#main_container { width: 995px; }

#act_ctn {width: 955px; margin-top: 3px; padding: 20px; text-align: left;  line-height: 150%; background: #FFFFFF; min-height: 200px; }
#section_6 #act_ctn  {width: 628px;  padding: 20px;  text-align: left;  line-height: 150%; float:left; min-height: 365px; }

#section_1 #side_page, #section_2 #side_page, #section_3 #side_page, #section_4 #side_page, #section_5 #side_page, #section_7 #side_page, #section_8 #side_page, #section_9 #side_page, #section_10 #side_page, #section_11 #side_page, #section_12 #side_page { display: none; }

#section_6 #side_page  { width: 327px; float:right; background: #FFFFFF url(site/side_page_bg.png) repeat-y; min-height: 400px; *height: 400px; border-top: solid 5px #FFFFFF; padding-bottom:15px; }

#news_box { width: 296px; height: auto; text-align: left; margin-top: 21px; margin-bottom: 20px;}
#news_box span { color: #2c2c2c;}

#news_box > .content {margin: 0; min-height: 200px;}
#news_box .head { width: 151px; height:33px; background: url(site/header_enevements.png) right no-repeat;}
#news_box .content {padding-left: 5px; width:296px; height: auto; }

#news_box .elem {padding: 5px; color: #2c2c2c;}
#news_box .elem .date { display:none;}

#news_box .elem h2.title { margin: 0; }
#news_box .elem h2.title a {font-size:16px; color: #2c2c2c; }
#news_box .elem .txt {font-size:small;  margin-top: 2px;}

#news_box .foot {font-size:small; text-align: center;}
#news_box .foot a { color:#2c2c2c; }

#calendar { width:200px; margin:0 auto; font-size:16px; border:1px solid #000; padding:5px;}
		#calendar .today {background-color:#3f3f3f; color:#FFFFFF; }
		#calendar .date{}
		#calendar .date:hover {background-color:#555; color:#FFFFFF; }
		#calendar .event {background-color:#3f3f3f; }
		#calendar .event a {font-weight:bold; color:#FFFFFF}
		#calendar .cal_drop {width: 350px; background: #7c7d6a; border: 2px solid #000000; margin-left: 30px; padding: 20px; }
		#calendar .cal_drop h1.post_title a {}

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

#footer_container { width:100%; background: #7C7D6A; }

#footer { width:995px; height: 166px; margin: 0 auto; background: url(site/footer_logo.png) right 15px no-repeat; }


/**************** FOOTER / SITE MAP ***************/
#site_map { width: 990px; height:106px; padding-top: 60px; font-size: 12px; color:#FFFFFF;  text-align: left;}

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

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

.wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative; padding:0;}
.push {clear:both;}
.footer {position:relative; 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:0 0 0 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;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}