/* CSS Document */

body	 {

			padding:0px;
			margin:0px;
			background:url(../images/main-bg.gif) 0 0 repeat-x #fff;
			color:#5F7A77;
			font:13px/19px Arial, Helvetica, sans-serif;}

div,p,ul,h2,h3,h4,h5,img	 {

			padding:0px;
			margin:0px; }
			
ul	 {
		list-style-type:none }
ul.faq li a { color: #001a67; font-size: 90%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-bottom: 15px; margin-left: 15px; list-style-image: url(../images/bullet2-normal.gif); }
ul.faq li a:hover { color: #001a67; font-size: 95%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; margin-bottom: 15px; margin-left: 15px; list-style-image: url(../images/bullet2-hover.gif); }
/*---- panneau principal ----*/

#mainPan  {

	width:778px;
	position:relative;
	margin:0 auto;}

/*---- Top ----*/

#topPan  {

	width:778px;
	height:65px;
	background:url(../images/topbg.jpg) 0 0 no-repeat #fff;
	color:#828282;
	position:relative;
	margin:0 auto;}
	
#topPan img.logo {

	height:31px;
	position:absolute;
	top:12px;
	left:235px;}

#topPan p.caption { background:#fff; color:#828282; position:absolute; top:43px; left:235px; padding-left: 38px; }

#topcontactPan {

	width:181px;
	height:36px;
	background:url(../images/icon1.jpg) 68px 0px no-repeat;
	position:absolute;
	top:11px;
	left:567px;
	padding:7px 0 0;}

#topcontactPan p.callus {

	width:63px;
	height:17px;
	display:block;
	background:#DDC40C;
	color:#fff;
	font:14px/17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;}

#topcontactPan p.tollfree {

	width:63px;
	height:20px;
	display:block;
	background:#fff;
	color:#A99607;
	font:11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;}

#topcontactPan p.phoneno {

	width:88px;
	height:28px;
	display:block;
	position:absolute;
	top:7px;
	left:91px;
	background:#fff;
	color:#00473E;
	border:1px solid #A2C1C0;
	font-size:11px;
	line-height:14px;
	text-align:center;}
	


/*----panneau du Header ----*/

#headerPan {

	width:686px;
	height:153px;
	background:url(../images/header.jpg) 0 0 no-repeat;
	position:relative;
	margin:0 auto;
	padding:11px 0 0 92px;}
	
#headerPan ul.leftmenu { width:87px; }

#headerPan ul.leftmenu li { width:87px; height:22px; border-bottom:1px dashed #aeccca; }

#headerPan ul.leftmenu li a { width:72px; height:22px; display:block; color:#000082; line-height:22px; background-image: url(../images/bullet-normal.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 7px; text-decoration:none; padding:0 0 0 15px; }

#headerPan ul.leftmenu li a:hover { color:#004485; line-height:22px; background-image: url(../images/bullet-hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 7px; text-decoration:none; padding:0 0 0 15px; }

#headerPan ul.leftmenu li.highlight { width:72px; height:22px; display:block; color:#003; line-height:22px; background-image: url(../images/bullet-hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 7px; text-decoration:none; padding-left: 17px; }

#headerPan ul.leftmenu li.clients {

	width:87px;
	height:22px;
	border-bottom:none;}
	
#headerPan ul.button {

	width:150px;
	height:42px;
	position:absolute;
	top:118px;
	left:250px;}

#headerPan ul.button li {

	float:left;}

#headerPan ul.button li.home a {

	width:42px;
	height:42px;
	display:block;
	background:url(../images/button_02.jpg) no-repeat;
	text-indent:-200000px;
	margin:0 6px 0 0;}

#headerPan ul.button li.home a:hover {

	background:url(../images/button_over_02.jpg) 0 0 no-repeat;}

#headerPan ul.button li.aboutus a {

	width:42px;
	height:42px;
	display:block;
	background:url(../images/button_01.jpg) no-repeat;
	text-indent:-200000px;
	margin:0 6px 0 0;}

#headerPan ul.button li.aboutus a:hover {

	background:url(../images/button_over_01.jpg) 0 0 no-repeat;}

#headerPan ul.button li.contact a {

	width:42px;
	height:42px;
	display:block;
	background:url(../images/button_03.jpg) no-repeat;
	text-indent:-200000px;
	margin:0;}

#headerPan ul.button li.contact a:hover {

	background:url(../images/button_over_03.jpg) 0 0 no-repeat;}

/*----Body LEFT ----*/
#bodyPan { width:686px; background:url(../images/bodybg.gif) no-repeat; position:relative; float: right; margin:0 auto; padding:22px 0 0 92px; }

#leftPan { width:114px; float:left; }
#leftPan p.legend { color: #072b61; font-size: 75%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 80%; width: 114px; height: auto; float: left; padding-top: 3px; padding-bottom: 3px; }
#leftPan h2 { width:114px; height:auto; color:#000082; font-size:18px; line-height:20px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; }

#leftPan ul { width:114px; margin-top: 25px; margin-bottom: 10px; }
#leftPan ul li { margin-top: 10px; margin-bottom: 10px; }
#leftPan ul li a { color:#000030; font-size: 1em; text-decoration:none; line-height:1em; }

#leftPan ul li a:hover { color:#5f7a77; font-size: 1em; line-height: 1em; text-decoration:none; }
/*---- Img_Pan ----*/
#imgPan80 { width:80px; float:left; margin-right: 20px; }
#imgPan160 { width: 160px; float: left; margin-right: 20px; }
#imgPan511 { width: 511px; height: 100px; float: left; margin-bottom: 15px; }
#imgpanel { width: auto; height: auto; margin-bottom: 10px; }
#imgban { width: auto; height: auto; float: left; margin-top: 15px; }
/*----Body Right ----*/
#rightPan {

	width:511px;
	float:left;
	border-left:1px solid #C8E8E2;
	margin:28px 0 0;
	padding:0 30px;}

#rightPan p {

	padding:0 0 10px 0;}
#rightPan p.pnote { color: #072b61; font-size: 0.9em; line-height: 1.1em; }
#rightPan p.spacer { margin-top: 35px; margin-bottom: 35px; }
#rightPan p.more { background: url(../images/sky-color-bg.gif) repeat-x 0 10px; padding: 0 0 20px; width: 502px; height: 25px; float: left; }
#rightPan p.more a {

	width:92px;
	height:21px;
	display:block;
	background:url(../images/icon2.jpg) 0 0 no-repeat #fff;
	color:#958201;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 0 328px;
	padding:4px 0 0 50px;}

#rightPan p.more a:hover {

	background:url(../images/icon2.jpg) 0 0 no-repeat #fff;
	color:#645804;
	text-decoration:none;}
	
#rightPan p.more_l {

	width:502px;
	height:25px;
	float:left;
	background:url(../images/sky-color-bg.gif) 0 10px repeat-x;
	padding:0 0 20px 0;}
#rightPan p.more_l a {

	width:92px;
	height:21px;
	display:block;
	color:#958201;
	line-height:21px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0 0 0 328px;
	padding:4px 0 0 50px;}

#rightPan p.more_l a:hover { color:#645804; text-decoration:none; }	

#rightPan h2 {

	width:116px;
	height:97px;
	float:left;
	display:block;
	background:#008080 url(../images/icon3.jpg) no-repeat 8px 38px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	padding:26px 0 0 75px;
	margin:0 0 5px;}

#rightPan ul.liste { color:#5f7a77; padding:7px 0 0 25px; list-style-image: url(../images/bullet2-hover.gif); display: block; }
#rightPan ul.services { color: #5f7a77; background: #fff; list-style-image: url(../images/bullet2-hover.gif); display: block; padding: 7px 0 0 25px; width: 285px; height: 114px; float: left; border: solid 1px #b1ded5; }
#rightPan ul.services li.captionone {

	background:#fff;
	color:#008080;
	font-size:12px;
	font-weight:bold;}

#rightPan ul.services li {

	width:285px;
	height:20px;}

#rightPan ul.services li a { width:273px; height:20px; display:block; background:#fff url(../images/bullet2-normal.gif) no-repeat 0 7px; color:#5f7a77; line-height:20px; text-decoration: none; padding:0 0 0 12px; }

#rightPan ul.services li a:hover {

	background:#fff url(../images/bullet2-hover.gif) no-repeat 0 7px;
	color:#5f7a77;
	text-decoration:underline;}
#rightPan h4 {

	width:116px;
	height:97px;
	float:left;
	display:block;
	background:#439bd7 url(../images/icon4.jpg) no-repeat 8px 38px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	padding:25px 0 0 75px;
	margin:0 0 5px;}
#rightPan ul.events {

	width:285px;
	height:114px;
	float:left;
	border:solid 1px #b1ded5;
	background:#fff;
	color:#5f7a77;
	padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree {

	background:#fff;
	color:#439bd7;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;}

#rightPan ul.events li {

	width:285px;
	height:20px;}

#rightPan ul.events li a { width:273px; height:20px; display:block; background:#fff url(../images/bullet2-normal.gif) no-repeat 0 7px; color:#959595; line-height:20px; text-decoration: none; padding:0 0 0 12px; }
#rightPan ul.events li a:hover { background:#fff url(../images/bullet2-hover.gif) no-repeat 0 7px; color:#5f7a77; text-decoration: underline; }
#rightPan h1 { color: #072b61; font-size: 1.5em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.6em; letter-spacing: 0.1em; margin-bottom: 5px; }
#rightPan h3 { color: #3f5c88; font-size: 1.2em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.3em; letter-spacing: 0.1em; margin-bottom: 5px; }
#rightPan h5 { color: #3f5c88; font-size: 1.1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1.2em; text-decoration: none; margin-top: 10px; margin-right: 150px; margin-bottom: 5px; border-bottom: 1pt solid #3f5c88; }
/*---- FOOTER ----*/

#footermainPan {

	height:103px;
	background:url(../images/footerbg.gif) 0 0 repeat-x #D3F0F0;
	color:#2F5958;
	font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:36px 0 0;}

#footerPan {

	width:778px;
	position:relative;
	margin:0 auto;}

#footerPan ul {

	width:608px;
	height:20px;
	position:relative;
	margin:0 auto;}

#footerPan li {

	float:left;}

#footerPan ul li a {

	padding:0 10px 0;
	color:#2F5958;
	background:#EBF8F7;
	text-decoration:none;
	font-size:13px;}

#footerPan ul li a:hover {

	text-decoration:underline;}

#footerPan p.copyright { font-size: 12px; width:600px; margin:10px 0 0 92px; }

#footerPan ul.footernote {

	width:250px;
	background:#D3F0F0;
	color:#007163;
	display:block;
	font-size:10px;
	position:absolute;
	top:49px;
	left:92px;}

#footerPan ul.footernote li {

	height:20px;}

#footerPan ul.footernote li a {

	background:#D3F0F0;
	display:block;
	color:#007163;
	text-decoration:none;
	padding:0px;
	font-size:10px;}

#footerPan ul.footernote li a:hover {

	text-decoration:underline;}