.pbarclass
{

	height:30px;
}

td
{
 vertical-align:top;	
}


.tdRight
{
  text-align:right;	
  width:120px;
}

.tdLeft
{
  text-align:left;	
}

body
{
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: white;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

h1, h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 0.2em 0.2em 0.1em #CCC;
}

.adressbox2
{
	border:1px solid #C5F5C6;
}

h1{
	font-size: 1.25em;
}

.test
{
	background-color: #98fb98;
}

.titleTd
{
	background-color: #98FB98;
}

.smallText
{
	color: #98fb98;
	font-size: 10pt;
}

.smallTextBlack
{
	font-size: 10pt;
}

  .container {
    display: table;
    }

  .row  {
    display: table-row;
    }

  .left, .right, .middle
   {
    display: table-cell;
   }

.left
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:normal;	
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 1px;
	padding: 0px;
}    


.medTxt
{
padding:10px;
 text-align: left;
 font-size: 14px;
 font-weight:bold;
 color:#66CC66;
}

.tableTruc
{	
	width:890px;
}
.statusSearch
{
 text-align: left;
 display:inline;
 height:40px;	
}

.framedcontent 
{
  padding:10px;
  border-color:#C5F5C6;
  border-style: solid;
  border-width:1px;
  _width:100%;
  text-align: left;
}


.subtabs {
  border-bottom:0px solid #C5F5C6;
  margin:1px;
  padding-bottom:23px;
  padding-left:10px;
  padding-top:0px;
}

.subtabs ul, .subtabs li {
  display:inline;
  list-style-type:none;
  margin:0px;
  padding:0px;
  cursor:pointer;
}

.subtabs a:link, .subtabs a:visited {
  background:#efefef;
  border:1px solid #dbe6de;
  color:#000;
  float:left;
  font-weight:normal;
  line-height:14px;
  margin-right:2px;
  padding:4px 10px 4px 10px;
  text-decoration:none;
}

.subtabs a:link.activeTab, .subtabs a:visited.activeTab {
  background:#dbe6de;
  border:1px solid #dbe6de;
  color:#000;
  font-weight:bold;
}

.subtabs .activeTab {
  text-decoration:none;
  background:#fff;
  border-bottom:1px solid #dbe6de;
  color:#000;
  font-weight:bold;
}


.bottum
{
	border:1px groove green; 	float: left;
}

.resultContaner
{	
	height:800px;width:400px;display:block; float: left; 	
}

.frame
{
	
	position:absolute;
	left:10%;
	width:800px;
	margin-left: -80px; /*set to a negative number 1/2 of your width*/
	padding:0px;
}


.banner
{
 width:777px;
 float:left;
 padding:0px;
 margin:0px;
 text-align: left;
 display:block; float: left;

}

.imgTop
{
	width:777px;
	height:13px;
	margin:0px;
	padding:0px;
	border:2px groove green;
}

.bottomTextBloc
{
 	 width: 600px;
	 display:inline-block;	
	
}

.blocCategorie
{
	
	border:1px groove green; 
	width:810px;
	height:1200px; 
	text-align:center;
}

.divCat
{
	
	border:0px groove green; 
	width:350px;
	height:100px; 
	float: left;
	padding-left:0px;
	text-align:left;
}


.divSousCat
{

	border:1px groove green; 
	width:398px;
	height:150px; 
	float: left;
	padding-left:5px;
	text-align:left;
}

.linkCat
{
    color:green;
	text-align:left;
	font-weight:bold;
}

.boxProvinceAll
{
	border:1px groove green; 
	width:810px;
	height:1200px; 
	text-align:center;
}

.greenBoxProvice2
{
	border:0px groove green; 
	width:220px;
	height:400px; 
	float:left;
	display:inline-block;
	padding-left:5px;
}


.greenBoxProvince
{
	border:1px groove green; 
	width:300px;
	height:300px; 
	float:left;
	padding-left:5px;
	text-align:left;
}

.greenBoxProvinceBig
{
	border:1px groove green; 
	width:800px;
	height:1500px; 
	float:left;
	display:inline-block;
	padding-top:0px;
	margin-top:0px;
	margin-left:0px;
	padding-left:0px;
}

.divBlocProvince
{
	width:810px;
	display:block;
}


.divBlocListCity
{
	width:400px;
	display:block;
}


.divProvinceTopCity
{
	display:block;
	width:240px;
	
	float:left; 
}



.greenBorder
{
	border:1px groove green; 

	float:left;
	display:inline-block;
	padding-left:5px;
}

.greenBox
{
	border:1px groove green; 
	width:380px;
	height:110px; 
	float:left;
	display:inline-block;
	padding-left:5px;
}

.greenBoxSlice
{
	border:1px groove green; 
	width:600px;
	height:30px; 
	float: left;
	padding-left:5px;
	text-align:left;
}	

.mainContainer
{
	left: 50%;
	top:0px;
	width:900px; 
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#FFF;	
	
}

a  
{
color:green;
text-decoration:none; 
font-size: 12px;
}


h1
{
text-align:left;	
}

.cat
{
	border:2px groove green;
}


.bus 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;	
	color: #000000;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 1px;
	padding: 0px;
}



.resultSpaceH
{ 
	height:40px; float: left;display:block;
}

.resultSpaceV
{ 
	width:10px; float: left;
}

.catSpacer
{
		width:40px; float: left;
}



.resultBox
{
	text-align:left;
	background-color:#EDFEF3;
}

.spacer
	{
		background-color:#FFFFFF;
		height:5px;
	}

#dhtmlgoodies_menu{	/* Menu object */
		margin:0px;
		padding:0px;
		width:150px;	/* Width of menu */
	}
	#dhtmlgoodies_menu li{
		margin-top:2px;	/* Space between each menu item */
		
		
		/* Don't change these four values */
		list-style-type:none;				
		clear:both;
		display:block;	
		overflow:auto;
	}
	
	#dhtmlgoodies_menu li a{	/* Text rules for the menu items */
		color:#000;	/* Black text color */
		text-decoration:none;	/* No underline */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		letter-spacing:1px;	/* Extra space between each letter of the menu items */
		font-size:0.7em;	/* Fixed font size */
		font-weight:bold;	/* Bold font */
		float:left;
		background-color:#D8FFBF;
		padding-left:3px;
		line-height:25px;	/* Height of menu links */

	}
	#dhtmlgoodies_menu li div{
		float:left;

	}
	
	html{
		height:100%;
	}
	
	
	


	#formContent{
		padding:5px;
	}

	
	
	


	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}
	
	
	
	

/* shadow classes begin*/

	.shadow{
		border-spacing:		0px;
		border-collapse:	collapse;
	}

	.hShadow_b{	height:				2px;  }
	.hShadow_t{	height:				1px;  }

	.vShadow_l{
		width:				2px; 
		height:				100%;
	}
	.vShadow_r{
		width:				1px; 
		height:				100%;
	}

/*shadow classes end*/
	

	.head1 A:link, .head1 A:VISITED, .head1 A:active{
		 font-weight:bold;
		
		
	}
	
	.head1 A:link, .head1 A:VISITED, .head1 A:active,
	.head2 A:link, .head2 A:VISITED, .head12 A:active{
		color:				white;
	}
	.head1 A:hover, .head2 A:hover{
		color: #CCCCCC;
	}

.headMedium
	{
		border-top:			1px solid #46AC2C;
		border-right:		1px solid #46AC2C;
		border-left:		1px solid #46AC2C;
		height:26px;
	
     }
    .headMedium, .headMedium TD{
		background-image:	url(/images/bg1.gif);
		color:				white;
	}
	
	.head1Cat
	{
		border-top:			1px solid #46AC2C;
		border-right:		1px solid #46AC2C;
		border-left:		1px solid #46AC2C;
		height:20px;
		width:320px;
		
     }
    .head1Cat, .head1Cat TD{
		background-image:	url(/images/bg1.gif);
		color:				white;
	}
	
	.head1{
		border-top:			1px solid #46AC2C;
		border-right:		1px solid #46AC2C;
		border-left:		1px solid #46AC2C;
		height:20px;
	}

	.head1, .head1 TD{
		background-image:	url(/images/bg1.gif);
		color:				white;
	}

	.head2{
		
		border-right:		1px solid #8E073C;
		border-left:		1px solid #8E073C;
	}

	.head2, .head2 TD{
		background-image:	url(/images/bg2.gif);
		color:				white;
	}

	.headBig{
		border-top:			1px solid #46AC2C;
		border-right:		1px solid #46AC2C;
		border-left:		1px solid #46AC2C;
		height:26px;
		padding:0px;
		margin:0px;
	}

	.headBig, .headBig{
		background-image:	url(/images/bg1.gif);
		color:				white;
	}

	.list1, .list2{
		background-color:		white;
		
		border-right:		1px solid #46AC2C;
		border-left:		1px solid #46AC2C;
		 border-bottom: 1px solid #46AC2C;
	}

	.list1 DIV, .list1 TD{
		border-bottom:				1px solid #46AC2C;
	}
	.list2 DIV{
		border-top:				1px solid #8E073C;
	}


/*header end*/
