/* partie navigation entre les images par l'action des flèches dans les slides */

/* pour enlever les bordures du lien actif de la flèche en pointage par la photo, invisible sans pointage et décalage par rapport à la photo */
/* avec une opacité réglable */
/* attention, l'image en pointage PAR LA PHOTO est définie dans les balises img DIRECTEMENT dans le slide.htt */
.imagesuivante, .imageprecedente {
filter:Alpha(opacity=80); /* pour IE */
-moz-opacity: 0.8; /* pour Firefox, Mozilla et Netscape */
-khtml-opacity: 0.8; /* pour Konqueror */
opacity: 0.8; /* pas reconnu par IE mais normalement pour tous ... C'est le w3c */
border:0px; /* pas de bordure sur le lien avec la balise adresse */
visibility:hidden;
overflow:hidden;
width:32px; /* largeur de la flèche */
height:32px; /* hauteur de la flèche */
padding-top:48px; /* la moitié de la hauteur active - la moitié de la hauteur de la flèche => 128/2-32/2= 64-16=48 */
}

.imageprecedente {
text-align:right; /* on veut décaler la flèche gauche de 10px par rapport à la photo, donc par rapport à la droite du bloc */
padding-right:10px;
}

.imagesuivante {
text-align:left; /* on veut décaler la flèche droite de 10px par rapport à la photo, donc par rapport à la gauche du bloc */
padding-left:10px;
}

/* positionnement des flèches de fond du bloc div (pour le pointage direct sur les flèches) */
/* positionnement de la flèche dans le "vide" avec une zone active de 128px de haut et 42px de large */
.navigue_gauche, .navigue_droite {
	height:128px; /* hauteur de la zone active */
	width:42px; /*largeur de la zone active, on reprend les 32px de la flèche plus le décalage de 10px */
	overflow: hidden; /*dépassement caché - pour pouvoir masquer les flèches en les plaçant hors du champ */

}
.navigue_gauche {
/* impossible de lire la variable d'accès au ./res, donc passage du chargement de l'image dans le slide.htt */
	background: url( fleche_gauche_alpha_32.png) no-repeat; /* la flèche gauche POUR LE POINTAGE DIRECT */

}

.navigue_droite {
/* impossible de lire la variable d'accès au ./res, donc passage du chargement de l'image dans le slide.htt */
   background: url( fleche_droite_alpha_32.png) no-repeat; /* la flèche droite POUR LE POINTAGE DIRECT */
}

/* on cache - hors zone d'affichage grâce à l'overflow:hidden - les flèches lorsque le lien n'est pas actif */
a:link .navigue_gauche, a:visited .navigue_gauche, a:link .navigue_droite, a:visited .navigue_droite {
background-position: -32px 48px;
}

/* on montre les flèches lorsque le curseur est sur la zone active de la flèche */
a:hover .navigue_gauche {
background-position: 0px 48px;
}
a:hover .navigue_droite {
background-position: 10px 48px;
}

.livreor {
	color: #FFD10E;
	font-size: 10px;
}