/* CSS Document */

body{ margin:auto; 
      font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; letter-spacing:1px; color:#FFFFFF;
	  background:url(../../Images/BG.jpg) top repeat-y;}

a{ color:#FFFFFF; text-decoration:none;}
a:hover{ color:#eed613; }
a img{ border:none; cursor:pointer;}

.clear{ clear:both;}


/*大框設定*/ 
#Outbox { margin:auto; width:1000px; position:relative; background-color:#fdfaf5;}

#alllayer{ position: relative; z-index:2; background:url(../../Images/up_CUT.jpg) top no-repeat; height:388px;}

.layer1{ /*------------logo-----------------*/
	position:absolute;
	z-index:10;
	
}

.sitemap{ position:absolute; top:0px; right:10px; float:right; color:#003366;}
.sitemap a { color:#003366;}
.sitemap a:hover{ color:#006699; }

.aa{ font:Arial, Helvetica, sans-serif; font-size:9px; line-height:12px; float:left; }
.aaa { font:Arial, Helvetica, sans-serif; font-size:9px; line-height:12px; float:left; color:#003366; }

.time { top:20px; color:#666666; text-align:right; }
.visited{ color:#FFFFFF; text-align:right; }

.layer2{ /*------------news-----------------*/
	position: absolute;
	z-index:10;
	top:105px;
	left:695px;
	width:296px;
}

.news_title {font-size:16px; color:#FFFFFF; font-weight:600; border:1px; border-bottom: thin dotted #66CC33; width:270px;}
.rss { top:0px;}
/*.dotted { font-size:6px; width:280px; border:1px; border-bottom:dotted #66CC33;}*/
.message_all{ padding-top:5px; padding-left:10px; padding-bottom:5px;}
.message_all .rog_font{color:#FFFF00;}
.message_line{ height:20px; }
.message_date { color:#FFFF00; float:left;}
.message_headline { color:#FFFFFF; float:left; padding-left:10px;}
.message_headline a { color:#FFFFFF; text-decoration:none;}
.message_headline a:hover { color:#000000;}

.message_more{color:#FFFFCC; padding-right:20px;}
.message_more a{ color:#FFFFCC; }
.message_more a:hover { color:#FFFF00;}

#content_warp{width:1000px; }


/*LEFT*/
#part_left{ background-color:#fdfaf5; padding-left:10px; float:left; vertical-align:top; width:774px;}

.theme{ padding-top:5px; float:left;}
.theme_about { background:url(../../Images/themeA_a.jpg) bottom no-repeat; background-color:#2f998a; width:257px; height:168px; padding-left:15px; padding-top:5px;} 
.theme_tourinfo { background:url(../../Images/themeB_b.jpg) bottom no-repeat; background-color:#2f998a; width:259px; height:168px; padding-left:15px; padding-top:5px;}

.theme_bot { background:url(../../Images/themeC_c.jpg) bottom no-repeat; background-color:#2f998a; width:256px; height:168px; padding-left:15px; padding-top:5px; padding-right:5px;}
.theme_soustitle { padding: 5px 20px 0px 15px;}

/*administration and statistics  */
.infos{ float:left;}
.admininfo { padding-right:16px;}
.admininfo_content {  background:url(../../Images/AdminSta_BG_.jpg) bottom left no-repeat ; height:184px; padding-right:16px; text-align:center; padding-top:5px; padding-left: 5px;}

.admininfo_block {float:left; width:360px; height:195px; padding-left:9px; padding-top:5px; }
.admininfo_block a{float:left; color:#336699; display:block; width:117px;  text-align:left; padding-bottom:5px;}
.admininfo_block a:hover{color:#669999;}

.admininfo_content td {color:#336699; text-align:left;}

.admininfo_content td a {color:#336699; text-decoration:none; float:left;}
.admininfo_content td a:hover { color:#669999; }
.statistics_content{ background:url(../../Images/AdminSta_BG_.jpg) bottom left no-repeat ; height:184px;}
.graphic { text-align:center;}
.more_graphic { float:right; padding:5px 10px 5px 0;}

/* application form */
#application { padding-top:20px; float:left;}
.application_form { background:url(../../Images/1/application_form.jpg) top left no-repeat; height:122px; width:710px;}
.step_1{ text-align:justify; line-height: 18px; color:#2b4e18; padding: 45px 8px 0px 33px;}
.brn_fromdetail{ text-align:right; }
.step_2{ color:#336633; font-weight:500; padding: 50px 10px 0px 5px;}
.btn_send{ padding-right: 25px; padding-top:5px; text-align:right;}
.step_3{ color:#336633; font-weight:500; padding: 50px 15px 0px 10px;}
.recherhche{ padding-right: 15px; padding-top:5px; text-align:right;}



/*RIGHT*/
#part_right{ background-color:#fdfaf5; float:right; vertical-align:top; width:216px;}

/*search*/
.search_box{ width:210px; height:89px; background-color:#f1f3ee; margin-top:15px;} 
.search_field{ padding-top:7px; padding-left:10px;}
.hotkey{ color:#06526f; padding-left:10px; padding-top:3px;}
.hotkey a{  color:#06526f; text-decoration:none;}
.hotkey a:hover { color:#0b2a36;}


/*meteo*/
.meteo{ padding-top:10px;}
.meteo_icon { vertical-align:top;  float:left; }
.weather_temp{  width: 80px; height:80px; text-align:left; float:left; padding-left:20px;}
.temp{ color:#625019; font-size:30px; padding-top:10px; height:80px; line-height:30px;}
.zone{ float:left; }
.nowis{ text-align:left;}
.wind{ color:#625019; font-size:14px; font-weight:500; height:80px;  }


/*public bidding*/
.public_bidding{ padding-top:20px; float:left; }

/*volunteer*/
.volunteer{ padding-top:10px;  float:left;}
.volunteer_cadre{ padding:70px 110px 5px 10px;  background:url(../../Images/1/volunteer_bg.jpg) top no-repeat; width:70px; height:129px;  color:#06526f; }
.volunteer_theme{ padding-bottom:2px; line-height:18px;}
.volunteer_theme a{color:#06526f;}
.volunteer_theme a:hover{color:#669999;}


/*banner*/
.banner{ padding: 10px 5px 20px 5px; float:left;}
.banner_align{ padding-left:20px;}

/*FOOTER*/
#footer{ background:url(../../Images/footer_bg.jpg) top center no-repeat; height:72px; text-align:left; padding-left:250px; padding-top:20px; line-height:18px;}