/* CSS Document */
#mainContent{width:660px;padding:10px 25px 50px 0px;}
#mda_footer{position:absolute; bottom:10px;left:15px;width:495px;height:39px;}

/* === 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 15px 0 0;}
#productList table{  float:right; margin-right:10px;}
.productPrice{ color:#FFFFFF; background-color:#FF0000; font-size:14px; font-weight:bold; float:left; padding:2px 3px;}
#productList .productPrice{color:#FF0000;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;}*/

#produitFocusListe{ margin:1em 0 1em 0; padding:0; list-style:none; list-style-image:none; clear:both;}
#produitFocusListe li{ background:url(/design/category/encartFond.gif) no-repeat left top; width:190px; height:240px; float:left; margin:0 1.5ex 1em 1.5ex; padding:0;}
#produitFocusListe h4{ color:#FFFFFF; margin:5px 1ex; padding:0; height:29px; text-align:center; overflow:hidden; font-size:0.9em;}
#produitFocusListe h4 a{ color:#FFFFFF;}
#produitFocusListe .productPrice{float:none; background-color:#FFED3F; color:#FF0000; font-size:14px; font-weight:bold; text-align:right;width:180px; height:14px; padding:2px 5px;}
#produitFocusListe .thumbImage{ width:180px; height:70px; margin:1.5em 0 0.5em 0; text-align:center; overflow:hidden; float:none;}
#produitFocusListe .notePhoto{ position:relative;width:176px;margin:0 2px 1em 2px;}
#produitFocusListe h5{width:170px; height:40px;overflow:hidden;text-align:center; padding:0 5px; color:#5C5B5F; font-size:0.9em; font-weight:normal;}
#produitFocusListe .ecoTaxe{padding:0 1.5ex 0 0; float:right;text-align:right;/*width:180px;*/ height:15px; position:relative; top:0; left:0px;}

#categoryListe { list-style:none;}
#categoryListe 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;}
#categoryListe .thumbImage{ width:154px; height:70px; margin:1em 0 1em 0; text-align:center; overflow:hidden; float:none;}
#categoryListe h3{ color:#333333; font-size:13px; margin:0; padding:0;}
#categoryListe h3 a{ color:#333333;}
#categoryListe h4{ font-weight:normal; color:#666666; font-size:11px; height:25px; overflow:hidden;}

/* === Liste des produits en tableau (datagrid === */
#productListDataGrid { margin:0; padding:0; width:100%;text-align:left;float:left}
#productListDataGrid thead tr{display:none;}
#productListDataGrid thead th{text-align:center;}
#productListDataGrid thead th a {font-size:1em}
#productListDataGrid thead th a span.sortArrow {font-size:1.2em}
#productListDataGrid td{ margin:5px 0 5px 0; padding:5px;  min-height:70px; border:1px solid #CCCCCC;  background:none; background-image:none;}
#productListDataGrid h4{ margin:0 0 3px 0; padding:0;}
#productListDataGrid h4 a{color:#2D2D2D;}
#productListDataGrid h5{ font-size:12px; min-height:17px; font-weight:normal; margin:0 0 2px 0; padding:0;color:#2D2D2D;}
#productListDataGrid h5 a{text-decoration:none;color:#2D2D2D;}
#productListDataGrid .notePhoto{background-color:#FFFFFF;color:#2D2D2D;filter: alpha(opacity=80);-moz-opacity: 0.8; text-align:center;width:70px; left:5px;}
#productListDataGrid .thumbImage{ width:70px; height:70px; overflow:hidden; /*border:1px solid #B1B6BB; */float:left; margin:0 15px 0 0;}
#productListDataGrid table{  float:right; margin-right:10px;}
#productListDataGrid .productPrice{color:#FF0000;background:url(/design/images/prix_fond.gif) no-repeat left top; width:86px; height:20px;padding:5px 5px 0 5px; margin:0.7em 80px 0 0; text-align:center;}
#productListDataGrid form {width:auto;margin:0pt;max-width:auto;min-width:1px;padding:0pt;}
#productListDataGrid .ecoTaxe {position:relative;left:0;top:0}
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;}