* { margin: 0; padding: 0;  }
body, html { background: none; background-color: #000; font: 13px arial,"sans serif"; color: #f7efcb;}

h1 { font-size: 14px; font-weight: bold;  text-decoration:none; }

#achatfr {
 width: 900px;
 height: 600px;
 margin: 0 auto;
 background:url(achat_fr.jpg) no-repeat;
  text-decoration: none;
 }
 
 #flyerfr {
 width: 456px;
 height: 680px;
 margin: 0 auto;
 background:url(BBSAINTVALENTIN.jpg) no-repeat;
  text-decoration: none;
 }
 
 #flyeren {
 width: 456px;
 height: 680px;
 margin: 0 auto;
 background:url(BBVALENTINESDAY.jpg) no-repeat;
  text-decoration: none;
 }
 
  #imagefr {
  float: left;
  position: relative;
  top: 325px;
  left: 395px;
}
 
  #imageen {
  float: left;
  position: relative;
  top: 325px;
  left: 395px;
 }
 
   #bbq {
  float: left;
  position: relative;
  top: 669px;
  left: 0;
 }
 
 
 #achaten {
 width: 900px;
 height: 600px;
 margin: 0 auto;
 background:url(achat_en.jpg) no-repeat;
 text-decoration: none;
 }
 
 #retour{
 float: right;
 position: absolute;
 font-weight: bold;
 text-align: center;
 left: 1030px;
 top: 1470px;
 width: 175px;
 height: 22px;
 background-color: #000;
  }
 
 .box
 {
 float: left;
 text-align: center;
 position: relative;
 display: block;
 width: 260px;
 height: 325px;
 margin-top: 110px;
 margin-left: 15px;
 padding: 5px;
 font-weight: bold;
 background:url(bg.png) repeat;
 border: 1px solid #333;
 text-decoration: none;
 }


a:link, a:visited { color: #f7efcb; text-decoration: underline; }
a:hover, a:active { color: #bcb195; text-decoration:none; }


/* ##################### FLOAT DIV FIX ############################ */
.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 */