body {
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #454545;
	scrollbar-face-color: #CECECE;
	scrollbar-shadow-color: #858585;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FDFDFD;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #E3E3E3;
	scrollbar-arrow-color: #7F2A7B;
	background-color: #ffffff;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-bottom: 0px;
	margin-left: 3px;
	margin-right: 0px;
	margin-top: -2px;
	background-image: url(bg.gif);
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
}

a{
	cursor:hand;
	color: #698915;
}

input {
	color: #3A3A3A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: hand;
	background-color: #D1F66E;
	border: 1px solid #666666;
}

textarea {
	color: #3A3A3A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: hand;
	background-color: #D1F66E;
	border: 1px solid #666666;
}

div{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 11px;
}

p{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	text-align: justify;
}

li{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 11px;
	text-align: justify;
	margin-bottom:15px;
}

table{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 11px;
}

td{
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size: 11px;
}

.masthead{
   font-size: 20px;
	margin-bottom: 20px;
	color: #85AB22;
	line-height:28px;
	font-weight: bold;
	font-style: italic;
}

.lowhead{
	font-size: 14px;
	font-weight: #464646;
	font-weight: bold;
}


.lowhead2{
	font-size: 15px;
	font-weight: #464646;
	font-weight: bold;
	border-top: 2px dotted #85AB22;
	padding-top:9px;
}



.technology{
	/*header of 2nd demo*/
	cursor: hand;
	cursor: pointer;
	font: 11px;
	margin: 0px 0;
	background-color: White;
	color: #10A3C8;
	font-weight: bold;
	padding: 2px;
	line-height: 18px;
	text-align: justify;
	font-variant: normal;
	font-style: normal;
}

.thelanguage{
   obackground-color: #EBEBEB;
	padding: 4px;
	padding-right: 10px;
	text-align: justify;
}

.openlanguage{
	/*class added to contents of 2nd demo when they are open*/
	obackground-color: #346289;
	ocolor: White;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
obackground-color: White;
ocolor: #346289;
}

.togglehtml li{
margin-bottom: 8px;
}


.pts{
	background-color: #494949;
	color: #ffffff;
	width:16px;
	height:16px;
	border:1px solid #B6B6B6;
	text-align: center;
	line-height:16px;
}


td.bk1{
  background-image: url(bk1.gif);
	background-repeat: no-repeat;
	width: 8px;
	height:8px;
}


td.lk1{
  background-image: url(lk1.gif);
	background-repeat: repeat;
	width: 1px;
	height:8px;
}


td.bk2{
  background-image: url(bk2.gif);
	background-repeat: no-repeat;
	width: 8px;
	height:8px;
}

td.lk2{
  background-image: url(lk2.gif);
	background-repeat: repeat;
	width: 8px;
	height:1px;
}

td.bk3{
  background-image: url(bk3.gif);
	background-repeat: no-repeat;
	width: 8px;
	height:8px;
}

td.lk3{
  background-image: url(lk3.gif);
	background-repeat: repeat;
	width: 1px;
	height:8px;
}

td.bk4{
  background-image: url(bk4.gif);
	background-repeat: no-repeat;
	width: 8px;
	height:8px;
}

td.lk4{
  background-image: url(lk4.gif);
	background-repeat: repeat;
	width: 8px;
	height:1px;
}



td.vk1{
  background-image: url(vk1.gif);
	background-repeat: no-repeat;
	width: 14px;
	height:29px;
}

td.xk1{
	background-image: url(xk1.gif);
	background-repeat: repeat-x;
	width: 1x;
	height: 29px;
}

td.vk2{
  background-image: url(vk2.gif);
	background-repeat: no-repeat;
	width: 14px;
	height:29px;
}

td.xk2{
	background-image: url(xk2.gif);
	background-repeat: repeat-y;
	width: 1x;
	height: 14px;
}

td.vk3{
  background-image: url(vk3.gif);
	background-repeat: no-repeat;
	width: 14px;
	height:29px;
}

td.xk3{
	background-image: url(xk3.gif);
	background-repeat: repeat-x;
	width: 1x;
	height: 29px;
}

td.vk4{
  background-image: url(vk4.gif);
	background-repeat: no-repeat;
	width: 14px;
	height:29px;
}

td.xk4{
	background-image: url(xk4.gif);
	background-repeat: repeat-y;
	width: 1x;
	height: 14px;
}

 div.conteneur{
	height: 258px;
	scrollbar-shadow-color: #858585;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FDFDFD;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #E3E3E3;
	scrollbar-arrow-color: #7F2A7B;
	background-color: #ffffff;
	overflow-x: hidden;
	overflow-y: auto;
}
 
input.vult{
	background-color: #666666;
	color: #ffffff;
	border: thin double #3A3A3A;
}


div.bck_green{
	background-image: url(bck_green.gif);
	background-repeat: repeat-x;
	margin-top: 5px;
}

div.shorty{

 text-align:center;
 font-size: 16px;
 margin-top: 40px;
 margin-bottom:40px;	
}



td.bok1{
  background-image: url(bok1.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bol1{
  background-image: url(bol1.gif);
  background-repeat: repeat-x;
  width: 1px;
  height: 10px;
}

td.bok2{
  background-image: url(bok2.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bol2{
  background-image: url(bol2.gif);
  background-repeat: repeat-y;
  width: 10px;
  height: 1px;
}

td.bok3{
  background-image: url(bok3.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bol3{
  background-image: url(bol3.gif);
  background-repeat: repeat-x;
  width: 1px;
  height: 10px;
}

td.bok4{
  background-image: url(bok4.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bol4{
  background-image: url(bol4.gif);
  background-repeat: repeat-y;
  width: 10x;
  height: 1px;
}




td.bokr1{
  background-image: url(bok1r.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bolr1{
  background-image: url(bol1r.gif);
  background-repeat: repeat-x;
  width: 1px;
  height: 10px;
}

td.bokr2{
  background-image: url(bok2r.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bolr2{
  background-image: url(bol2r.gif);
  background-repeat: repeat-y;
  width: 10px;
  height: 1px;
}

td.bokr3{
  background-image: url(bok3r.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bolr3{
  background-image: url(bol3r.gif);
  background-repeat: repeat-x;
  width: 1px;
  height: 10px;
}

td.bokr4{
  background-image: url(bok4r.gif);
  background-repeat: no-repeat;
  width: 10px;
  height:10px;
}

td.bolr4{
  background-image: url(bol4r.gif);
  background-repeat: repeat-y;
  width: 10x;
  height: 1px;
}





td.refb_1{
  background-image: url(refb_1.gif);
  background-repeat: no-repeat;
  width: 11px;
  height:29px;
}

td.refl_1{
  background-image: url(refl_1.gif);
  background-repeat: repeat-x;
  height: 29px;
}

td.refb_2{
  background-image: url(refb_2.gif);
  background-repeat: no-repeat;
  width: 11px;
  height:29px;
}

td.refl_2{
  background-image: url(refl_2.gif);
  background-repeat: repeat-y;
  width: 11px;
  height: 1px;
}

td.refb_3{
  background-image: url(refb_3.gif);
  background-repeat: no-repeat;
  width: 11px;
  height:11px;
}

td.refl_3{
  background-image: url(refl_3.gif);
  background-repeat: repeat-x;
  width: 1px;
  height: 11px;
}

td.refb_4{
  background-image: url(refb_4.gif);
  background-repeat: no-repeat;
  width: 11px;
  height:11px;
}

td.refl_4{
  background-image: url(refl_4.gif);
  background-repeat: repeat-y;
  width: 11x;
  height: 1px;
}







#dhtmltooltip{
position: absolute;
left: -80px;
width: 220px;
border: 1px solid black;
padding: 6px;
off_background-color: lightyellow;
background-color: #E6E7E2;
text-align:justify;
visibility: hidden;
z-index: 100;
font-family: Helvetica, Arial, sans-serif;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}