/*============================================================ 
 Essentials 
============================================================*/ 

/**body { 
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
        font-weight: normal; 
        font-size: 13px; 
        color: #222; 
        text-align: left; 
        background: #f9fbf4; 
        }**/ 

h1, h2, h3, h4, h5, h6 { 
        margin-bottom: 1em; 
        font-weight: normal; 
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
        color: #222; 
        } 

h1 { font-size: 32px; line-height: 1.2em; color: #fff; } 
h2 { font-size: 13px; line-height: 1.4em; font-weight: bold; } 
h3, h4 { font-size: 13px; font-weight:bold; } 
h5, h6 { font-size: 10px; font-weight:bold; } 


#produits { 
        float: left; 
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
        font-weight: normal; 
        font-size: 13px; 
        } 

.produit { 
        float: left; 
        margin-left: 10px; 
        margin-top: 10px; 
        width: 380px; 
        background: url(../grafx/dots_column.gif) repeat-y right top #fff; 
        } 


.produit h2 { 
        font-size: 14px; 
  color: #ccc; 
        display: block; 
        width: 380px; 
        height: 46px; 
        margin-top: 10px; 
        margin-bottom: 8px; 
        background: 0 0 no-repeat #222; 
        } 



.produit ul { 
        margin: 0 0px 0 0px; 
        list-style: none; 
        } 

.produit li { 
        /**padding: 0 0 0 0px;**/ 
        font-size: 12px; 
        color: #666; 
        text-align: left; 
        /**background: url(../grafx/icon_plus.gif) 2px center no-repeat;**/ 
        } 
        
.produit li span.ligne { 
        display: block; 
        width: 100%; 
        padding: 8px 0; 
        background: url(../grafx/dots_row.gif) left bottom repeat-x; 
        cursor: pointer; 
        } 

.produit li.sol { 
        color: #ccc; 
        } 
        
.produit .image { 
        height: 320px; 
        position:relative;   
  margin:auto;   
  overflow:hidden; 
        } 
        
        
.comment   
{   
  position:absolute;   
  width:350px;   
  top:50px;   
  left:10px;   
  letter-spacing: -1px;   
  color: white; font: 20px/45px Arial, "Helvetica Neue", Helvetica, sans-serif;   
  background: #4A4D4A;   
  padding: 10px;   
  filter:alpha(opacity=60);   
  -moz-opacity:0.6;   
  -khtml-opacity: 0.6;   
  opacity: 0.6;   
  line-height: 90%   
}   

#produit_description .caract { 
        font-weight: bold; 
        color: #222; 
        } 
        
        
        
#produit_description .promo { 
        font-weight: bold; 
        font-size: 16px; 
        color: red; 
        } 
                
        









/*============================================================ 
 Debris 
============================================================*/ 

.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
        } 

.clearfix {display: inline-block;} 

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */