
/* conteneur de l'album */

.tx-brochotalbum-pi1 .album {
    margin: 0;
    padding: 0;
    position: relative;
    width: 800px;
    height: 300px;
    overflow: hidden;
}




/* menu central */

.tx-brochotalbum-pi1 .album ul.album-menu { 
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 0px;
    left: 320px;
    width: 160px;
    height: 300px;
}

/* une image du menu */
.tx-brochotalbum-pi1 .album ul.album-menu li { 
    margin: 0;
    padding: 0;
}

/* vignettes */
.tx-brochotalbum-pi1 .album ul.album-menu li a { 
    margin: 0;
    border: 0;
    display: block;
    width: 160px;
    height: 75px;
    overflow: hidden;
}

/* retirer les pointillés autour du lien lors du clic sous FF */
.tx-brochotalbum-pi1 .album ul.album-menu li a:active {
    outline: none;
}
.tx-brochotalbum-pi1 .album ul.album-menu li a:focus {
    outline: none;
}

/* alt-text en bas de chaque vignette */
.tx-brochotalbum-pi1 .album ul.album-menu li a span {
    display: block;
    text-align: center;
    padding-top: 60px;
    color: black;
    font-family: Verdana;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
} 




/* Style général d'une image de l'album */

.tx-brochotalbum-pi1 .album .album-image {
	margin: 0;
	padding: 0;
	display: block;
	position: absolute;
	width: 320px;
	height: 300px;
}

/* image impaire (à gauche) */
.tx-brochotalbum-pi1 .album .album-image.odd {
    top: 0px;
    left: 0px;
}

/* image paire (à droite) */
.tx-brochotalbum-pi1 .album .album-image.even {
    top: 0px;
    left: 480px;
}

