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

	}
div, p, ul, img, h1, h2, h3, h4, form, a{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	font-size:0; line-height:0; clear:both;
	}
/*-----------------------------header-------------*/
#header{
	width:678px; margin:0 auto; position:relative; height:10px; 
	}
#header img.logo{
	position:absolute; left:18px; top:38px; display:block;
	}
#header h1{
	font:bold 15px Arial, Helvetica, sans-serif; position:absolute; left:72px; top:86px;
	}
#header ul.top_link{
	width:120px; height:26px; font-size:0; position:absolute; left:23px; top:0;
	}
#header ul.top_link li{
	float:left; height:23px; margin:0 1px 0 0;
	}
#header ul.top_link li a{
	width:38px; height:26px; display:block; font-size:0; text-indent:-2000px;
	}
#header ul.top_link li a.home{
	background:url(image/home_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.mem{
	background:url(image/member_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.mem:hover{
	background:url(image/member_icon_h.gif) no-repeat 0 0;
	}
#header ul.top_link li a.email{
	background:url(image/emai_icon.gif) no-repeat 0 0;
	}
#header ul.top_link li a.email:hover{
	background:url(image/emai_icon_h.gif) no-repeat 0 0;
	}
#header ul.add{
	width:113px;  position:absolute; left:629px; top:8px;
	}
#header ul.add li.toll{
	background:url(image/toll_free_icon.gif) no-repeat 0 0; height:22px; width:78px; padding:19px 0 0 35px; display:block;
	}
#header ul.add li.toll span{
	width:78px; height:17px;  background-color:#2E7398; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.add li.num{
	width:94px; height:28px; border:#DADADA 1px solid; display:block; margin:4px 0 0 4px; background-color:#ECECED;
	font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif; padding:0 6px 0 6px; color:#1C1C1C;
	}
#header ul.add li.fax{
	background:url(image/fax_icon.gif) no-repeat 0 0; height:22px; width:68px; padding:19px 0 0 45px; display:block;
	margin:4px 0 0 0;
	}
#header ul.add li.fax span{
	width:68px; height:17px;  background-color:#E2A000; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.navi{
	width:873px;  position:absolute; left:20px; top:165px;
	}
#header ul.navi li{
	margin:0 2px 0 0 ; float:left; padding:0;
	}
#header ul.navi li ul {
	margin:0 2px 0 0 ; float:left; padding:0;
	} 
	
#header ul.navi li a{
	padding:0 6px 0 8px; font:bold 11px/25px Verdana, Arial, Helvetica, sans-serif; color:#4F4F4F; background-color:#EBEBEB;
	 text-align:center; display:block; text-decoration:none;
	}
#header ul.navi li a.hover{
	background:url(image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
#header ul.navi li a:hover{
	background:url(image/navi_h.gif) repeat-x 0 0 #EBEBEB; display:block; color:#FFFFFF;
	}
/*-----------------------body--------------------*/
#body{
	width:741px; margin:0 auto; padding:14px 0px 0 21px;
	}
#leftPan{
	width:578px; float:left; color:#2C2C2C; background-color:#FFFFFF; padding:0 12px 51px 0;
	}
#leftPan h2.duty{
	width:350px; font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left;
	}
#leftPan p.duty_text{
	width:350px; font:normal 15px/20px Georgia, "Times New Roman", Times, serif; padding:6px 0 6px 0; float:left;
	}
#leftPan p.duty_text b{
	color:#0672A3; background-color:#FFFFFF;
	}
#leftPan ul.boLink{
	width:202px; float:right; padding:0 0 6px 0; font-size:0;
	}
#leftPan ul.boLink li{
	height:57px; width:202px; display:block; margin:0 0 0 0;
	}
#leftPan ul.boLink li a{
	font:normal 14px/18px Georgia, "Times New Roman", Times, serif; padding:5px 0 0 85px; width:117px; height:50px;
	text-decoration:none;
	}
#leftPan ul.boLink li a span{
	color:#1E749B; background-color:#FFFFFF; width:99px; height:20px; font:normal 18px/20px Arial, Helvetica, sans-serif;
	display:block;
	}
#leftPan ul.boLink li a.grap{
	background:url(image/grap_icon.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.grap:hover{
	background:url(image/grap_icon_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
	#leftPan ul.boLink li a.tools{
	background:url(image/tools.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.tools:hover{
	background:url(image/tools_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.ser{
	background:url(image/ser.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.ser:hover{
	background:url(image/ser_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan ul.boLink li a.pro{
	background:url(image/proj.gif) no-repeat 0 0 #FFFFFF; color:#515050; display:block;
	}
#leftPan ul.boLink li a.pro:hover{
	background:url(image/proj_h.gif) no-repeat 0 0 #FFFFFF; color:#515050;
	}
#leftPan h2.event{
	width:560px; font:normal 30px/35px "Trebuchet MS", Arial, Helvetica, sans-serif; display:block; float:left; margin:0 0 10px 0;
	}
#leftPan h3{
	width:81px; float:left; font:normal 18px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 0 10px 0;
	display:block; background-color:#FFFFFF; color:#A9A9A9;
	}
#leftPan h3 span{
	width:64px; height:21px; background-color:#E2A000; color:#FFFFFF; display:block; text-align:center; margin:0 0 4px 0;
	}
#leftPan p.event_text{
	width:490px; font:normal 15px/18px Georgia, "Times New Roman", Times, serif; float:left;
	}
#leftPan p.more{
	width:74px; background:url(image/midel_line.gif) repeat-x 0 0; height:21px ; float:right; padding:0 0 0 426px;
	font-size:0; display:block; margin:0 0 12px 0;
	}
#leftPan p.more a{
	width:64px; height:21px; display:block; background:url(image/more.gif) no-repeat 0 0 #FFFFFF; color:#2C2C2C; 
	text-decoration:none; font:bold 15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif ; padding:0 0 0 10px;
	}
#leftPan p.more a:hover{
	background:url(image/more_h.gif) no-repeat 0 0;
	}

/*---------------------rightpan--------*/

#right h2.search{
	width:150px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 0 1px 0;
	}
#right form.sea{
	border-left:#000 1px solid; border-right:#000 1px solid; background-color:#fff; border-bottom:#000 1px solid;
	width:139px; padding:6px 12px 0 13px; color:#000000; height:79px;
	}
#right form.sea select{
	width:122px; height:19px; font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif; padding:0;
	text-transform:uppercase; border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0;
	}
#right form.sea input{
	width:103px; height:22px; background:url(image/submit.gif) no-repeat 0 0 #F5F5F5; color:#002C41; text-align:left;
	font-weight:bold; line-height:29px;  cursor:pointer; font-size:12px; margin:0px 0 0 0px; border:none;
	}
#right h2.member{
	width:150px; height:23px; background-color:#434343; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:16px 0 1px 0;
	}
#right form.memberf{
	border-left:#000 1px solid; border-right:#000 1px solid; background-color:#F5F5F5; border-bottom:#000 1px solid;
	width:139px; padding:11px 12px 0 13px; color:#002C41; height:129px; font-family:Arial, Helvetica, sans-serif;
	}
#right form.memberf input{
	width:122px; height:19px; font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif; padding:0;
	 border-bottom:#D4D0C8 1px solid; border-right:#D4D0C8 1px solid; border-left:#808080 1px solid;
	border-top:#808080 1px solid; margin:0; float:left; 
	}
#right form.memberf label{
	width:61px; height:16px; line-height:16px; font-size:11px; padding:0 0 0 11px; text-transform:uppercase;
	float:left;
	}
#right form.memberf a{
	width:100px; float:left; display:block; text-decoration:none; font-weight:bold; font-size:10px; color:#2C2C2C;
	 background-color:#F5F5F5; padding:8px 0 0 0; line-height:10px;
	}
#right form.memberf a:hover{
	text-decoration:underline;
	}
#right form.memberf input.ok {
	width:122px; height:22px; background:url(image/go.gif) no-repeat 0 0; float:left; font-size:15px; line-height:22px; 
	font-weight:bold; border:none; margin:9px 0 0 0; text-align:center; padding:0; cursor:pointer;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
#right h2.catal {
	width:150px; height:23px; background-color:#2E7398; color:#FFFFFF; padding:0 0 0 16px; 
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:16px 0 1px 0;
	}
#right form.catal {
	border-left:#000 1px solid; border-right:#000 1px solid; background-color:no-repeat 0 0 #F5F5F5 ; border-bottom:#000 1px solid ; 
	width:139px; padding:11px 12px 0 13px; color:#002C41; height:100%; font-family:Arial, Helvetica, sans-serif; overflow:hidden;
	}
	

#right h2.nouveau {
	width:150px; height:23px; background-color:#434343; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:16px 0 1px 0;
	}
#right form.nouveau {
	border-left:#000 1px solid; border-right:#000 1px solid; background-color:#F5F5F5; border-bottom:#000 1px solid; text-align:center; 
	width:139px; padding:11px 12px 0 13px; color:#002C41; height:159px; font-family:Arial, Helvetica, sans-serif; 
	}	

	
#right h2.paiement {
	width:150px; height:23px; background-color:#434343; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:16px 0 1px 0;
	}
#right form.paiement {
	border-left:#000 1px solid; border-right:#000 1px solid; background-color:#F5F5F5; border-bottom:#000 1px solid; 
	width:139px; padding:11px 12px 0 13px; color:#002C41; height:145px; font-family:Arial, Helvetica, sans-serif; 
	}		
	
#right form.condition {
	border-left:#000 1px solid; border-right:#000 1px solid; background-color:#F5F5F5; border-bottom:#000 1px solid; 
	width:139px; padding:11px 12px 0 13px; color:#002C41; height:80px; font-family:Arial, Helvetica, sans-serif; 
	}		
	
#right h2.condition {
	width:150px; height:23px; background-color:#434343; color:#FFFFFF; padding:0 0 0 16px; display:block;
	font:normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:16px 0 1px 0;
	}
	
	
	
	
		/*-------------------------footer---------------*/

#footer p{
	width:334px;  position:absolute; top:61px; left:133px; font-size:13px; line-height:15px; display:block;
	height:15px;
	}
#footer p.copy{
	font-size: 11px; width:190px;  line-height:16px;  position:absolute; left:139px; top:113px; height:16px; padding:0;
	 font-weight:bold; text-transform:uppercase;
	}
#header ul.add{
	width:113px;  position:absolute; right:870px; top:105px;
	}
#header ul.add li.toll{
	background:url(image/toll_free_icon.gif) no-repeat 0 0; height:22px; width:78px; padding:19px 0 0 35px; display:block;
	}
#header ul.add li.toll span{
	width:78px; height:17px;  background-color:#2E7398; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}
#header ul.add li.num{
	width:94px; height:28px; border:#DADADA 1px solid; display:block; margin:4px 0 0 4px; background-color:#ECECED;
	font:bold 11px/14px Tahoma, Arial, Helvetica, sans-serif; padding:0 6px 0 6px; color:#1C1C1C;
	}
#header ul.add li.fax{
	background:url(image/fax_icon.gif) no-repeat 0 0; height:22px; width:68px; padding:19px 0 0 45px; display:block;
	margin:4px 0 0 0;
	}
#header ul.add li.fax span{
	width:68px; height:17px;  background-color:#E2A000; color:#FFFFFF; display:block;
	font:bold 11px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center;
	}