﻿/**** Fonts : 0.75= 10px , 1.2em = 12px, 1.1em=11px **/


* {padding:0; margin:0;}

body{
	background: url(/DATA/gaspesie/FILES/image/bg_page.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;	
	color:#004890;
	font-size:1em;
	}

#z1, #z8{clear:both}
img{border:0;}
ul{ margin:0; padding:0; list-style:none;}
li{padding-bottom:2px;}
a{color:#008a52; text-decoration:underline; font-weight:bold;}
a:hover{text-decoration:none;}
dd{margin-bottom:0.7em;}
#cont_left h1, #cont_left h2, #cont_right h2{ font-size:1.25em; padding-bottom:0.7em; font-weight:bold;}
h2 a{font-weight:bold;}
h3{font-style:italic; font-weight:bold; font-size:1em; padding-bottom:0.95em;}
.normaltxt{font-weight:normal;}
.right{float:right}
#contentin_left ul li .selected, .green{color:#008a52;}
.starnote{font-size: 0.9em;font-weight:bold; display:block; width:610px; }
.intd1{ font-size:0.8em;}
.intd2{ font-size:0.75em;}
.submenuon{color:#008a52;}
.orange{color:#f76700;}
.black{color:#000000; font-size:1.1em;}

#header  p, #menu  p,  #mood p {padding:0}
#logo img,  #mood img {display:block;}
/************************************************************************* layout *****/
#container{
margin:auto;
width:1000px;
}
#hidden{ top:-100px; position:absolute;}
#header{height:105px; width:960px; padding:0 20px; clear:both;}
#logo{width:256px; float:left;}
#menu{width:704px; float:left;}
.menu1{width:704px;  height:20px; clear:both; padding-top:36px;} 
.menu2{width:704px; height:49px; clear:both;}
.menu1 ul {display:block; font-size:0.7em; text-align:right; }
.menu1 ul li{display:inline;  padding:0 3px 0 3px; border-right: #004890 solid 1px;  }
.menu1 a{	color:#004890; font-weight:normal;}
.menu1 ul li.noborder{border-right:none;}
.menu2 ul {display:block; font-size:0.7em; text-align:right; }
.menu2 ul li{display:inline; }
#mood{height:191px; width:900px; padding:0 20px; clear:both;}
#footerout{
clear:both;
background:url(/DATA/gaspesie/FILES/image/bg_footerout.jpg) repeat-x;
width:100%;
}
#footer{ height:13px; background:url(/DATA/gaspesie/FILES/image/bg_footerin.jpg) no-repeat; width:916px;padding:36px 42px; margin:auto; color:#FFFFFF; font-size:0.7em;}
#footer a{text-decoration:underline; color:#FFFFFF; font-weight:normal;}
#footer a:hover{text-decoration:none}
#footerlist{width:760px; float:left;}
#footer ul {display:block; }
#footer ul li{display:inline;  padding:0 6px 0 9px; border-right: #FFFFFF solid 1px; }
.menu1 ul li.noborder, #footerlist ul li.noborder{border-right:none;}

#footer .sign{float:left; display:inline;}
/***********************************************************************  Homepage *****/
#content{background:url(/DATA/gaspesie/FILES/image/bg_content.jpg) no-repeat ; padding:0; width:916px; padding:0 42px 44px 42px; min-height:530px; clear:both; margin-bottom:60px;}
#content p{padding-bottom:0.95em;}
* html #content{height:530px;}
#cont_left{
float:left; width:596px; padding-right:48px; margin-top:42px; background:url(/DATA/gaspesie/FILES/image/bg_cont_left.gif) top right no-repeat; font-size:0.8em;
}
#cont_right{ float:left; width:263px; padding-top:28px; padding-left:8px; font-size:0.75em;}

.homed1,.homed2,.homed3{clear:both; }
.imgup{display:block; margin-top:-30px;}
/********************************************************************** Internal *****/
#content_int{background:url(/DATA/gaspesie/FILES/image/bg_content.jpg) no-repeat ; padding:0; width:916px; padding:0 42px 44px 42px; min-height:530px; clear:both;}

* html #content_int{height:530px;}
.imgup_in{display:block; margin-top:-35px;}
.imgup2, .imgup_in2{display:block; margin-top:-8px; }

#contentin_left{
float:left; width:209px; margin-top:42px;  font-size:0.8em;
}
#contentin_left ul{margin-left:-3px; margin-top:-12px; margin-right:3px;}
#contentin_left li { background:url(/DATA/gaspesie/FILES/image/arrow.gif) no-repeat ; padding-left:16px; margin-top:10px; padding-bottom:9px; border-bottom: 1px solid #ccdae9; display:block; text-transform:uppercase;}
#contentin_left li a{color:#004890; text-decoration:none;font-size:0.9em; display:block; }
#contentin_left li a:hover{color:#008a52;}  
#contentin_left ul li ul {margin-top:12px; list-style:none;}
#contentin_left ul li ul li {background:none; border:0; margin:0; }
#contentin_left ul li ul li a{  padding: 0; font-size:0.85em; list-style:none;}

#contentin_right{ float:left; width:660px; margin:40px 0; padding-left:47px; background:url(/DATA/gaspesie/FILES/image/bg_cont_left2.gif) top left no-repeat; min-height:580px; font-size:0.75em;  }
* html #contentin_right{height:580px;}

#contentin_right  p{padding-bottom:0.95em;}

#contentin_right h1{text-transform:uppercase; font-size:1.3em; padding-bottom:0.65em; color:#008a52; font-weight:bold;}
#contentin_right h2{text-transform:uppercase;font-size:1.1em; font-weight:bold;  padding-bottom:0.7em; color:#004890;}
#contentin_right ul{list-style: none;  margin:0; padding-left:0; padding-left:15px; padding-bottom:0.5em; }
#contentin_right ul li{padding-bottom:0.95em;background:url(/DATA/gaspesie/FILES/image/arrow.gif) no-repeat ; padding-left:13px; background-position:-4px 0 }
#contentin_right ol {padding-left:30px; margin:0;  }
#contentin_right ol li{padding-bottom:0.95em;}
#contentin_right  a{font-weight:normal}
#contentin_text {float:left; width:435px; }
#contentin_img{float:left; width:220px; text-align:center; font-size:0.9em; margin-top:22px; padding-right:3px; }
#contentin_img p{font-size:0.8em; line-height:1.1em; font-weight:bold;}
#contentin_right table{ background:#e1e9f2; width:610px;}
#contentin_right table th{ background:#004890; font-size:1.1em; color:#FFFFFF; text-align:left; border: #FFFFFF solid 1px; padding:10px 18px;}
#contentin_right table td{font-size: 0.9em; font-weight:bold; color:#000000; text-align:left; border: #FFFFFF solid 1px; padding:6px 18px; }

.important_h2 { display:block; background:#004890; border-bottom: 2px #ffffff solid; color:#FFFFFF; font-size:1.2em; text-align:center; font-weight:bold; padding:0.5em; padding-bottom:0;}
.important_txt{ display:block; background:#ccdae9; border-bottom: 1px #ffffff solid; color:#000000; text-align:center; font-weight:bold; padding:0.5em; margin-bottom:15px;}
#form1up{background:url(/DATA/gaspesie/FILES/image/bg_form1_up.gif) no-repeat; padding: 15px 18px; width: 563px; height:20px;}
#form1{background:url(/DATA/gaspesie/FILES/image/formbg.gif) repeat; padding: 0 15px; width: 569px; }
#form2 {padding-top:10px;}
#form2 table, #form1 table{ width:600px; background:none;}
#form2 table td, #form1 table td{font-size: 0.9em; font-weight:bold;  color:#000000; text-align:left; padding:3px ; border:0; }
#form2  p,#form1  p{ padding: 0 3px ;}
#form2 label, #form1 label{ width:120px; display:block; float:left;}
#form2 .label_area{width:150px; display:block; float:left;}
abbr {color:#004890}
#form2 textarea{width:402px; height:100px;}
/* form */
span.err { color: #F76700; }
.hide { display: none; }
.red { color:red;}