/* CSS Document */

/*---------------------------------------------- GENERAL -------------------------------------------------*/
body{
	background:url(../images/bg.gif) repeat-x 0 0 #fff;
	color: #545454; 
	margin:0; 
	padding:0;
	}
#content {
	background:url(../images/bg2.gif) repeat-x 0 0 #fff;	
}

h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:300;
	color:black;
	text-indent:25px;
	line-height:25px;
}

div, p, h1, h2, h3, h4, img, form, ul, a{
	padding:0; 
	margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both; 
	line-height:0; 
	font-size:0;
	}

/*----------------------------------------------- HEADER -------------------------------------------------*/

#header{
	width:900px;
	height:347px;
	background:url(../images/header_pic.jpg) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header2{
	width:900px;
	height:347px;
	background:url(../images/header_pic.jpg) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header3{
	width:900px;
	height:347px;
	background:url(../images/header_pic_web.jpg) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header4{
	width:900px;
	height:347px;
	background:url(../images/header_pic_edition.jpg) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header5{
	width:900px;
	height:347px;
	background:url(../images/header_pic_elearning2.png) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header6{
	width:900px;
	height:347px;
	background:url(../images/header_pic_sauvegarde2.jpg) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header7{
	width:900px;
	height:347px;
	background:url(../images/header_pic_contact.png) no-repeat left bottom;
	position:relative;
	margin:0 auto;
	padding:0;
	background-position: bottom;
	}
#header ul.link,#header2 ul.link,#header3 ul.link,#header4 ul.link,#header5 ul.link,#header6 ul.link,#header7 ul.link{
	width:59px; 
	position:absolute; 
	padding:0 0 0 131px; 
	left:92px; 
	top:20px; 
	height:13px; 
	background:url(../images/linik_bore.gif) repeat-x left bottom; 
	font-size:0; 
	}
#header ul.link li,#header2 ul.link li,#header3 ul.link li,#header4 ul.link li,#header5 ul.link li,#header6 ul.link li,#header7 ul.link li{
	float:left; 
	padding:0 9px 0 0;
	}
#header ul.link li a,#header2 ul.link li a,#header3 ul.link li a,#header4 ul.link li a,#header5 ul.link li a,#header6 ul.link li a,#header7 ul.link li a{
	 display:block; 
	 text-indent:-2000px;
	}
#header ul.link li a.home,#header2 ul.link li a.home,#header3 ul.link li a.home,#header4 ul.link li a.home,#header5 ul.link li a.home,#header6 ul.link li a.home,#header7 ul.link li a.home{
	background:url(../images/home_icon.gif) no-repeat 0 0; 
	width:9px; 
	height:8px; 
	cursor:text;
	}
#header ul.link li a.home:hover,#header2 ul.link li a.home:hover,#header3 ul.link li a.home:hover,#header4 ul.link li a.home:hover,#header5 ul.link li a.home:hover,#header6 ul.link li a.home:hover,#header7 ul.link li a.home:hover{
	background:url(../images/home_icon.gif) no-repeat 0 0; 
	width:9px; 
	height:8px;
	}
#header ul.link li a.faq,#header2 ul.link li a.faq,#header3 ul.link li a.faq,#header4 ul.link li a.faq,#header5 ul.link li a.faq,#header6 ul.link li a.faq,#header7 ul.link li a.faq{
	background:url(../images/faq.gif) no-repeat 0 0; 
	width:11px; 
	height:11px;
	}
#header ul.link li a.faq:hover,#header2 ul.link li a.faq:hover,#header3 ul.link li a.faq:hover,#header4 ul.link li a.faq:hover,#header5 ul.link li a.faq:hover,#header6 ul.link li a.faq:hover,#header7 ul.link li a.faq:hover{
	background:url(../images/faq_h.gif) no-repeat 0 0; 
	width:11px; 
	height:11px;
	}
#header ul.link li a.site,#header2 ul.link li a.site,#header3 ul.link li a.site,#header4 ul.link li a.site,#header5 ul.link li a.site,#header6 ul.link li a.site,#header7 ul.link li a.site{
	background:url(../images/site_map.gif) no-repeat 0 0; 
	width:11px; 
	height:9px;
	}
#header ul.link li a.site:hover,#header2 ul.link li a.site:hover,#header3 ul.link li a.site:hover,#header4 ul.link li a.site:hover,#header5 ul.link li a.site:hover,#header6 ul.link li a.site:hover,#header7 ul.link li a.site:hover{
	background:url(../images/site_map_h.gif) no-repeat 0 0; 
	width:11px; 
	height:9px;
	}
#header ul.navi,#header2 ul.navi,#header3 ul.navi,#header4 ul.navi,#header5 ul.navi,#header6 ul.navi,#header7 ul.navi{
	width:154px;
	height: 130px;
	background-color:#F6F5F5;
	color:#333333;
	position:absolute;
	left:371px;
	top:13px;
	font-size:0;
	padding:8px 0 10px 17px;
	}
#header ul.navi li,#header2 ul.navi li,#header3 ul.navi li,#header4 ul.navi li,#header5 ul.navi li,#header6 ul.navi li,#header7 ul.navi li{
	padding:0;	
	margin:0 0 3px 0;
	}
#header ul.navi li a,#header2 ul.navi li a,#header3 ul.navi li a,#header4 ul.navi li a,#header5 ul.navi li a,#header6 ul.navi li a,#header7 ul.navi li a{
	background:url(../images/navi_li_bg.gif) no-repeat 0 0 #F6F5F5;
	display:block; 
	width:123px; 
	height:13px; 
	text-decoration:none;
	padding:0 0 0 15px; 
	font:bold 10px/13px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-transform:uppercase;
	color:#333333;
	}
#header ul.navi li a.hover,#header2 ul.navi li a.hover,#header3 ul.navi li a.hover,#header4 ul.navi li a.hover,#header5 ul.navi li a.hover,#header6 ul.navi li a.hover,#header7 ul.navi li a.hover{
	background:url(../images/navi_li_bg_h.gif) no-repeat 0 0 #F6F5F5; 
	color:#734500; 
	cursor:text;
	}
#header ul.navi li a:hover,#header2 ul.navi li a:hover,#header3 ul.navi li a:hover,#header4 ul.navi li a:hover,#header5 ul.navi li a:hover,#header6 ul.navi li a:hover,#header7 ul.navi li a:hover{
	background:url(../images/navi_li_bg_h.gif) no-repeat 0 0 #F6F5F5; 
	color:#734500;
	}
#header ul.add,#header2 ul.add,#header3 ul.add,#header4 ul.add,#header5 ul.add,#header6 ul.add,#header7 ul.add{
	width:202px;
	position:absolute;
	left:620px;
	top:13px;
	font-size:0;
	padding:3px 0 0 0;
	}
#header ul.add li,#header2 ul.add li,#header3 ul.add li,#header4 ul.add li,#header5 ul.add li,#header6 ul.add li,#header7 ul.add li{
	padding:0; 
	margin:0; 
	display:block;
	}
#header ul.add li.phone,#header2 ul.add li.phone,#header3 ul.add li.phone,#header4 ul.add li.phone,#header5 ul.add li.phone,#header6 ul.add li.phone,#header7 ul.add li.phone{
	background:url(../images/telephone.png) no-repeat 0 0 #FFFFFF;
	height:18px;
	border-bottom:#5B5B5B 1px dashed;
	width:122px;
	padding:0 0 0 80px;
	font:bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#034F91;
	margin:0 0 22px 0;
	}
#header ul.add li.cont,#header2 ul.add li.cont,#header3 ul.add li.cont,#header4 ul.add li.cont,#header5 ul.add li.cont,#header6 ul.add li.cont,#header7 ul.add li.cont{
	background:url(../images/adresse.png) no-repeat 0 0 #FFFFFF;
	padding:10px 0 0 0;
	color:#545454;
	margin:0 0 11px 0;
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#header ul.add li.fax,#header2 ul.add li.fax,#header3 ul.add li.fax,#header4 ul.add li.fax,#header5 ul.add li.fax,#header6 ul.add li.fax,#header7 ul.add li.fax{
	background:url(../images/fax.png) no-repeat 0 5px #FFFFFF;
	color:#034F91;
	padding:0 0 0 46px;
	font:bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
	}
	
#header ul.add li.email,#header2 ul.add li.email,#header3 ul.add li.email,#header4 ul.add li.email,#header5 ul.add li.email,#header6 ul.add li.email,#header7 ul.add li.email{
	background:url(../images/contact_icon.gif) no-repeat 0 0 #FFFFFF;
	padding:10px 0 0 0;
	color:#545454;
	margin:0 0 11px 0;
	font:normal 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
#header img.logo,#header2 img.logo,#header3 img.logo,#header4 img.logo,#header5 img.logo,#header6 img.logo,#header7 img.logo{
	position:absolute; 
	left:92px; 
	top:67px; 
	display:block;
	}
#domain{
	width:224px;
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 25px;
	background-image: url(../images/services.png);
	}
#services{
	width:224px;
	background-repeat: no-repeat;
	height: 50px;
	margin-left: 40px;
	background-image: url(../images/services.png);
	}
#direct {
	padding-bottom: 15px;
	}
#direct ul.bouton{
	width:224px;
	color:#FFFFFF;
	position:static;
	left:371px;
	font-size:20px;
	padding:5px 0px 5px 0px;
	text-align: right;
	}
#direct ul.bouton li{
	padding:0px;
	margin:0px 0 5px 40px;
	}
#direct ul.bouton li a{
	background:url(../images/../images/bg_bouton.gif) no-repeat 0 0;
	display:block;
	width:224px;
	height:22px;
	text-decoration:none;
	font:14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#ffffff;
	padding-top: 41px;
	}
#direct ul.bouton li a:hover{
	background:url(../images/bg_bouton_bleu.gif) no-repeat 0 0;
	color:#FFFFFF;
	}
#pub{
	height: 190px;
	position: absolute;
	margin-top: 155px;
	padding: 27px 0 0 373px;
	}
	
/*------------------------------------------------ BODY --------------------------------------------------*/
#bgris{
	width:900px;
	margin:0 auto;
	background-image: url(../images/bg_gris.png);
	background-repeat: repeat-y;
	}
#bgris2{
	width:750px;
	margin:0 auto;
	}
#body{
	width:900px;
	margin:0 auto;
	background-image: url(../images/robot.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
#body1{
	width:900px;
	margin:0 auto;
	background-image: url(../images/robot_salut.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
#body2{
	width:750px;
	margin:0 auto;
	background-repeat: no-repeat;
	background-position: bottom;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	}
#body3{
	width:900px;
	margin:0 auto;
	background-image: url(../images/robot.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
#body4{
	width:900px;
	margin:0 auto;
	background-image: url(../images/reunion4.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	}
#body5{
	width:900px;
	margin:0 auto;
	background-image: url(../images/image_adbackup.png);
	background-repeat: no-repeat;
	background-position: bottom;
	}
#body6{
	width:750px;
	margin:0 auto;
	padding: 15px;
	background-repeat: no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	text-align: center;
}
#body7{
	width:750px;
	margin:0 auto;
	padding: 15px;
	background-repeat: no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545454;
	text-align: center;
}
.div_text{
	width:300px;
	float:left;
	padding:13px 0 30px 17px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12;
	color:#545454;
	}
#nom , #sujet, #email{
	width: 200px;	
}

.error_msg {
	color: red;
}

#reload {
	vertical-align:middle;
	padding-right: 5px;	
}

#captcha {
	vertical-align:middle;
	padding-right: 5px;	
}

#liste_opti li{
	list-style-type:disc;	
	list-style-position:inside;
	margin-left: 10px;
}
/*------------------------------Carousel---------------------------*/
#gallery{
	width:750px; 
	height: 100%; 


}
#carousel1 {
	width:750px;
	height:400px; 
	background:#fff;
	overflow:scroll;
	position :relative;
	border:#B2B2B3 1px solid;
	padding-top:10px;
	margin-top:10px;
}
#carousel1 img{
	border:none;
	
}

.carouselLeft {	
	display:inline;
	background:url(../images/btn_left.png) no-repeat;	
	width:40px; height:40px;
	position:absolute;
	top:20px;
	left:20px;
}
.carouselLeft:hover {		
	background:url(../images/btn_left_click.png);	
	width:40px; height:40px;
	cursor:auto;
}
.carouselRight {
	display:inline;
	background:url(../images/btn_right.png) no-repeat;	
	width:40px; height:40px;
	position:absolute;
	top:20px;
	left:64px;
}
.carouselRight:hover {	
	background:url(../images/btn_right_click.png);	
	width:40px; height:40px;
	cursor:auto;
}
/*----------------------------------------------- LEFT SIDE --------------------------------------------*/
#leftPan{
	width:330px;
	float:left;
	padding:15px 0 0 20px;
	}
#leftPan form.domain{
	width:224px;
	position:relative;
	height:50px;
	font-size:0;
	margin-left: 40px;
	}
#leftPan form.domain h2{
	background:url(../images/services.png) no-repeat 0 0;
	width:224px;
	height:40px;
	text-indent:-2000px;
	}
#leftPan form.domain input{
	width:184px; 
	height:21px; 
	background-color:#F3F3F3; 
	color:#000000; 
	font-size:9px; 
	font-family:Arial, Helvetica, sans-serif;
	margin:9px 0 0 37px; 
	border-left:#B2B2B3 1px solid; 
	border-top:#B2B2B3 1px solid; 
	border-bottom:#B2B2B3 1px solid;
	border-right:#B2B2B3 1px solid;
	}
#leftPan form.domain label{
	width:150px; 
	display:block; 
	position:absolute;
	left:38px; 
	top:81px; 
	text-transform:uppercase;
	font:normal 10px/15px Arial, Helvetica, sans-serif; 
	color:#000000; 
	background-color:#FFFFFF;
	}
#leftPan form.domain input.go{
	background:url(images/go.gif) no-repeat 0 0;
	width:25px;
	height:9px;
	cursor:pointer;
	border:none;
	position:absolute;
	left:199px;
	top:85px;
	margin:0;
	}
#leftPan img.banner{
	margin:0 0 5px 40px;
	display:block;
	background-image: url(../images/bg_bouton.gif);
	width: 224px;
	height: 59px;
	}
#leftPan form.login{
	width:224px; 
	position:relative; 
	height:190px;
	}
#leftPan form.login h2{
	width:224px; 
	height:42px; 
	background:url(../images/login_h2_bg.gif) no-repeat 0 0; 
	text-indent:-2000px;
	}
#leftPan form.login input{
	width:184px; 
	height:21px; 
	background-color:#F3F3F3; 
	color:#000000; 
	font-size:9px; 
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0 0 37px; 
	border-left:#B2B2B3 1px solid; 
	border-top:#B2B2B3 1px solid; 
	border-bottom:#B2B2B3 1px solid;
	border-right:#B2B2B3 1px solid; 
	float:left;
	}
#leftPan form.login label{
	width:113px; 
	display:block; 
	padding:0px 0 0 37px; 
	font:bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000000; 
	height:16px; 
	float:left; 
	background-color:#FFFFFF;
	}
#leftPan form.login input.che{
	 width:10px; 
	 height:10px; 
	 margin:9px 0 0 37px; 
	 padding:0; 
	 border-bottom:none;
	 border-top:none;	
	 border-left:none; 
	 border-right:none; 
	 background-color:#FFFFFF; 
	 color:#000000; 
	 font-size:0;
	 float:left;
	}
#leftPan form.login label.rem{
	width:95px; 
	display:block; 
	margin:7px 0 0; 
	font:bold 10px/16px  Arial, Helvetica, sans-serif;  
	color:#000000; 
	height:16px; 
	text-transform:uppercase; 
	float:left; 
	padding:0 0 0 8px; 
	background-color:#FFFFFF;
	}
#leftPan form.login input.log{
	background:url(../images/login.gif) no-repeat 0 0 #FFFFFF; 
	width:45px; 
	height:19px !important; 
	border:none; 
	cursor:pointer; 
	font-size:0;
	color:#666666; 
	padding:0; 
	margin:11px 0 0 0; 
	float:right;
	}
#leftPan .div_text p.text {
	padding:0 0 3px 25px;
	font-size:12px;
	line-height:14px;
	width:230px;
	display:block;
	text-align:justify
	}	
#leftPan .div_text p.text2{
	padding:0 0 3px 25px;
	font-size:14px;
	line-height:14px;
	width:230px;
	display:block;
	color: #545454;
	}
#leftPan h2 {
	text-indent:42px;
	}
#leftPan .div_text p.line1{
	background:url(../images/mid_line.gif) repeat-x left center;
	display:block;
	width:188px;
	height:8px;
	margin:0 0 0 25px;
	padding:0;
	font-size:0;
	float:left;
	}
/*----------------------------------------------- MIDDLE -------------------------------------------------*/
#midPan{
	width:210px;
	height:500px;
	float:left;
	padding:13px 0 40px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#272727;
	}
#midPan2{
	width:210px;
	height:650px;
	float:left;
	padding:13px 0 40px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#272727;
	font-size: 12px;
	}
#midPan3{
	width:210px;
	height:610px;
	float:left;
	padding:13px 0 40px 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#272727;
	font-size: 12px;
	}
#midPan3 h3{
	text-align:center;
	padding-bottom:15px;
}
#midPan div,#midPan2 div,#midPan3 div{
	padding:10px;
	text-align:center;	
}
#midPan #text,#midPan2 #text,#midPan3 #text {
	padding: 15px 10px 10px 10px;
	text-align: justify;
	width: 190px;
	line-height:14px;
}
#midPan #text li,#midPan2 #text li {
	font-size: 14px;
	list-style-image:url(../images/bullet_40.png);
	list-style-position:outside;
	padding-bottom: 5px;
	margin-left: 10px;
}
#midPan3 #text li {
	font-size: 12px;
	list-style-image:url(../images/bullet_40.png);
	list-style-position:outside;
	margin-left: 25px;
	padding-bottom: 5px;
}
/*----------------------------------------------- RIGHT SIDE -------------------------------------------------*/
#rightPan{
	width:330px;
	float:left;
	padding:15px 0 0 0;
	font-size:12px;
	}
/*------------------------ texts ---------------------------*/
#rightPan h2 {
	text-indent:57px;
}
#rightPan .div_text h2.world{
	background:url(../images/solutions.png) no-repeat 0 0;
	font-size:0;
	width:200px;
	height:50px;
	display:block;
	text-indent:-2000px;
	margin:0 0 5px 40px;
	padding:0;
	}

#rightPan .div_text p.text {
	padding:0 0 3px 40px;
	font-size:12px;
	line-height:14px;
	float:left;
	margin:0;
	display:block;
	width: 230px;
	text-align:justify
	}
#rightPan .div_text p.text1{
	padding:0 0 3px 40px;
	font-size:12px;
	line-height:14px;
	width:230px;
	display:block;
	}
#rightPan .div_text p.line1{
	background:url(../images/mid_line.gif) repeat-x left center;
	display:block;
	width:188px;
	height:8px;
	margin:0 0 0 40px;
	padding:0;
	font-size:0;
	float:left;
	}
#rightPan .div_text a.more1{
	background:url(../images/more.gif) no-repeat 0 0; 
	width:28px; 
	height:5px; 
	display:block; 
	float:right; 
	font-size:0;
	margin:0; 
	text-indent:-2000px;
	}
#rightPan .div_text a.more1:hover{
	background:url(../images/more_h.gif) no-repeat 0 0; 
	}
#rightPan .div_text h2.report{
	background:url(../images/communication.png) no-repeat 0 0;
	font-size:0;
	width:180px;
	height:50px;
	display:block;
	margin:10px 0 5px 25px;
	padding:0;
	float:left;
	text-indent:-2000px;
	}
#rightPan .div_text p.Rtext{
	padding:0 0 3px 25px;
	font-size:12px;
	line-height:14px;
	float:left;
	margin:0;
	display:block;
	width: 230px;
	}
#rightPan .div_text p.Rtext b{
	display:block;
	}

/*------------------------ lists --------------------------*/
#rightPan .div_text ul{
	padding:0 0 14px 40px; 
	width: 230px;
	float:left;
	}
#rightPan .div_text ul li{
	background:url(../images/bullet_41.png) no-repeat 0 7px;
	padding:0 0 0 10px;
	display:block;
	list-style-position: outside;
	}
#rightPan .div_text ul #vol {
	background:url(../images/icone_Vol.png) no-repeat 0 7px;
	padding: 10px;
	text-indent: 25px;
}
#rightPan .div_text ul #virus {
	background:url(../images/icone_Virus.png) no-repeat 0 7px;
	padding: 10px;
	text-indent: 25px;
}
#rightPan .div_text ul #incendie {
	background:url(../images/icone_Incendie.png) no-repeat 0 7px;
	padding: 10px;
	text-indent: 25px;
}
#rightPan .div_text ul #chocelec {
	background:url(../images/icone_ChocElec.png) no-repeat 0 7px;
	padding: 10px;
	text-indent: 25px;
}
#rightPan .div_text ul.light{
	padding:10px 0 14px 0; 
	font-size:0; 
	margin:0; 
	display:block; 
	float:left;
	}
#rightPan .div_text ul.light li{
	background:url(../images/right_arrow.gif) no-repeat 0 7px; 
	padding:0 0 0 10px; 
	display:block; 
	height:18px;
	}
#rightPan .div_text ul.light li a{
	text-decoration:none; 
	font-size:12px; 
	line-height:18px; 
	color:#545454; 
	background-color:#FFFFFF; 
	display:block;
	}
#rightPan .div_text ul.light li a:hover{
	text-decoration:none; 
	background-color:#F4F4F4; 
	color:#545454;
	}

/*----------------------------------------------- FOOTER -------------------------------------------------*/
#footerMain{
	background-color:#F3F3F3; 
	color:#06467C; 
	height:67px; 
	border-bottom:#DEDEDE 14px solid; 
	padding:18px 0 0 0;
	}
#footer{
	width:900px;
	margin:0 auto;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:0;
	height:67px;
	position:relative;
	}
/*------------------------ lists --------------------------*/
#footer ul{
	width:656px;
	display:block;
	height:16px;
	font-size:0;
	position:absolute;
	top:0;
	left: 120px;
	}
#footer ul li{
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000000; 
	background-color:#F3F3F3; 
	float:left;
	margin:0; 
	padding:0;
	}
#footer ul li a{
	height:16px; 
	padding:0 8px 0 8px; 
	font:bold 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	color:#000000; 
	background-color:#F3F3F3; 
	text-decoration:none;
	}
#footer ul li a:hover{
	background-color:#fff; 
	color:#034F91;
	}
#footer ul.xh{
	width:170px; 
	height:16px; 
	display:block; 
	font-size:0; 
	margin:0; 
	position:absolute; 
	left:8px; 
	top:33px;
	}
#footer ul.xh li{
	float:left; 
	display:block; 
	margin:0 6px 0 0;
	}
#footer ul.xh li a{
	text-decoration:none; 
	padding:0; 
	margin:0; 
	display:block; 
	text-indent:-2000px;
	}
#footer ul.xh li a.xhl{
	background:url(../images/xhtml_bg.gif) no-repeat 0 0; 
	width:84px; 
	height:10px;
	}
#footer ul.xh li a.xhl:hover{
	background:url(../images/xhtml_bg_h.gif) no-repeat 0 0; 
	width:84px; 
	height:10px;
	}
#footer ul.xh li a.cs{
	background:url(../images/css.gif) no-repeat 0 0; 
	width:70px; 
	height:10px;
	}
#footer ul.xh li a.cs:hover{
	background:url(../images/css_h.gif) no-repeat 0 0; 
	width:70px; 
	height:10px;
	}
/*------------------------ texts ---------------------------*/
#footer p{
	color:#06467C; 
	font-size:10px; 
	width:216px; 
	display:block; 
	margin:0; 
	line-height:17px; 
	background-color:#F3F3F3;
	position:absolute; 
	left:475px; 
	top:20px;
	}
#footer p.copy{
	color:#000000;
	font-size:11px;
	width:177px;
	margin:0;
	line-height:16px;
	text-transform:uppercase;
	font-weight:bold;
	height:16px;
	padding:0;
	background-color:#F3F3F3;
	position:absolute;
	left:380px;
	top:33px;
	}
#footer p.copy a{
	color:#000000; 
	background-color:#F3F3F3; 
	text-decoration:none;
	}
#footer p.copy a:hover{
	background-color:#fff; 
	color:#034F91;
	}