/* ** SLOT LATERAL ** */
#left_side .slot, #right_side .slot {
  display: block;
  clear: both;
  width: 165px;
  margin-bottom: 12px;
  background-color: #fefeef;
}
#left_side .slot .title, #right_side .slot .title {
  float: left;
  clear: both;
  width: 155px;
  background: url(http://www.r7g.com/6413/m/img/slot_top_bg_165.gif) no-repeat #fdf382 top left;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #006633;
}
#left_side .slot .title a, #right_side .slot .title a {
  color: #006633;
  text-decoration: none;
}
#left_side .slot .content, #right_side .slot .content {
  float: left;
  width: 157px;
  clear: both;
  border-left: 1px solid #fbe201;
  border-right: 1px solid #fbe201;
  padding: 2px 3px;
}

#left_side .slot .bottom, #right_side .slot .bottom {
  position:relative;
  height:9px;
  border-bottom:1px solid #fbe201;
  clear:left;
}
#left_side .slot .bottom img, #right_side .slot .bottom img {
  position:absolute;
  top:0px;
}

#left_side .slot .content a.lnk, #right_side .slot .content a.lnk {
  display: block;
  color: #007722;
  padding-left: 6px;
  text-decoration: underline;
  background: url(http://www.r7g.com/6413/m/img/arrow.gif) no-repeat 0px 5px;
}
#left_side .slot .content a:hover.lnk, #right_side .slot .content a:hover.lnk {
  text-decoration: none;
  color: #003300;
}






/* ** SLOT VIDE ** */
#main .box {
  display: block;
  clear: both;
  margin-left: 30px;
  margin-right: 30px;
  margin-bottom: 12px;
  width: 560px;
  background-color: #fff;
}
#main .box .top_box {
  position:relative;
  height:8px;
  border-top:2px solid #fbe201;
  clear:left;
}
#main .box .top_box img{
  position:absolute;
  bottom:0px;
}
#main .box .content {
  float: left;
  clear: both;
  width: 516px;
  padding: 5px 20px;
  border-left: 2px solid #fbe201;
  border-right: 2px solid #fbe201;
  font-size: 10pt;
}
#main .box .bottom {
  position:relative;
  height:8px;
  border-bottom:2px solid #fbe201;
  clear:left;
}
#main .box .bottom img{
  position:absolute;
  top:0px;
}

/* ** Sur fiche produit, à droite de l'image ** */
#main .caps .small_box {
  width: 300px;
  margin-top: 50px;
}
#main .small_box .box {
  width: 300px;
  margin: 0px;
}
#main .small_box .box .content {
  width: 280px;
  padding: 8px;
  border-left: 2px solid #fbe201;
  border-right: 2px solid #fbe201;
  font-size: 10pt;
}



/* ** SLOT OFFRE SPECIAL ** */
.special_offer {
  float: left;
  width: 165px;

  background: url(http://www.r7g.com/6413/m/img/bg_special_offer.gif) no-repeat #fdf382 bottom left;
  padding-bottom: 30px;
  margin-bottom: 12px;
}
.special_offer .title {
  float: left;
  clear: both;
  width: 155px;
  background: url(http://www.r7g.com/6413/m/img/slot_top_bg_165.gif) no-repeat #fdf382 top left;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  color: #006633;
}
.special_offer .title a {
  color: #006633;
  text-decoration: none;
}
.special_offer .image {
  float: left;
  clear: both;
  width: 163px;
  padding: 0px 1px;
}
.special_offer .image a {
  float: left;
  width: 161px;
  border: 1px solid #fff;
}
.special_offer .image a img {
  float: left;
  border: 0px;
}
.special_offer .name {
  float: left;
  width: 163px;
  padding: 5px 1px;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1em;
  text-align: center;
}
.special_offer .name a {
  width: 100%;
  color: #ff3300;
  text-decoration: none;
}
.special_offer .name a:hover {
  color: #cc0000;
  text-decoration: none;
}
.special_offer .add_to_cart {
  float: left;
  clear: both;
  width: 165px;
  height: 40px;
  position: relative;
}
.special_offer .add_to_cart a {
  position: absolute;
  top: 0px;
  right: -5px;
}
.special_offer .links {
  float: left;
  clear: both;
  width: 161px;
  padding: 10px 3px 0px 3px;
}
.special_offer .links a {
  display: block;
  color: #007722;
  padding-left: 6px;
  text-decoration: none;
  background: url(http://www.r7g.com/6413/m/img/arrow.gif) no-repeat 0px 5px;
}
.special_offer .links a:hover {
  text-decoration: underline;
}



<div class="special_offer">
  <div class="title"><a href="$cat_lnk" title="$cat_alt"><strong>$cat_alt</strong></a></div>
  <a href="$lnk" title="$alt" class="image">$img</a>
  <a href="$lnk" title="$alt" class="name">$alt</a>
  <a href="$lnk_add_to_cart" title="Ajouter au panier" class="add_to_cart"><img src="{$CONST['FTP']}/img/btn_add-to-cart.png" title="Ajouter au panier" width="154" height="40" onmouseover="this.src=add_to_cart_on.src;" onmouseout="this.src=add_to_cart_off.src;" /></a>
  <div class="links">
    <a href="$lnk" title="D&eacute;tails de l'offre">D&eacute;tails de l'offre</a>
    <a href="$cat_lnk" title="Toutes nos offres spéciales">Toutes nos offres spéciales</a>
  </div>







/* ** BON DE COMMANDE ** */

.bdc_slot {
  display: block;
  clear: both;
  margin-bottom: 12px;
}
.bdc_slot .top {
  position:relative;
  height:8px;
  border-top:2px solid #fbe201;
  clear:left;
}
.bdc_slot .top img{
  position:absolute;
  bottom:0px;
}

.bdc_slot .content {
  float: left;
  clear: both;
  border-left: 2px solid #fbe201;
  border-right: 2px solid #fbe201;
  width: 157px;
  padding: 5px 2px;
}

.bdc_slot .bottom {
  position:relative;
  height:8px;
  border-bottom:2px solid #fbe201;
  clear:left;
}
.bdc_slot .bottom img{
  position:absolute;
  top:0px;
}

#bdc .bdc_slot {
  width: 620px;
  background-color: #fff;
  margin-bottom: 12px;
}
#bdc .title {
  float: left;
  clear: both;
  width: 620px;
  background: url(http://www.r7g.com/6413/m/img/top_slot_620.gif) no-repeat #fbe201 top left;
  padding: 6px 0px;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.1em;
  color: #006633;
  text-decoration: none;
}
#bdc  .content {
  width: 610px;
  padding: 5px 3px;
}


#spec_type_client .left .bdc_slot {
  width: 300px;
  background-color: #fff;
}
#spec_type_client .left .title {
  width: 300px;
  background-image: url(http://www.r7g.com/6413/m/img/top_slot_300.gif);
}
#spec_type_client .left .content {
  width: 290px;
}
#spec_type_client .left .bottom {
  width: 300px;
}

#spec_type_client .right .bdc_slot {
  width: 300px;
  background-color: #fff;
}
#spec_type_client .right .title {
  width: 300px;
  background-image: url(http://www.r7g.com/6413/m/img/top_slot_300.gif);
}
#spec_type_client .right .content {
  width: 290px;
}
#spec_type_client .right .bottom {
  width: 300px;
}

#bdc .medium_width .bdc_slot{
  width: 490px;
  background-color: #fff;
}
#bdc .medium_width .bdc_slot .title {
  width: 490px;
  background-image: url(http://www.r7g.com/6413/m/img/top_slot_490.gif);
}
#bdc .medium_width .bdc_slot .content {
  width: 480px;
  padding: 5px 3px;
}