/* style de base */
*{margin:0; padding:0;}
body{background:#FFF; font-family:Arial,sans-serif;}
a{color:#a50101; font-size:12px; text-decoration:none;}
a:hover{color:#a50101; font-size:12px; text-decoration:none;}
img{border:none;}
h1 {}
h2 {
    font-size:14px; line-height:30px; color:#FFF; text-align:center; text-transform:uppercase; background:#000;
    background: #000000;
    background-image: url(../i/bg-title.png); /* fallback */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#2c2c2c)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #000000, #2c2c2c); /* Chrome 10+, Saf5.1+ */
    background-image: -moz-linear-gradient(top, #000000, #2c2c2c); /* FF3.6+ */
    background-image: -ms-linear-gradient(top, #000000, #2c2c2c); /* IE10 */
    background-image: -o-linear-gradient(top, #000000, #2c2c2c); /* Opera 11.10+ */
    background-image:  linear-gradient(top, #000000, #2c2c2c); /* W3C */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/* Classe generique */

.clear{clear:both;}

/* style de structure */

#wrapper {
    width:950px; 
    margin:auto; 
    border:1px solid #000;

    -moz-box-shadow: 0 0 3px #000;
    -webkit-box-shadow: 0 0 3px #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3)";
    filter:
        progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=0,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=90,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=180,strength=3)
        progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=270,strength=3);

    box-shadow: 0 0 4px #000;
}

#main{background:#363636; padding:5px;}

/* style des modules */

.m-large-box{width:611px; height:334px; background:#FFF; float:left; margin:6px; border:1px solid #FFF;}
.m-medium-box{width:300px; height:336px; background:#FFF; float:left; margin:6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.m-small-box{position:relative; width:300px; height:125px; background:#FFF; float:left; margin:6px;}
.m-small-box > .label-box {position:absolute; top:90px; left:0; width:100%; line-height:34px; font-size:12px; color:#FFF; border-top:1px solid #FFF; background-image:url('../i/arrow.png'); background-repeat:no-repeat; background-position:270px 10px;
}
.label-box > .label {display:inline-block;padding:0 0 0 10px;}
.m-small-box > .background{position:absolute; top:90px; left:0; width:100%; height:35px; background:#000;  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); /* IE 5-7 */
  -moz-opacity: 0.5; /* Netscape */
  -khtml-opacity: 0.5; /* Safari 1.x */
  opacity: 0.5;  /* Good browsers */
}

.m-boxshot{display:block; width:118px; height:165px; margin:10px auto auto auto;-moz-box-shadow: 0 0 3px #3a3a3a;-webkit-box-shadow: 0 0 3px #3a3a3a;border:1px solid #c6c6c6;box-shadow: 0 0 4px #3a3a3a;}
.m-price{width:100%; text-align:center; margin:10px 0 5px 0; font-weight:bold;}
.m-price > .promo{display:inline-block; line-height:20px; color:#FFF; font-style:14px; background:#b20000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:5px;}
.m-price > .old-price{font-size:15px; font-family:verdana; color:#28394E;}
.m-price > .new-price{font-size:19px; color:#A50101;}
.m-buy{text-align:center;}
.m-buy > .more{ margin:0 10px 0 0;}
.m-buy > .button{
display:inline-block; 
text-shadow: #000000 0 0 1px; zoom:1; 
font-size:15px; 
width:147px; 
height:36px; 
color:#FFF; 
font-weight:bold; 
line-height:33px;
background: #000000;
background-image:url('../i/bt-buy.jpg'); background-repeat:no-repeat;
}
.m-view-selection{text-align:center; margin:5px 0 0 0;}