#accroche { padding: 10px 0 40px 0; font: bold 12px Verdana; text-align: right; color: #999 }
#accroche h2 { margin: 0; font-size: 18px }
#accroche h2 strong { color: #3283C5 }
#accroche p { margin: 0; line-height: 20px }

#contenu h1 { clear: both; margin: 15px 0 5px 0; font: bold 14px Verdana; color: #3283C5 }

.produit { overflow: hidden; background: url(../img/produit-fond.gif) repeat-x }
.produit img { float: left; width: 150px; border: solid 1px #E2DFDF }
.produit h2, .produit h3, .produit p, .navigation { display: inline; float: right; width: 291px }
.produit h2 { margin: 0 10px 5px 0; padding: 8px 0; font: bold 12px Verdana; text-transform: uppercase; border-bottom: dashed 1px #999 }
.produit h3 { margin: 0 10px 5px 0; font: bold 11px Verdana }
.produit p { margin: 0 10px 15px 0 }
/* Boutons de navigation */
.navigation { position: relative; height: 22px; padding: 9px 10px 0 10px; background: #E5E5E5 url(../img/produit-navigation.gif) 100% 0 no-repeat; font: bold 12px Verdana; color: #39C }
.navigation a { position: absolute; overflow: hidden; text-indent: -200px }
.produit .detail { left: 235px; top: 0; width: 33px; height: 31px }
.produit .panier { left: 269px; top: 0; width: 42px; height: 31px }

.article { background: url(../img/article-fond.gif) repeat-x }
.article h2 { margin: 0 10px 5px 10px; padding: 8px 0; font: bold 12px Verdana; border-bottom: dashed 1px #999 }
.article p { margin: 0 10px }

#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; zoom: 1; }
#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; top: 0px; }
.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 }