/* Navigation pages haut */

#nav_pages_haut {
float: right;
margin: 0;
padding: 25px 0 0 0;
width: 210px;
color: #444;
font-family: verdana;
font-size: .9em;
}

#nav_pages_haut a {
float: left;
display: block;
margin: 4px 8px 0 8px;
padding: 0;
width: 5px;
height: 9px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
}

#nav_pages_haut a.left {
background-image: url(../_img/structure/interieur_nav_pages_left.png);
}

#nav_pages_haut a.right {
background-image: url(../_img/structure/interieur_nav_pages_right.png);
}

#nav_pages_haut span {
padding: 2px 0 0 0;
float: left;
}

#nav_pages_haut input {
margin: 0 0 0 25px;
padding: 2px;
width: 18px;
height: 12px;
color: #444;
border: 1px solid #444;
font-size: 1em;
text-align: center;
}

#nav_pages_haut input.submit {
margin: 0 2px 0 0;
padding: 0;
width: 18px;
height: 14px;
color: #444;
border: 0;
text-decoration: underline;
background-color: #fff;
font-size: 1em;
cursor: pointer;
font-family: verdana;
}

/* Liste */

#liste {
position: relative;
margin: 0 17px 0 15px;
padding: 6px 0 16px 0;
border-top: 3px solid #000;
background: transparent url(../_img/structure/interieur_liste_bottom.png) no-repeat left bottom;
}

#liste ul {
margin: 0;
padding: 0;
}

#liste li {
position: relative;
float: left;
margin: 6px 5px 6px 6px;
padding: 0;
width: 166px;
height: 258px;
background: transparent;
background-repeat: no-repeat;
background-position: 0 0;
list-style: none;
}

#liste li h3 {
position: absolute;
margin: 0;
padding: 0;
top: 5px;
left: 12px;
color: #fff;
font-size: 1.1em;
font-weight: normal;
}

#liste li div.vignette {
position: absolute;
margin: 0;
padding: 0 5px 5px 0;
top: 23px;
left: 1px;
width: 164px;
height: 175px;
}

#liste li div.vignette a {
display: block;
text-align: center;
padding: 10px 0 0 0;
width: 164px;
height: 165px;
}

#liste li div.vignette img {
margin: 0;
padding: 0 5px 4px 0;
background: transparent url(../_img/structure/interieur_liste_degrade.png) no-repeat right bottom;
}

#liste li div.etiquette {
position: absolute;
margin: 0;
padding: 0;
top: 199px;
left: 1px;
width: 82px;
height: 18px;
}

#liste li div.nouveau {
background: transparent url(../_img/structure/interieur_liste_etiquette_nouveau.png) no-repeat 0 0;
}

#liste li div.bestof {
background: transparent url(../_img/structure/interieur_liste_etiquette_bestof.png) no-repeat 0 0;
}

#liste li div.solde {
background: transparent url(../_img/structure/interieur_liste_etiquette_solde.png) no-repeat 0 0;
}

#liste li div.promo {
background: transparent url(../_img/structure/interieur_liste_etiquette_promo.png) no-repeat 0 0;
}

#liste li div.reference {
position: absolute;
margin: 0;
padding: 0;
top: 202px;
left: 84px;
width: 81px;
height: 16px;
text-align: center;
color: #444;
}

#liste li div.details {
position: absolute;
margin: 0;
padding: 0;
top: 222px;
left: 8px;
width: 73px;
height: 27px;
}

#liste li div.details a {
display: block;
padding: 10px 0 0 32px;
color: #444;
font-size: 1.1em;
height: 17px;
text-decoration: underline;
background: transparent;
background-repeat: no-repeat;
background-position: left top;
}

#liste li div.details a:hover {
background-position: left bottom;
}

#liste li div.prix {
position: absolute;
margin: 0;
padding: 0;
top: 227px;
left: 84px;
width: 81px;
height: 16px;
text-align: center;
font-size: 1.5em;
font-weight:bold;
color: #fff;
}

#liste li div.prix span {
font-size: .8em;
}

/* RSS */

div#rss {
float: left;
margin: 0 0 0 10px;
padding: 0;
width: 40px;
height: 40px;
background: transparent url(../_img/structure/interieur_liste_rss.png) no-repeat 0 0;
}

div#rss a {
display: block;
margin: 0;
padding: 0;
width: 40px;
height: 40px;
}



/* Navigation pages bas */

#nav_pages_bas {
float: right;
margin: 10px 0 0 0;
padding: 0;
width: 680px;
color: #444;
font-family: verdana;
font-size: .9em;
text-align: center;
}

#nav_pages_bas div#fleches {
margin: 0 auto;
width: 130px;
}

#nav_pages_bas div#fleches a.fleche {
float: left;
display: block;
margin: 2px 8px 0 8px;
padding: 0;
width: 5px;
height: 9px;
background: transparent;
background-repeat: no-repeat;
background-position: 0 0;
}

#nav_pages_bas div#fleches a.left {
background-image: url(../_img/structure/interieur_nav_pages_left.png);
}

#nav_pages_bas div#fleches a.right {
background-image: url(../_img/structure/interieur_nav_pages_right.png);
}

#nav_pages_bas div#fleches span {
float: left;
}

#nav_pages_bas div#liste_pages {
margin: 0;
padding: 5px 0 0 0;
}

#nav_pages_bas div#liste_pages a {
margin: 0;
padding: 0 2px;
font-family: verdana;
font-size: .9em;
text-decoration: underline;
}

#nav_pages_bas div#liste_pages a:hover {
text-decoration: none;
}