/* 
   1. Top Right Bottom Left 
   2. Vertical align : height and line-height must be the same
*/

.recherche{
  background: #FFFFFF url('../images/loupe.gif') no-repeat;
  padding-left: 20px;
  font-size: 11px;
  margin-top:4px;
}
.recherche_bouton{ cursor:pointer; height: 16px; margin-bottom: 2px; background-color: #000000; border: 1px #ffffff solid; font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold; color:#FFFFFF; padding-left: 2px; padding-right: 2px; }



div.wrap1 {
	width: 858px;
	margin: 0 auto;
	overflow: hidden;
	border:1px solid #c3c3c3;
	background-color: #FFFFFF;
}

div.wrap1 .banner {
	width:856px;
	height:240px;
}

div.wrap2 {
	width: 856px;
	/* right and left panel */ background-image: url('../images/bng_index.gif');
	/* only with left panel- background-image: url('../images/bng_site.gif'); */
	background-repeat:repeat-y;
	border: 1px solid #FFFFFF;
	margin: 0 auto;
	overflow: hidden;
}

div.infotop, div.footer {
	width:816px;
	line-height:40px;
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	background-image:url('../images/bng_infotop.gif');
	background-repeat:repeat-x;
	color:#035FB0;
	text-align:center;
}

div.infotop { 
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-weight:bold;
	font-style:italic;
}

div.footer { 
	background-image:url('../images/bng_footer.gif');
	float:left; 
	border-top:1px solid #ffffff;
}

div.wrap2 .leftpanel, div.wrap2 .rightpanel {
	width:200px;
	display: inline;
	float:left;
}

div.wrap2 .mainpanel {
	width:456px;
	float:left;
}

div.leftpanel .header, div.rightpanel .header {
	background-image:url('../images/header.png');
	background-repeat:no-repeat;
	background-color:#F88D32;
	width:188px;
	padding-top:8px;
	padding-left:12px;
	padding-bottom:4px;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
}

span.divider {
	border-bottom:1px dashed #333333; 
	padding-bottom:5px; 
	margin-bottom:5px; 
	display:block;
}

.text_side { padding:12px; text-align:justify; }
.text_center { padding:0 15px; text-align:justify; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Miscellaneous ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.clear { clear: both; }
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/