/* Commun a la liste et au détail */

#sous_menu { margin: 0 0 10px 0; padding: 5px 0 0 0; text-align: center }
#sous_menu li { display: inline; list-style: none }
#sous_menu a:hover { text-decoration: underline }
#sous_menu a { padding: 0 10px 0 16px; font: bold 11px Verdana; color: #666; text-decoration: none; border-left: solid 2px #666 }
#sous_menu .selected { color: #3283C5 }
#sous_menu .first_item a { border: none }

.navigation { position: relative; height: 17px; margin: 0 0 15px 0; text-align: right; padding: 6px 25px 0 0; color: #999; background: url(../img/produit-detail-navig-fond.gif) no-repeat 100% 4px; border-top: dashed 1px #666 }
.navigation p { display: inline; float: left; margin: 0 }
.navigation span { font: bold 11px Verdana; color: #3283C5 }
.navigation select { position: absolute; left: 400px; top: 4px; width: 38px; font: bold 11px Verdana; color: #3283C5 }
.navigation a { position: absolute; overflow: hidden; font-size: 0px; letter-spacing: -50px }
.retour { width: 38px; height: 20px; left: 329px; top: 4px }
.prec { width: 20px; height: 20px; left: 374px; top: 4px }
.suiv { width: 21px; height: 20px; left: 442px; top: 4px }

/* Liste */

#produits { margin: 0 0 0 0; padding: 0; overflow: hidden }
#produits li { list-style: none; display: inline; float: left; width: 147px; margin: 0 0 0 11px; padding: 0 0 10px 0; background: url(../img/produit-detail-fond.gif) repeat-x 0 147px }
#produits .first_item { margin-left: 0; clear: both }
#produits img { width: 145px; border: solid 1px #E2E0E0 }
#produits h2 { margin: 10px 8px 10px 8px; padding: 0 0 8px 0; font: bold 12px Verdana; border-bottom: dashed 1px #999 }
#produits h3 { margin: 0 8px 10px 8px; font: bold 11px Verdana }
#produits p { margin: 0 8px 10px 8px; font: 11px Verdana }

.produits_navig { position: relative; width: 127px; height: 22px; padding: 9px 10px 0 10px; background: #E5E5E5 url(../img/produit-navigation.gif) 100% 0 no-repeat; font: bold 12px Verdana; color: #39C }
.produits_navig a { position: absolute; overflow: hidden; font-size: 0px; letter-spacing: -50px }
.produits_navig .detail { right: 43px; top: 0; width: 33px; height: 31px }
.produits_navig .panier { right: 0; top: 0; width: 42px; height: 31px }

/* Détail */

#produit { overflow: hidden; margin: 0 0 10px 0; background: url(../img/produit-detail-fond.gif) repeat-x 0 37px }
#produit a img { float: left; width: 250px; border: solid 1px #E5E5E5 }
#produit h2 { position: relative; float: right; width: 191px; height: 29px; margin: 0; padding: 4px 10px; font: bold 12px Verdana; background: url(../img/produit-titre-fond.gif) }
#produit h2 img { position: absolute; right: 0; top: 0 }
#produit h3 { float: right; width: 191px; margin: 0; padding: 10px 10px 0 10px; font: bold 11px Verdana }
#produit p { float: right; width: 191px; margin: 0; padding: 10px; font: 11px Verdana }
#produit_navig { position: relative; float: right; clear: both; width: 191px; height: 22px; padding: 9px 10px 0 10px; background: #E5E5E5 url(../img/produit-navigation.gif) 100% 0 no-repeat; font: bold 12px Verdana; color: #39C }
#produit_navig a { position: absolute; overflow: hidden; text-indent: -200px }
#produit_navig .diaporama { left: 135px; top: 0; width: 33px; height: 31px }
#produit_navig .panier { right: 0; top: 0; width: 42px; height: 31px }

#photos { overflow: hidden; margin: 0 0 10px 0; padding: 0 }
#photos li { list-style: none; display: inline; float: left; margin: 0 0 0 5px }
#photos li.first_item { margin: 0 }
#photos img { width: 149px; border: solid 1px #F0F0F0 }