/* 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; }
.navigation select { position: absolute; left: 380px; top: 4px; width:85px; font: bold 11px Verdana; color: #3283C5 }
.navigation a { position: absolute; overflow: hidden; }
.prec { height: 20px; left: 310px; top: 6px }
.suiv { height: 20px; left: 472px; top: 6px }

/* Liste */

#produits { margin: 0 0 0 0; padding: 0; overflow: hidden }
#produits li { list-style: none; display: inline; float: left; width: 184px; margin: 0 0 0 11px; padding: 0 0 10px 0; background: url(../img/produit-detail-fond.gif) repeat-x 0 147px }
#produits li.hr { clear: both; height: 1px; width: 570px; margin: 0; border-top: 1px dashed #999; line-height:1px; }
#produits .first_item { margin-left: 0; clear: both }
#produits img {  }
#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; font: bold 12px Verdana; color: #39C }
.produits_navig a { position: absolute; overflow: hidden; font-size: 0px; line-height: 0px }

/* Détail */

#produit { overflow: hidden; margin: 0 0 10px 0; }
#produit .images { float: left; }
#produit .texte { float: left; width: 280px; overflow: hidden; margin-left: 15px; }
#produit h2 { float: left; width: 270px; height: 20px; margin: 0; padding-top: 15px; font: bold 14px Verdana;}
#produit .arianne { display: block; float: left; margin: 0 0 0 0; width: 280px; }
#produit h3 { float: left; width: 280px; margin: 10px 0 0 0; text-align: justify; padding: 0; font: 11px Verdana }
#produit p { float: right; width: 280px; margin: 10px 0 0 0; text-align: left; padding: 0; }
#produit .price { float: right; width: 270px; margin: 10px 0 0 0; text-align: right; font-weight: bold; font-size: 16px; padding: 5px 8px; }
#produit .addtocart { float: right; width: 276px; margin: 3px 0 0 0; font-weight: bold; text-transform:uppercase; padding: 1px 0 1px 8px; font-size: 13px; }
#produit .actions { float: right; width: 280px; margin: 3px 0 0 0; }
#produit .clearboth { clear: both; }

#produit .ptitesimages a
{
	display: block;
	float: left;
	height: 173px;
	width: 173px;
	margin: 6px;
	overflow: hidden;
}

#produit .ptitesimages a
{
	padding-left: 1px;
}

#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 }