@charset "utf-8";
/* CSS Document */

body {
	background-color: #ececec;
	background-image: url(../images/bg.jpg);
	background-position:top left;
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 21px;
	margin-right: 0px;
	margin-bottom: 21px;
}

ul { margin: 0px; padding: 0px; margin-left: 12px; line-height: 18px; }

ul li { margin: 0px; padding: 0px; }

.banner { background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-position: center top; width: 943px; height: 183px; }

.top-nav { background-color: #001b63; width:943px; height: 36px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none; }

.top-nav a { color: #FFFFFF; text-decoration: none; }

.top-nav a:hover { color: #FFFFFF; text-decoration: underline; }

#mid-section { width: 943px; padding: 10px; background-color: #FFFFFF; }

#left-coloum { width: 198px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 17px; }

#right-coloum { width: 198px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 17px; }


.left-cap-top { background-image: url(../images/lef-top.jpg); background-repeat: no-repeat; width: 198px; height: 43px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; color: #FFFFFF; }

.left-mid-bg { background-image: url(../images/left-mid.jpg); background-repeat: repeat-y; width: 198px;  }

.left-mid-cap { background-image: url(../images/left-cap.jpg); background-repeat: no-repeat; width: 146px; height: 35px; background-position: center top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left; vertical-align: middle; color: #FFFFFF; padding-left: 45px; }

.left-cap-btm { background-image: url(../images/left-cap-btm.jpg); background-repeat: no-repeat; width: 198px; height: 13px; }

.left-heading { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;  text-align: center; vertical-align: middle; color: #FFFFFF; }

.ver-line { background-image: url(../images/vertical-line.jpg); background-repeat: repeat-x; height: 2px; padding: 5px; }

.left-link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 27.6px; text-decoration: none; }

.left-link a { color: #535353; text-decoration: none; }

.left-link:hover { color: #001b63; text-decoration: underline; }

.blue-heading-txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #001b63; font-weight: bold; }

.blue-sub-heading-txt { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #001b63; font-weight: bold; }

#center { width: 525px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 17px; }

#center2 { width: 700px; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 17px; }

.news { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 17px; text-decoration: underline; }


.news a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #535353; line-height: 17px; text-decoration: underline; }

.news:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #001b63; line-height: 17px; text-decoration: none; }

.read-more { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #001b63; }

.read-more a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: underline; color: #001b63; }

.read-more:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; color: #535353; }

.center-box-top { width: 500px; height:12px; background-image: url(../images/center-top.jpg); background-repeat: no-repeat; background-position: center bottom; }

.center-box-mid { width: 500px; background-image: url(../images/center-mid.jpg); background-repeat: repeat-y; background-position: center center; }

.center-box-btm { width: 500px; height:12px; background-image: url(../images/center-btm.jpg); background-repeat: no-repeat; background-position: top center; }

.textbox { border: 1px solid #001b63; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #a9c3ff; color: #001b63; width: 225px; height: 15px; }

.button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #a9c3ff; color: #001b63; }

select { width: 245px; }

.textarea { widows: 245px; }

.center-blue-bg { width: 446px; height: 36px; background-image: url(../images/blue-box-center.jpg); padding-left: 45px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold; background-repeat: no-repeat; background-position: center top; }


.footer-bg { background-image: url(../images/bg-footer.jpg); background-repeat: repeat-x; height: 93px; width: 943px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; color: #464747; }

.footer-link { text-decoration: none; color: #464747; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 19px; }

.footer-link a { text-decoration: none; color: #464747; }

.footer-link:hover { text-decoration: underline; color: #001b63; }

.footer-dwn { background-image: url(../images/bg-footer-dwn.jpg); background-repeat: no-repeat; width:943px; height: 11px; }

span a {
	text-decoration:none;
}

span a:hover {
	text-decoration:underline;
}	

span.style1 a {
	font-size:9px;
	font-weight:normal;
	text-decoration: none; 
	color: #464747; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.style1 a:hover {
	text-decoration:underline;
}	

span.style2 a {
	font-size:10px;
	font-weight: bold;
	text-decoration: none; 
	color: #464747; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.style2 a:hover {
	text-decoration:underline;
}

span.style3 a {
	font-size:12px;
	font-weight: bold;
	text-decoration: none; 
	color: #464747; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.style3 a:hover {
	text-decoration:underline;
}

span.style4 a {
	font-size:14px;
	font-weight: bold;
	text-decoration: none; 
	color: #464747; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

span.style4 a:hover {
	text-decoration:underline;
}

h1.page_titre {
	font-family:Arial;
	font-size:16px;
	color:#000066;
	width:100%;
	border-bottom:1px solid #000066;
	font-weight:bold;
	padding-bottom:5px;
}

table.comp {
	border-width:0;
	border:solid 1px #000000;
	border-left:none;
	border-top:none;
	margin:0;
	padding:0;
}

table.comp td, table.comp th  {
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	margin:0;
	padding:0;
	font-size:10px;
	padding-left:3px;
	width:112px;
}

ul.ul2 {
	margin-left:20px;
	list-style-type:circle;
}

ul.ul2 li {
	line-height:20px;
	text-align:justify;
}

ul.ul3 {
	margin-left:30px;
	list-style-type:disc;
}

p.red {
	color:#990000;
	margin-top:15px;
}

p.red a {
	color:#990000;
	text-decoration:underline;
}

ul.ul4 {
	margin-left:50px;
	list-style-type:square;
	font-weight:bold;
}

table#dmbr, table.qlc {
	border:solid 1px #000000;
	border-left:none;
	border-top:none;
	margin:auto;
	padding:0;
}

table#dmbr td {
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	margin:0;
	padding:0;
	padding-left:3px;
	width:160px;
	font-size:10px;
	padding-right:5px;
}

table.qlc td, table.qlc th  {
	border-left:solid 1px #000000;
	border-top:solid 1px #000000;
	margin:0;
	padding:0;
	padding-left:3px;
	width:100px;
	font-size:10px;
	padding-right:5px;
}

table#tcontact td, table#tcontact input, table#tcontact td select {
	font-family:Arial;
	font-size:11px;
}	

h3 {
	font-weight:bold;
	font-size:13px;
	color:#000066;
	width:100%;
	text-align:center;
}

h4 {
	text-decoration:underline;
}

span.required {
	color:#FF0000;
}

h2 {
	font-weight:bold;
	font-size:14px;
	color:#000066;
	width:100%;
	margin-left:5px;	
}

#main_content p {
	text-align:justify;
}	

table#ncontact td {
	margin:3px;
}	

#footer {
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 10px solid #000099;
  background-color:#000099;
  width: 250px;
  left: 0px;
  bottom: 0px;
  text-align:left;
  color: #aaa;
  font-size: 10px;
  z-index:10000;
  opacity:0.8;
  filter:alpha(opacity:80);
}

#licence {
	width:250px;
}	

#filtre_loi {
	font-size:10px;
	width:150px;
}

#tf td {
	height:17px;
}

#footer p {
  float: left;
  margin: 0px;
  padding-top:4px;
  padding-left:5px;
}

#footer p.info {
  float:right;
  padding-right:5px;
}

#footer a {
  color: #ffffff;
  font-size:12px;
  font-weight:bold;
}

#footer p.info a {
  padding-left: 0px;
}

img.imthumb {
	width:100px;
	height:67px;
	float:left;
	display:block;
	border:solid 1px #cccccc;
	margin:5px;
}	

td.pidotted {
	border-bottom:solid 1px #cccccc;
	width:500px;
	height:70px;
	vertical-align:top;	
}	

td.pidotted2 {
	border-bottom:solid 1px #cccccc;
	width:477px;
	height:70px;
	vertical-align:top;	
}	

div.detail_pi {
	width:372px;
	height:67px;
	float:left;
	overflow:hidden;
}

div.detail_pi2 {
	width:365px;
	height:67px;
	float:left;
	overflow:hidden;
}


/*
	Vertical Accordions
*/

.accordion_toggle {
	display: block;
	height: 30px;
	width: 476px;
	background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}
	
.accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}
	
.vertical_accordion_toggle {
	display: block;
	height: 30px;
	width: 476px;
	background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
	padding: 0 10px 0 10px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.vertical_accordion_toggle_active {
	background: url(../images/accordion_toggle_active.jpg) no-repeat top right #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.vertical_accordion_content {
	background-color: #ffffff;
	color: #444444;
	overflow: hidden;
}

.vertical_accordion_content h2 {
	margin: 15px 0 5px 10px;
	color: #0099FF;
}

.vertical_accordion_content p {
	line-height: 150%;
	padding: 5px 10px 15px 10px;
}


/* Pagnav */

.pagination { display:table; padding:0;  margin:0 auto;	 }
.button2-left,
.button2-right,
.button2-left div,
.button2-right div {
	float: left;
}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 10px;
	color: #333;
	cursor: pointer;
}

.button2-left span,
.button2-right span { cursor: default; color: #999; }

.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span,
.button2-left .blank a,
.button2-right .blank a,
.button2-left .blank span,
.button2-right .blank span { padding: 0 6px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.button2-left a:hover,
.button2-right a:hover { text-decoration: none; color: #0B55C4; }

.button2-left a,
.button2-left span { padding: 0 24px 0 6px; }

.button2-right a,
.button2-right span { padding: 0 6px 0 24px; }

.button2-left { background: url(../images/j_button2_left.png) no-repeat; float: left; margin-left: 5px; }

.button2-right { background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px; }

.button2-right .prev { background: url(../images/j_button2_prev.png) no-repeat; }

.button2-right.off .prev { background: url(../images/j_button2_prev_off.png) no-repeat; }

.button2-right .start { background: url(../images/j_button2_first.png) no-repeat; }

.button2-right.off .start { background: url(../images/j_button2_first_off.png) no-repeat; }

.button2-left .page,
.button2-left .blank { background: url(../images/j_button2_right_cap.png) 100% 0 no-repeat; }

.button2-left .next { background: url(../images/j_button2_next.png) 100% 0 no-repeat; }

.button2-left.off .next { background: url(../images/j_button2_next_off.png) 100% 0 no-repeat; }

.button2-left .end { background: url(../images/j_button2_last.png) 100% 0 no-repeat; }

.button2-left.off .end { background: url(../images/j_button2_last_off.png) 100% 0 no-repeat; }

.button2-left .image 		{ background: url(../images/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore 	{ background: url(../images/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak 	{ background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank	 	{ background: url(../images/j_button2_blank.png) 100% 0 no-repeat; }

/*********************/

.inputbo {
	width:50px;
}

a.pagenav {
	font-family:Arial;
	font-size:10px;
	text-decoration:none;
	font-weight:normal;
}