html {
    /*overflow: hidden;*/
}

img {
    border:0px;
}
.wrapper {
    /*position:relative;
    /*height:1%;*/
  width:790px;
  margin-right: auto;
  margin-left: auto;
}
.wrapperListing {
    position:relative;
    height:1%;
}
.clear {
    clear: both;
}
body {
    border: 0px;
    padding: 0px;
    margin: 0px;
    /*background:url(/design/img/common/habillage_nocibe_bg.gif);*/
    background-position:center top;
    background-repeat:repeat-y;
/*    height:432px;
    width: 739px;*/
}

.clickable {
  cursor:pointer;
}


.parfums a      { color:#161513;text-decoration:none; }
.hommes a       { color:#7A2427;text-decoration:none; }
.soins a        { color:#9FCEEC;text-decoration:none; }
.maquillage a   { color:#7B2532;text-decoration:none; }
.accessoires a  { color:#CEA7D3;text-decoration:none; }


.parfums a,
.hommes a,
.soins a,
.maquillage a,
.accessoires a {
  font-family:verdana;
  font-size:10px;
  font-weight:normal;
}

.parfums a:hover,
.hommes a:hover,
.soins a:hover,
.maquillage a:hover,
.accessoires a:hover   {
  text-decoration:underline;
}


#main {
    position:absolute;
    top:0px;
    left:50%;
    /*height: 438px;*/
    width: 1000px;
    /*margin-top:127px;*/
    margin-left:-500px;
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
}
.itembloc {
  width:33%;
  height:155px;
  display:inline;
  float:left;
  margin-bottom:2em;
  padding-top:1em;
  overflow:hidden;
  border:1px solid white;
  /*display:table-row;*/
}

#articlebloc {
    /*height:100%;*/
    display:block;
    width:789px;
    text-align:center;
    position:relative;
    /*left:184px;*/
    z-index:20;
    /*float:right;*/
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:lighter;
    margin-bottom:2em;
}
.imgarticle {
    width:13%;
    /*display:inline-block;*/
}
.imgarticle,
.txtarticle {
    height:135px;
    float:left;
    position:relative;
}
.centreur a {
    text-decoration:none;
    text-align: left;
    display: block;
    position: relative;
}
.centreur a span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    margin-top:15%;
    position: absolute;
    left: 0px;
    width: 100%;
    cursor: pointer;
}
.texteblanc {
    text-align:center;
    position:absolute;
    display:block;
    height:100%;
    width:100%;
    /*font-size: 145px;*/
}
.txtarticle {
    background-color:#FFFFFF;
    margin-bottom:5px;
    width:18%;
    display:inline-block;
}

.titreproduit {
    display:block;
    clear:both;
    overflow:hidden;
    width:100%;
    text-align:center;
    font-size: 11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#444444;
    font-weight:lighter;
    padding-left:1px;
}

.titreficheproduit {
    text-align:left;
    margin-bottom:.9em;
}

#headerIframe {
  /*
  position:absolute;
  padding-left:24px;
  left:50%;*/
}

#footerIframe {
  /*position:absolute;/
  padding-left:24px;
  left:50%;*/
}

#leftMenuIframe {
  /*
  position:absolute;
  padding-left:24px;
  left:50%;*/
}


.maincontainer {
    position: relative;
    width: 790px;
    overflow-x:hidden;
    /*height: 438px;*/
    /*left:100px;*/
    left:21px;
    top:40px;
}

#mainfoot {
    position: relative;
    height: 24px;
    width: 740px;
    z-index: 2;
}
.mainfootercontainer {
    position: relative;
    left: 0px;
    width: 740px;
    height: 24px;
}
#maincontainerfoot {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 739px;
    height: 24px;
}

.footerbloc {
    position: relative;
    width: 740px;
    z-index: 180;
    height:24px;
}
.footerblocnav {
    position: absolute;
    height: 22px;
    width: 100%;
    margin:0px;
    padding:0px;
    background-color: #000000;
    /*border-bottom:1px solid #7E7356;*/
    border-top:1px solid #7E7356;
}

.nodisplay {
    display: none;
}
.headerbloc {
    position: relative;
    width: 100%;
    /*height: 67px;*/
    z-index: 180;
}



/*
#headerblocfoot {
    position: absolute;
    width: 100%;
    height: 90px;
    margin-top: -4px;
    z-index: 160;
}*/
.headerbloc #logo {
    margin-top: 0px;
    padding-bottom: 3px;
    padding-top:2px;
    text-align: center;
    background-color: #000000;
}
.headerblocnav {
    position: relative;
    height: 21px;
    bottom: 0px;
    width: 100%;
    background-color: #000000;
    border-bottom:1px solid #7E7356;
    border-top:1px solid #7E7356;
}



ul.smenu {
  margin:0px;
  padding-left:8px;
}

ul.smenu li {
  list-style-type:none;
}

ul.hoverMenu li a, ul.hoverMenu li a:visited {
  background:transparent url(/design/img/puce_subnav.gif) no-repeat scroll left center;
  padding-left:8px;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  font-size-adjust:none;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:normal;
  text-decoration:none;
  color:#FFFFFF;
}

ul.hoverMenu {
  list-style-type:none;
  margin:0px;
  padding-top:5px;
  padding-left:12px;
  padding-right:12px;
  padding-bottom:5px;
  margin-top:3px;
  z-index:999;
  background:black;
  border-right:1px solid #7E7356;
  border-bottom:1px solid #7E7356;
  border-top:1px solid #7E7356;
  width:228px;
  height:319px;
  position:absolute;
  display:none;
}

ul.hoverMenu li a:hover {
  color:#F5D479;
}

#searchform {
  padding:0px;
  margin:0px;
  border:0px;
  height: 17px;
  width: 170px;
}

#qsearch {
    position: absolute;
    /*left: 612px;*/
    height: 17px;
    width: 170px;
    top: 63px;
    left:-70px;
    margin: 0px;
    padding: 0px;
    /*background: url(/design/img/barre.gif) top right no-repeat;*/
    background-color: transparent;
}

#quicksearch {
    position:absolute;
    /*background-color: #000000;*/
    border: 1px solid #7e7356;
    height: 11px;
    /*line-height: 11px;*/
    font: normal 11px Arial, Helvetica, sans-serif;
    /*color: #FFFFFF;*/
    width: 145px;
    padding: 0px 1px 2px 5px;
    margin:0px;
    /* no idea what this is for, but it fixes some layout problem on FF2 */
    -moz-box-sizing:content-box;
}
#qsearchSubmit {
    float: left;
    height: 11px;
    background-color: #000000;
    font: normal 11px Arial, Helvetica, sans-serif;
    color: #f5d479;
    width: 30px;
    height: 13px;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
    border: none;
    cursor: pointer;
    padding: 0 1px 2px 5px;
}
.lisere {
   border:1px solid #7E7356;
}
.lisere2 {
    /*position: absolute;
    width: 739px;
    height: 23px;
    background: URL(/design/img/liseret.gif) repeat-x;
    top: -5px;
    margin-top: 10px;*/
}
#innercontainer {
    border-left:1px solid #7A2427;
    position: relative;
    width: 789px;
    height:789px;
    overflow:hidden;
    min-height: 789px;
    overflow-y:auto;
    background:transparent;
    /*left:80px;*/
}

#innercontainerhome {
    position: absolute;
    top: 26px;
    left :0px;
    width: 739px;
    height: 313px;
}
#preTrail {
    top : 65px;
    height: 20px;
    width: 100%;
    background-color: #000000;
    position: absolute;
    border-bottom:1px solid black;
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
}
#trail {
    /*position: absolute;*/
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
    /*top : 47px;*/
    height: 18px;
    width: 100%;
    /*background: #000000 URL(/design/img/blackpixel.gif) repeat;*/
}
#trail h1 {
    float: left;
    padding-left:80px;
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #7e7356;
    padding-top: 2px;
    margin: 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
#trail h1 a{
    color: #7e7356;
    text-decoration:none;
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
}
#trail h2 {
    padding-left:5px;
    float: left;
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #f5d479;
    padding-top: 2px;
    margin: 0px;
    text-decoration:none;
    letter-spacing: 1px;
}
#trail h2 a {
    text-decoration:none;
    color: #f5d479;
    font: normal 12px Arial, Helvetica, sans-serif;
    font-size:12px;
}

/* wtf ???
.CS_productBG { display:none; }
*/