/* CSS Document */
#mainContent{}


/* === Liste des produits === */
#productList { margin:0; padding:0; clear:both;}
#productList li{ position:relative;margin:5px 0 5px 0; padding:5px; width:97%; min-height:70px; border:1px solid #CCCCCC; list-style:none; list-style-image:none; background:none; background-image:none;}
#productList h4{ margin:0 0 3px 0; padding:0;}
#productList h4 a{color:#2D2D2D;}
#productList h5{ font-size:12px; min-height:17px; font-weight:normal; margin:0 0 2px 0; padding:0;color:#2D2D2D;}
#productList h5 a{color:#2D2D2D;}
#productList .notePhoto{background-color:#FFFFFF;color:#2D2D2D;filter: alpha(opacity=80);-moz-opacity: 0.8; text-align:center;width:70px; left:5px;}
.thumbImage{ width:70px; height:70px; overflow:hidden; /*border:1px solid #B1B6BB; */float:left; margin:0;}
#productList table{  float:right; margin-right:10px;}
.productPrice{color:#dd13ad/*f201a5*/;font-size:18px; font-weight:bold; padding:2px 3px; text-decoration:underline; text-align:right;}
.productPriceAvantPromo{color:#888888;font-size:12px; padding:2px 3px; font-style:italic;text-align:right; white-space:nowrap;}
.productPriceAvantPromo span{}
#productList .productPrice{color:#dd13ad;background:url(/design/images/prix_fond.gif) no-repeat left top; width:86px; height:20px;padding:5px 5px 0 5px; margin:0.7em 2ex 0 0; text-align:center;}
/*.productPrice{ color:#F00000;font-size:14px; font-weight:bold; float:left; padding-top:5px;}*/

.msgShopNearest{color:#dd13ad;font-size:18px; font-weight:normal; padding:10px 0 0 0; margin:0; text-align:left; background:url(/design/productList/carteFrance.png) no-repeat left top;}
.msgShopNearest a{color:#dd13ad;}
.underMsgShopNearest{color:#828282;font-size:13px; padding:3px 0 5px 0; font-style:italic; font-weight:normal;}

#productFocusList{ margin:1em auto; padding:0; list-style:none; list-style-image:none; clear:both;width:100%; height:260px;}
#productFocusList li{width:290px; height:230px; float:left; margin:0 5px; padding:0 8px; border:1px solid #ababab; text-align:center; background:none; background-image:none;}
#productFocusList h4{ color:#464646; margin:0; padding:5px 0;text-align:center; font-size:14px; font-weight:bold; height:40px; overflow:hidden;}
#productFocusList h4 a{ color:#464646; text-decoration:none;}
#productFocusList h5{font-size:12px; font-weight:normal; margin:0 0 2px 0; padding:0;color:#7b7b7b; height:30px; overflow:hidden;}
#productFocusList .thumbImage{ width:70px; height:70px; margin:10px auto; overflow:hidden; float:none;}
#productFocusList .productPrice{ padding:12px 0 0 0;}
#productFocusList .productCart{ float:right; margin:0 30px 0 30px;}

/*#productFocusList .ecoTaxe{padding:0 1.5ex 0 0; float:right;text-align:right;width:150px; height:15px;}
.ecoTaxe strong{color:#FF0000; font-weight:normal;}*/
.ecoTaxe{ margin-top:10px;font-size:10px; text-align:right; font-style:italic;color:#7b7b7b;}
.ecoTaxe strong{color:#dd13ad;}

#categoryList { list-style:none; margin:auto;}
#categoryList li{ float:left; width:154px; height:151px; margin:1em 2ex 1em 2ex; padding:0;background:url(/design/images/categoryListe_fond.gif) no-repeat left top; text-align:center;}
#categoryList .thumbImage{ width:154px; height:70px; margin:1em 0 1em 0; text-align:center; overflow:hidden; float:none;}
#categoryList h3{ color:#333333; font-size:13px; margin:0; padding:0;}
#categoryList h3 a{ color:#333333;}
#categoryList h4{ font-weight:normal; color:#666666; font-size:11px; height:25px; overflow:hidden;}

.pager { clear:both; padding:10px 0; text-align:center;}

/* === Liste des produits en tableau (datagrid === */
table.datagrid { margin:0; padding:0; width:100%;text-align:left;float:left;border-bottom:1px solid #e8e8e8; border-collapse:collapse; border-left:0; border-right:0; border-top:0; }
table.datagrid thead tr{display:none;}
table.datagrid thead th{text-align:center;}
table.datagrid thead th a {font-size:1em}
table.datagrid thead th a span.sortArrow {font-size:1.2em}
table.datagrid td{ margin:0; padding:10px;  min-height:70px; background:none; background-image:none; border:0;}
table.datagrid td.tdProductThumb{ text-align:center; width:70px; background-color:#FFFFFF;}
table.datagrid td.tdProductSupplier{ text-align:center; width:140px;background-color:#FFFFFF;}
table.datagrid td.tdProductTitle{width:400px;}
table.datagrid td.tdProductStock{ text-align:center; width:55px;}
table.datagrid td.tdProductPrice{ text-align:right; width:120px;}
table.datagrid td.tdProductCart{text-align:right; width:55px;}
table.datagrid h4{ margin:0; padding:0 0 5px 0; font-size:14px;color:#444444;}
table.datagrid h4 a{color:#444444; text-decoration:none;}
table.datagrid h5{ font-size:12px; min-height:17px; font-weight:normal; margin:0 0 2px 0; padding:0;color:#777777;}
table.datagrid h5 a{text-decoration:none;color:#777777;}
table.datagrid .notePhoto{background-color:#FFFFFF;color:#2D2D2D;filter: alpha(opacity=80);-moz-opacity: 0.8; text-align:center;width:70px; left:5px;}
table.datagrid .thumbImage{ width:70px; height:70px; overflow:hidden; /*border:1px solid #B1B6BB; */float:left; margin:0 15px 0 0;}
table.datagrid table{  float:right; margin-right:10px;}
table.datagrid .productPrice{}
.panierProductList{}
table.datagrid form {width:auto;margin:0pt;max-width:auto;min-width:1px;padding:0pt;}
table.datagrid .ecoTaxe {position:relative;left:0;top:0}
.list2{ background-color:#f3f4f6;}
form#searchProductsForm {font-size:	1em;}
form#searchProductsForm fieldset li{float:left;	clear:none;}
form#searchProductsForm label.element {width:auto;	margin:0;}
form#searchProductsForm div.element {margin:0;}
form#searchProductsForm input#submitSearch{font-size:1em;}
form#searchProductsForm select {font-size:1em;}
form#searchProductsForm li a, form#searchProductsForm li a:visited {text-decoration:underline;}