.droite, .gauche {
	display: block;
	position: absolute;
	border:none;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

a.flecg {
	display: block;
     width: 18px;
     height: 12px;
     background-image: url(../IMAGES/fleche_left.gif);
	  background-repeat: no-repeat;
	  text-decoration:none;
		margin:0px;
	 padding:0px;
	  border: none;
     }
	 
a.flecg:hover {
	display: block;
     background-image: url(../IMAGES/fleche_left_clair.gif);
	  background-repeat: no-repeat;
	  text-decoration:none;
	  border: none;
	margin:0px;
	padding:0px;
     } 
	  
a.flecd {
	display: block;
     width: 18px;
     height: 12px;
     background-image: url(../IMAGES/fleche_right.gif);
	  background-repeat: no-repeat;
	  text-decoration:none;
	  border: none;
	margin:0px;
	padding:0px;
     }
	 
a.flecd:hover {
	display: block;
     background-image: url(../IMAGES/fleche_right_clair.gif);
	  background-repeat: no-repeat;
	  text-decoration:none;
	  border: none;
	margin:0px;
	padding:0px;
     }
 
.rech {
position:absolute;
border-color:#ABCDEF;
border-style:solid;
border-width:1px 1px 1px 1px;
	margin:0px;
	padding:0px;
background-color:#000000;
font-family:Verdana;
font-size: 60%;font-style: normal;
color:#FFFFCC;
}