* { margin:0; padding:0;}
body { background:#1f3d76; font-family:Tahoma; font-size:100%; line-height:1em; color:#ffcc00;}


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

a:hover{text-decoration:none;}
a {color:#14316b;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

p { margin:0; padding:0;}

.tall_top { background:url(images/tall_top3.gif) left top repeat-x #FFFFFF;}

.tall_bottom { background:url(images/tall_bottom3.gif) left bottom repeat-x;}

.form { height:35px;}
.form input {width:191px; height:17px; background:#fff; border:1px solid #404040; font-size:1em; color:#484848;}
textarea { width:201px; height:122px; background:#fff; overflow:auto; border:1px solid #404040; font-size:1em; color:#484848; font-family:tahoma;}

.input { width:142px; height:18px; border:1px solid #a5a092; font-size:1em;}


ul { list-style:none;}
.ul li a { line-height:1.81em;}

.title { margin:0 0 15px 0;}

.img_indent { margin:0 18px 0 0; float:left;}


/*txt, links*/
h1 { background:url(images/logo.jpg) no-repeat left top; text-indent:-10000px; height:174px;}
h2 { color:#14316b; font-size:1em; margin-bottom:10px;}
h3 { color:#719c00; font-size:0.81em; margin-bottom:7px;}
h4 {color:#719c00; font-size:1em; margin-bottom:8px;}

.link1 { color:#af2015;}
.link2 { background:url(images/marker.gif) no-repeat 0 1px; padding-left:19px; color:#004197;}
.link3 { color:#719c00;}

.line_hor { background:url(images/line1.gif) left bottom repeat-x;}


/*header*/
#header .row_1 { height:231px; background:url(images/header_bgd.jpg) no-repeat left 7px;}
#header .row_1 .col_1 { width:221px;}
#header .row_1 .col_1 .indent { padding:16px 0 0 20px;}
#header .row_1 .col_2 { width:212px;}
#header .row_1 .col_2 img { margin:110px 0 0 0;}
#header .row_2 { height:48px;}
#header .row_2 .indent { padding:0 0 0 28px;}
#header .row_2 img { margin-right:2px;}

/*content*/
#content { font-size:0.69em; line-height:1.27em;}
#content .indent { padding:18px 0 24px 0;}

/*footer*/
#footer { font-size:0.69em;}
#footer .indent { padding:29px 0 0 49px;}
#footer .col_1 { color:#e1e2db; width:283px;}
#footer .col_1 a { color:#04a4e5;}
#footer ul li { float:left;}
#footer ul li a { color:#e1e2db; text-decoration:none; background:url(images/footer_marker.gif) no-repeat right 5px; padding-right:18px; margin-left:16px;}
#footer ul li a:hover { text-decoration:underline;}



/*================== index.html ==================*/
#page1 #content .col_1 .indent { padding:0 64px 0 28px;}
#page1 #content .col_1 .row_1 { padding-bottom:19px;}
#page1 #content .col_1 .row_1 .title_block div { background:url(images/date_marker.gif) no-repeat 2px 3px;}
#page1 #content .col_1 .row_1 p { margin-bottom:17px;}
#page1 #content .col_1 .row_2 .title_block div { background:url(images/mail_marker.gif) no-repeat 2px 3px;}
#page1 #content .col_1 .row_2 .block { margin-bottom:16px;}
#page1 #content .col_1 .row_2 .block .ind { padding:15px 15px 17px 21px;}
#page1 #content .col_1 .row_2 p { margin-bottom:11px;}
#page1 #content .col_2 .row_1 { padding-bottom:43px;}
#page1 #content .col_2 .row_1 .title_block { margin-bottom:30px;}
#page1 #content .col_2 .row_1 .indent1 {padding:0 10px 0 4px;}
#page1 #content .col_2 .row_2 .indent1 { padding-left:2px;}
#page1 #content .col_2 .row_2 .title_block { margin-bottom:12px;}
#page1 #content .col_2 .row_2 .container { width:416px;}
#page1 #content .col_2 .row_2 .container .column1 { width:221px;}
#page1 #content .col_2 .row_2 .container .column2 { width:195px;}
#page1 #content .col_2 .row_2 p { margin:15px 0 17px 0;}

/*================== index-1.html ==================*/
#page2 #content .indent { padding-bottom:23px;}
#page2 #content .col_1 .indent { padding:0 60px 0 31px;}
#page2 #content .col_1 .title_block { margin-bottom:33px;}
#page2 #content .col_1 p { margin-top:9px;}
#page2 #content .col_1 .img_indent { margin:0 18px 24px 0;}
#page2 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page2 #content .col_2 p { margin-bottom:13px;}
#page2 #content .col_2 .block .ind { padding-bottom:28px;}

/*================== index-2.html ==================*/
#page3 #content .indent { padding-bottom:23px;}
#page3 #content .col_1 .indent { padding:0 60px 0 28px;}
#page3 #content .col_1 .block .ind { padding:22px 15px 31px 21px;}
#page3 #content .col_1 .title_block { margin-bottom:11px; margin-left:3px;}
#page3 #content .col_1 h4 { margin:17px 0 8px 0;}
#page3 #content .col_1 p { margin-bottom:13px;}
#page3 #content .col_1 .p1 { margin-bottom:19px;}
#page3 #content .col_1 ul { margin-bottom:14px;}
#page3 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page3 #content .col_2 .row_1 { padding-bottom:44px;}
#page3 #content .col_2 .row_1 .title_block { margin-bottom:33px;}
#page3 #content .col_2 .row_1 .img_indent { margin:0 18px 0 2px;}
#page3 #content .col_2 .row_1 p {margin:10px 0 17px 0;}
#page3 #content .col_2 .block { width:410px;}
#page3 #content .col_2 .block .ind { padding:18px 15px 31px 21px;}
#page3 #content .col_2 .row_2 p { margin-bottom:16px;}
#page3 #content .col_2 .row_2 .p1 { margin:10px 0 16px 0;}

/*================== index-3.html ==================*/
#page4 #content .indent { padding-bottom:23px;}
#page4 #content .col_1 .indent { padding:0 60px 0 30px;}
#page4 #content .col_1 .title_block { margin-bottom:30px;}
#page4 #content .col_1 p { margin-bottom:18px;}
#page4 #content .col_1 .container { width:411px;}
#page4 #content .col_1 .container p { margin:8px 0 0 0;}
#page4 #content .col_1 .container .img_indent { margin:0 16px 18px 0;}
#page4 #content .col_1 .container .column1 { width:223px;}
#page4 #content .col_1 .container .column2 { width:188px;}
#page4 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page4 #content .col_2 p { margin-bottom:14px;}
#page4 #content .col_2 ul { margin-bottom:13px;}
#page4 #content .col_2 .block .ind { padding-bottom:27px;}

/*================== index-4.html ==================*/
#page5 #content .indent { padding-bottom:23px;}
#page5 #content .col_1 .indent { padding:0 5px 0 28px;}
#page5 #content .col_1 .block .ind { padding:18px 15px 31px 21px;}
#page5 #content .col_1 .title_block { margin-bottom:11px; margin-left:3px;}
#page5 #content .col_1 .title_block2 { margin-bottom:2px; margin-left:3px;}
#page5 #content .col_1 h4 { margin:0 0 8px 0;}
#page5 #content .col_1 p { margin-bottom:24px;}
#page5 #content .col_1 .p1 { margin-bottom:10px; padding-top:2px;}
#page5 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page5 #content .col_2 .row_1 { padding-bottom:5px;}
#page5 #content .col_2 .row_1 .title_block { margin-bottom:29px;}
#page5 #content .col_2 .row_1 .img_indent { margin:0 18px 0 2px;}
#page5 #content .col_2 .row_1 p {margin:10px 0 19px 2px;}
#page5 #content .col_2 .block { width:410px;}
#page5 #content .col_2 .block .ind { padding:7px 15px 10px 7px;}
#page5 #content .col_2 p { margin:10px 0 14px 0;}
#page5 #content .col_2 .row_2 .img_indent { margin:0 18px 14px 0;}

/*================== index-5.html ==================*/
#page6 #content .indent { padding-bottom:23px;}
#page6 #content .col_1 .indent { padding:0 60px 0 30px;}
#page6 #content .col_1 .row_1 { padding-bottom:44px;}
#page6 #content .col_1 .title_block { margin-bottom:33px;}
#page6 #content .col_1 .img_indent { margin:0 18px 0 1px;}
#page6 #content .col_1 p { margin-bottom:18px;}
#page6 #content .col_1 .container { width:404px;}
#page6 #content .col_1 .container p { margin:8px 0 0 0;}
#page6 #content .col_1 .container .img_indent { margin:0 16px 18px 0;}
#page6 #content .col_1 .container .column1 { width:201px;}
#page6 #content .col_1 .container .column2 { width:203px;}
#page6 #content .col_1 .title_block div { background:url(images/title_marker.gif) no-repeat 0 2px; padding-left:27px;}
#page6 #content .col_2 p { margin-bottom:14px;}
#page6 #content .col_2 .block .ind { padding-bottom:36px;}
#page6 #content .col_2 h4 { margin-bottom:0px;}

/*================== index-6.html ==================*/
#page7 #content .title_block { margin-bottom:29px;}
#page7 #content .indent { padding:18px 33px 26px 30px;}
#page7 #content .indent p { margin-bottom:14px;}
#page7 #content .indent .p1 { margin-bottom:21px;}




/*==================list====================*/
.block { background:#e1e2db; width:235px; color:#383838;}
.block .r { background:url(images/r3.png) right top repeat-y;}
.block .b { background:url(images/b3.png) left bottom repeat-x;}
.block .l { background:url(images/l3.png) left top repeat-y;}
.block .t { background:url(images/t3.png) left top repeat-x;}
.block .l_t { background:url(images/l_t3.png) no-repeat left top;}
.block .r_t { background:url(images/r_t3.png) no-repeat right top;}
.block .r_b { background:url(images/r_b3.png) no-repeat right bottom;}
.block .l_b { background:url(images/l_b3.png) no-repeat left bottom;}
.block .ind { padding:20px 15px 23px 21px;}

.title_block { background:url(images/line1.gif) left bottom repeat-x; height:24px; margin-bottom:11px;}
.title_block div { background:url(images/title_marker.gif) no-repeat 3px 0px; padding-left:31px;}

/*==========================================*/
#form {
height:250px;
}
.img {
height:130px;
width:150px;
float:left;
padding-top:15px;}
.img1 {
width:80px;
float:right;}

.content {

width:60px;
padding-left:152px;
padding-top:-50px;
margin-top:0px;

}
.ctitre {
margin:auto 0px;
text-indent:7px;
}
.ctext {
margin:auto 0px;
padding-top:5px;
text-indent:10px;
height:80px;
}
/*==========================================*/
.xtext {
margin:auto 0px;
height:80px;
width:80px;
text-align:left;

}
 div#bloc1 {
	width:380px;
	height:120px;
	overflow: auto;
	border: 0px solid #000;
	text-align:left;
		}
		 div#bloc2 {
	width:380px;
	height:80px;
	overflow: auto;
	border: 0px solid #000;
	text-align:left;
		}
#demo {width:380px;	margin:0 auto}




/*===================ROUNDED CORNER=======================*/


  div#contentimg{
  float:left;
height:70px;
width:85px;
	border:0px dotted #b0c0d0;
	overflow:hidden;
}

div.wrapperimg {

	position:relative;
	float:left;
	vertical-align:top;
}
div.wrapperimg img{	
	float:left;
}
div.wrapperimg div{	
	position:absolute;
	width: 7px;
	height: 7px;
}
div.wrapperimg div.tl{
	background:transparent url(tl.gif) top left no-repeat;
	left:0;
	top:0
}
div.wrapperimg div.tr{
	background:transparent url(tr.gif) top right no-repeat;
	right:0;
	top:0
}

div.wrapperimg div.bl{
	background:transparent url(bl.gif) bottom left no-repeat;
	left:0;
	bottom:0
}
div.wrapperimg div.br{
	background:transparent url(br.gif) bottom right no-repeat;
	right:0;
	bottom:0
}

div#contentimg {
	padding-bottom: 2px;
	padding-right:10px;}
	
	
	
	
	
/*===================MENU=======================*/

.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: #666666;
background: url(images/titlebar.png) no-repeat center left;
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/marker3.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}