/* travail sur le "background" du site */
              
              
              
                              /* header */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
body
{
  margin: 0px;
  background-color: black;
  font-family: arial;
}

#header_top1
{
  width: 100%;
  height: 26px;
  background: url("../images/style/design_base/en_tete_bg.gif");
}
  #header_top1 #header_top1_1
  {
    position: absolute;
    left: 200px;
    width: 923px;
    height: 26px;
    background: url("../images/style/design_base/header1.gif");
  }
  #header_top1 .text
  {
    height: 26px;
    width: 300px;
    position: relative;
    left: 900px;
    top: 2px;
    text-align: right;
    vertical-align: middle;
  }
  #header_top1 .text a
  {
    color: #c7a101;
    text-decoration: none;
    font-size: 0.7em;
    font-weight: bold;
  }
  #header_top1 .text a:hover
  {
    color: white;
  }
#header_top2
{
  width: 100%;
  height: 87px;
  background: url("../images/style/design_base/header2.jpg");
}
  #header_top2_vide
  {
    height: 11px;
  }
  #header_top2_2
  {
    width: 342px;
    height: 76px;
    padding-top: 10px;
    background: url("../images/style/design_base/header2_1.png");
  }
  #header_top2_3
  {
    width: auto; /* supression du px provoque un problème d'affichage */
    height: 621px;
    margin-left: 1119px;
    margin-top: -80px;
    background: url("../images/style/design_base/header2_3.jpg") no-repeat;
  }
  
#logo
{
  width: 217px;
  height: 106px;
  background: url("../images/style/design_base/wow_logo_wrath.png") no-repeat;
  position: absolute;
  left: 164px;
  top: 24px;
  z-index: 999;
}

#pegi
{
  width: 55px;
  height: 69px;
  background: url("../images/style/design_base/pegi_12.gif");
  position: absolute;
  left: 1130px;
  top: 1620px;
}
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


                            /* design gauche */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#design_gauche
{
  float: left;
  margin-top: 23px;
}
  #design_gauche1
  {
    width: 342px;
    height: 582px;
    background: url("../images/style/design_base/design_gauche1.jpg");
  }
  #design_gauche2
  {
    width: 245px;
    height: 317px;
    float: left;
    background: url("../images/style/design_base/design_gauche2.png") no-repeat;
  }
  #design_gauche2_2
  {
   width: 87px;
   height: 550px;
   margin-left: 255px;
   background: url("../images/style/design_base/menu-bg.jpg");
  }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/




                        
                            /* design du footer */
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
#footer_1
{
  width: 243px;
  height: 445px;
  background: url("../images/style/design_base/footer_1.gif");
  margin-top: -445px;
  margin-left: 99px;
  position: relative;
  z-index: 999;
}
#footer_2
{
  width: 95px;
  height: 342px;
  margin-left: 342px;
  margin-top: -342px;
  background: url("../images/style/design_base/footer_2.png");
  position: relative;
  z-index: 999;
}
#footer_3
{
  width: 100%;
  height: 15px;
  background: url("../images/style/design_base/footer_3.jpg");
  position: relative;
  z-index: 1000;
}
#footer_mention
{
  width: 100%;
  height: 70px;
  color: white;
  font-size: 0.6em;
  text-align: center;
  padding-top: 10px;
}
  #footer_mention a
  {
    color: #c7a101;
    font-size: 1.2em;
    font-weight: bold;
  }
  #footer_mention a:hover
  {
    color: white;
  }
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/