.left {float:left}
.right {float:right}
.clear {clear:both}

img {border:none}
.rouge {color:#e22528}
.gris {color:#666}

.fiche p {margin:0px; font-size:11px}
.fiche b {font-size:11px}

.fiche-fond-titre1,.fiche-fond-titre2 {
  background-image: url(../images/fiche/fiche_fond_titre2.gif);
  background-repeat:no-repeat;
  width:510px;
  height:22px;
  padding-top:12px
}
.fiche-fond-titre1 {background-image: url(../images/fiche/fiche_fond_titre.gif)}

.stock-dispo,.stock-rea,.stock-epuise {
  background-image: url(../images/fiche/fiche_dispo.gif);
  background-repeat:no-repeat;
  width:510px;
  height:23px;
  text-align:left;
  color:#fff
}
.stock-rea {background-image: url(../images/fiche/fiche_rea.gif)}
.stock-epuise {background-image: url(../images/fiche/fiche_epuise.gif)}

.fiche-etat {display:block; padding:6px 0px 0px 40px !important}
.ref {display:block; color:#041d84; font-weight:bold; margin:6px 15px 0px 0px !important}

.fiche-contenu {background-image: url(../images/fiche/fiche_milieu.gif); width:510px}
.fiche-photo {margin:7px 5px 0px 7px}
div > .fiche-photo {margin:7px 10px 0px 15px}
.fiche-infos {width:316px; margin-top:10px; text-align:justify; font-size:11px}

.cartouche {margin:0px 10px}

.variantes {display:block; width:316px; background-color:#7282c1; color:#fff; padding:2px 0px 2px 2px; margin:10px 0px 3px 0px;clear:both;}

.points {background-image: url(../images/fiche/point.gif); background-repeat:repeat-x; background-position:center left}
.plus {margin:5px}
.hover {background-color:#ccd6ff !important; cursor:pointer}
.ligne1 {background-color:#e2e8ff}


.fiche-prod a {
  background-image: url(../images/fiche/fiche_plus.gif);
  background-repeat:no-repeat;
  background-position:300px 2px;
  padding:1px 0px 1px 5px;
  display:block; 
  color:#666; 
  text-decoration:none; 
  margin-bottom:5px
}
.fiche-prod a:hover {background-color:#e4e4e4}

p.couleurs {
  padding-bottom:5px;
  display:block;
  background-image: url(../images/fiche/fiche_barre.gif); 
  background-position:bottom left;
  background-repeat:no-repeat;
  margin:10px 0px;
}

.prix {width:310px}
.prix em{color:#666}

.fiche-panier {margin:20px 10px 0px 0px}
.fiche-couleurs {}
.fiche-couleurs img {margin-top:2px;}
.fiche-couleurs p{padding-top:3px; color:#666}

p.prods-couleurs {
  display:block; 
  background-color:#d2dbf9; 
  width:231px; 
  padding:2px 5px 2px 0px; 
  margin:0px 5px 3px 0px;
  text-align:right;
  float:left;
  color:#041d84 !important
}

.fiche input {float:left; width:20px; height:17px; margin-right:5px; text-align:center; font-size:11px; color:#e22528; font-weight:bold}
  
  
  
  
  
  
  
  
  
h2 {margin:0; color:#fff; font-weight:normal; text-align:left; padding-left:20px;font-size:14px;}

.fiche-prod{margin-bottom:5px;}


#flash { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; background-color: #569; color: white; background-image: url('/static/img/btn.png'); background-position: bottom; border-bottom: 1px solid #555; }
#flash, #flash * { cursor: pointer; }
#flash .yui-b { padding: 5px 0; }
#flash .yui-b>* { font-size: 128%; }
#flash label { display: block; text-align: right; font-weight: bold; text-transform: capitalize; }
#flash label:after { content: ':'; }

#flash.subtle { background-color: #444; color: white; }
#flash.subtle:hover { background-color: #222; }
#flash.warning { background-color: #ff0; color: black; }
#flash.warning:hover { background-color: #ff8; }
#flash.success { background-color: #595; }
#flash.success:hover { background-color: #7b7; }
#flash.failure, #flash.error { background-color: #800; }
#flash.failure:hover, #flash.error:hover { background-color: #a00; }
#flash.subtle, #flash.success, #flash.failure, #flash.error { text-shadow: black 2px 2px 2px; }