.left{float: left;} .right{float: right;}
#push, .clr	{clear: both;}

 .bg-title{
  width:626px;
  height:27px;
  background-image:url(../../images/charte/bg-title.jpg);
  font-family:Arial;
  font-size:12px;
  color:#ffffff;
  padding-left:32px;
  padding-top:8px;
  font-weight:bold;
 }
 .bg-visite{
  width:215px;
  height:129px;
  background-image: url(../../images/presentation/bg-visite.jpg);
  float:left;

 }
 .bg-contact{
  width:657px;
  height:56px;
  background-image: url(../../images/presentation/bg-contact.jpg);
  margin-top:35px;

 }

 .select{
  width:197px;
  height:22px;
  padding-left:5px;
  padding-top:2px;
  margin-left:4px;
  font-family:Arial;
  font-size:12px;
  color:#64810b;
  border:solid 1px #d9d9d9;
 }

  .bg-recherche{
  width:675px;
  height:94px;
  background-image: url(../../images/charte/bg-recherche.jpg);
 padding-top:23px;

 }

   .bg-listing{
  width:645px;
  height:100px;
  background-image: url(../../images/charte/bg-listing.jpg);
  padding:5px 15px;
  margin-bottom:10px;
 }

.nav_pages{
	/*margin: 0 150px 0 0;*/
	padding: 2px 0 10px 0;
	margin-bottom: 10px;
	font-size: 11px;
	color: #573b0d;
	position: relative;
  float:left;
  width:100%;
  text-align:center;
}

.nav_pages a{
	color: #000000;
	text-decoration: none;
	border: 1px solid #4a5f04;
	margin: 0 1px;
	padding: 1px 1px;
    background-color:#ffffff;
   

}
.nav_pages a:hover{
	color: #000000;
	background-color:#cfeb7a;
	text-decoration: none;
}
.nav_pages a.menu_actif{
	color: #000000;
	background-color:#cfeb7a;
	text-decoration: none;
} 


/* ===| VII. CONTACT FORM |=====================================================*/
#frmContact{margin: 0; padding: 5px; }
#frmContact label{display: block; padding: 4px 2px; width:370px; clear:both;}
#frmContact label span{display:block; width: 100px; float: left;}
#frmContact label input, #frmContact label textarea{vertical-align: top;}

div.submit-buttons{clear: both;	text-align: center; padding: 4px 2px;}
div.submit-buttons input{	border: 1px solid #fff; background: #ccc;}
div.submit-buttons a:hover input{ border: 1px solid #ccc; background: #fff;}
#frmContact .inputForm {width:180px;}

/* ===| XIII. COMPONENT PHOTOS |=====================================================*/

#photos .largeHolder{float:right; width:300px; height:300px; padding:5px; background: url(images/bg-largephoto.jpg) left top no-repeat; text-align: center; }

#photos .photoHolder{float:left; width:75px; height:75px; margin:7px 5px; display: inline; text-align: center; border:1px solid #BCBBAF;}

#photos .photoHolder img{cursor:pointer;}


#frmContact .chk{float:left; padding:0 25px 0 25px;;}

#frmSearch label strong{display:block; float: left; padding-right:10px;}

#frmSearch select{ width: 170px; float:left; margin-right:15px; font-family: Arial, Verdana, sans-serif; font-size:12px; vertical-align: top; 	border: 1px solid #8BA834; background: #f0f0f0;}

#frmSearch a:visited input.crecherche, #frmSearch a:link input.crecherche { font-family: Arial, Verdana, sans-serif; color:#8BA834; font-size:12px;	border: 1px solid #8BA834; background: #F0F0F0; cursor:pointer; float:right;}

#frmSearch a:hover input.crecherche, #frmSearch a:focus input.crecherche {  border: 1px solid #ffffff;  font-size:12px; color:#ffffff; background: #8BA834;}

.inputForm
{ font-family: Arial;
  width:200px;
  height:16px;
  border:solid 1px #cccccc;
  background-color:#ffffff !important;
  color:#333333;
  font-size:12px;
  padding-top:2px;
  padding-left:1px;
  }
.inputFormOver
{ font-family: Arial;
  width:200px;
  height:16px;
  border:solid 1px #07751d;
  background-color:#ffffff !important;
  color:#562504;
  font-size:12px;
  padding-top:2px;
  padding-left:1px;
}
 .button-envoyer
{ cursor: pointer;
  width:48px;
  height:16px;
  background:url(../../images/charte/envoyer.jpg) left top no-repeat !important;
}
.button-envoyer-over
{ cursor: pointer;
  width:48px;
  height:16px;
  background:url(../../images/charte/envoyer-over.jpg) left top no-repeat !important;
}
.button-retablir
{ cursor: pointer;
 width:48px;
  height:16px;
  background:url(../../images/charte/retablir.jpg) left top no-repeat !important;
}
.button-retablir-over
{ cursor: pointer;
  width:48px;
  height:16px;
  background:url(../../images/charte/retablir-over.jpg) left top no-repeat !important;
}



.pagination {float: left; clear:left; width:550px;; text-align:center; border-top: 1px solid #c9c8c1;}

.pagination span{padding:1px; margin: 0 50px 0 25px;}

.pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}

.pagination a:hover, .pagination a:active{color:#000000; text-decoration: underline;}


.actu_pagination a{
color:#4F6707;
text-decoration:none;
}
.actu_pagination a:hover{
color:#8A1939;
text-decoration:underline;
}
.actu_pagination{
margin-bottom:10px;
}