body.PB {
    text-align:center;
    font-family: Verdana;
    background-color: #fcf5fa;
        margin: 0px;
    padding: 0px;
 
}
 
#maincontainer {
    text-align:left;
    margin:0 auto;
    width:1000px;
}
 
#menuhaut {
position: relative;
    top: 0px;
    left:0px;
    padding: 0px;
    overflow: visible;
    margin:0px;
 
}
#menusearch1 {
position:absolute;
z-index:100;
top:122px;
left:190px;
height:25px
 
}
.searchcase {
width:140px;
margin:0px;
padding-left:10px;
background:#FFFFFF;
border:0px solid #977993;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:9pt;
font-weight:0;
color:#9dbb39;
height:21px
}
 
.boutonsearch {
background:transparent;
border:0px solid #FFFFFF;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:12pt;
font-weight:bold;
padding:0px;
margin:0px;
color:#9dbb39;
height:21px
width:40px;
 
}
 
 
/* MAIN >> General page container */
 
 
#topbanner {
    display:block;
    width:100%;
    text-align:center;
    padding-bottom:0px;
    line-height:0px;
}
 
/* HEADER STYLES >> General layout configuration - Configuration de la mise en page des �l�ments*/
#headercontainer {
    margin: 0px;
    padding: 0px;
    position:relative;/* Necessary for correct display of dropdown menus */
    z-index:100;/* Necessary for correct display of dropdown menus */
}
#headerarea {
width:1000px;
    position:relative;
    margin:0;
    padding:0;
    height: 148px;
    background-image: url(/Files/22924/accueil_04.jpg);
    background-repeat: no-repeat
}
 
 
#headercolumn1{
    
}
 
#headerlogo {
    width: 00px;
    padding:0px;
}
#headerlogo a {
    vertical-align: middle;
}
#headerlogo img {
    border: none;
}
#headerbanner {
    display:block;
    width:100%;
    background-color:Silver;
    text-align:center;
}
 
#headerdata {
    width:50px;
    position: absolute;
    padding: 0px;
    margin: 0px;
    text-align:left;
    
}
#headertext {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 24px;
    font-family:Arial, Helvetica, sans-serif;
    display: block;
    
}
#headerbanner {
}
 
 
/* HORIZONTAL MENU  >> menu block  - Bo�te menu*/
#headermenu {
position: absolute;
    top: 152px;
    width: 1000px;
    height: 5px;
    padding: 0px;
    overflow: visible;
   margin:0px;
    background-repeat: no-repeat;
 
 
 
}
 
 
/* HORIZONTAL MENU  >> menu  items layout configuration  - Configuration de la mise en page des �l�ments*/
ul#hmenu {
    position:relative;
    left:0px;
    top:0px;
    list-style-position: outside;
    list-style-type: none;
     margin:0px;
     padding:0px;


     }
#hmenu li {
    position:relative; /* Necessary for submenu positioning  */
 float: left;/* only left to keep menu items in the correct order*/
}
/* HORIZONTAL MENU  >> Link styles - Mise en forme des liens*/
#hmenu a.menu, #hmenu span {
    display: block;
    color: #8bb70a;
     white-space: nowrap;
    text-decoration:none;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    margin-left:5px;
    line-height:25px;
 
}
 
/* HORIZONTAL MENU  >> mouseover links styles - El�ment survol�*/
#hmenu li a:hover {
   
}
#hmenu a.menu:hover, #hmenu a.subactive {
    
      color: #000000;
     text-decoration:none;
  background-color:#f1c7c8;
background:url(/Files/22924/fond_okhover.jpg) repeat-x;
 
	
    
}
/* HORIZONTAL MENU  >> - text styles - Mise en form des Textes*/
#hmenu span {
    
}
/* HORIZONTAL MENU  >> First element (border before first menu item) - Premier �l�ment (bordure)*/
#hmenu li.begin {
    display: block;
    float: left;
    width: 0px;
    margin: 0px;
    height: 0px;
}
/* HORIZONTAL MENU  >> Separator  between menu items - Separateur entre les �l�ments*/
#hmenu li.sep {
 
 
 
}
/* HORIZONTAL MENU  >> Last element (border after last menu item) - Dernier �l�ment (bordure)*/
#hmenu li.end {
    
    width: 0px;/*necessary when floating the ul to the right*/
    height: 0px;
    display: block;
    
    margin: 0px;
    padding: 0px;
}
/* HORIZONTAL MENU  >> Menu items - El�ments*/
#hmenu li.mitext {
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    color: #FFfffF;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
}
#hmenu li.mitext {
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    color: #FFfffF;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.1em;
}
#hmenu li.miimg img {
    border:none;
margin: 0px;
    padding: 0px;
 
 
}
/* HORIZONTAL SUBMENU >> */
ul#hmenu li div {
    padding-top:2px;
     margin:0;

    
}
ul#hmenu li ul.submenu /* Position du sous menu */ {
list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin:0;
    background-color: #ffffff;
    position:absolute;
    visibility:hidden; 
    left:0px;
   border: 1px solid #7d9815;
 
 
 
    
}
ul#hmenu li ul.submenu li {
    float:none;/* cancels inherited float properties */
    clear:both;
 
    
}
ul#hmenu li ul.submenu a, ul#hmenu li ul.submenu span,ul#hmenu li ul.submenu li.mispacer, ul#hmenu li ul.submenu li.misep {
    * cancels inhertited left and right borders */
    padding-left:0px; /* set lateral padding here*/
    padding-right:0px;
    width:210px;/* set submenu width here */
 
 
    
 
}
/* Class used to specify the rightmost item on the horizontal menu and correctly position it's submenu */
ul#hmenu li.menuright ul.submenu{
    
    right:0px;
    *right:5px; /* for IE only */
}
ul#hmenu li ul.submenu li.begin{
    display:none;
}
ul#hmenu li ul.submenu li.mispacer{
    height:10px;
    
}
ul#hmenu li ul.submenu li.misep{
    height:10px;
 
 
}
ul#hmenu li ul.submenu li.end{
    display:none;
}
/* Submenu section titles */
#hmenu li ul.submenu li.mititle span, #hmenu li ul.submenu li.mititle a {
    margin: 0px;
    color:#ffffff;
    font-size: 10px;
    line-height: 0px;
    font-weight: bold;
    text-align: left;
    
}
 
ul#hmenu li.mitext ul.submenu li.mitext{
    text-align: left;
        color:#000000;
    font-size: 10px;
}
 
 
ul#hmenu li ul.submenu li.menusep {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #a4c23f;
 
}
 
ul#hmenu li ul.submenu li a, ul#hmenu li ul.submenu li span {
    display:block;
    font-size: 11px;
    line-height: 20px;
    font-weight: bold;
    white-space:normal;
    background-image: none;
    margin: 0px;
color:#7d9815;

    padding-top: 4px; /* set vertical padding here*/
    padding-bottom:4px;
 
}
 
 
ul#hmenu li ul.submenu li a:hover {
     /* marron : arriere plan sous menu image*/
    background-color: #ffd3fc;
        color:#000;
 
}
ul#hmenu li ul.submenu li.mititle a:hover {
    color:#FFffff;
}
 
 
 
/* HORIZONTAL SUBMENU END */
 
/* END HEADER STYLES */
 
/* CONTENT STYLES */
 
#bodycontainer {
    background:#ffffff url(http://www.bioetglamour.com/Files/22924/accueil_06.jpg) no-repeat ;
    margin-top: 30px;
    padding:0px;
    position:relative;
    z-index:50;/* necessary for submenus */
}
#bodyarea {
    margin: 0px;
    position:relative;
    width: 1000px;
    min-height:450px;
    height:auto;
     padding: 0px;   
}
/* for min-height in IE */
/*\*/
*html #bodyarea {
    height:430px;
}
/**/
#bodycolumn1 {
    
    float:left;
    position:relative;
    width:170px;
    margin: 0;
    padding:0;
}
#bodycolumn2 {
    margin:0 0 0 178px; /* right margin leaves room for #bodycolumn1 */
    padding:0;
}
#bodycolumn3 {
    position:absolute;
    top:-100px;
    right:-20px;
    background-color:silver;
    margin:0;
    padding:0;
}
#verticalbanner {
    position:absolute;
    left:0;
    top:0;
}
 
#bodytopbanner {
    display:block;
    width:100%;
    text-align:center;
    margin-bottom:10px;
    line-height: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
#bodydata {
    margin: 0px;
    padding: 0px;
}
 
#bodydata form {
    margin: 0px;
    padding: 0px;
}
/* clear floating in bodycolumns 1 and 3 and lengthen the page if a floating column is longer than main content in #bodycolumn2 */
.clearbodycontainer {
    clear:both;
    font-size:1px;
    line-height:0px;
}
/* END CONTENT STYLES */
 
 
 
/* VERTICAL MENU  >> General layout configuration - Configuration de la mise en page g�n�rale*/
#verticalmenu {
    display:block;
    margin-top:20px;
    overflow:visible;
    padding:0 0 0 0;
    text-align: left;
    background-position: left;
}
 

/* VERTICAL MENU  >> Menu items layout styles - Configuration de la mise en page des �l�ments*/
ul#vmenu {
    
    margin:0 px;
    list-style-position: outside;
    list-style-type: none;
    padding:0;
}
#vmenu li {
    position:relative; /* Necessary for submenu positioning */
    margin:0 px;
    width:165px;
}
#vmenu li a, #vmenu li span, #vmenu li.misep, #vmenu li.mispacer {
    width:160px; /* set menu width here */
 
}
#vmenu li.miimg {
    text-align: center;
    margin:0 px;
}
#vmenu li.miimg img {
    border:none;
margin:0px ;
}
 
/* VERTICAL MENU  >> First element (border before first menu item) - Premier �l�ment (bordure)*/
#vmenu li.begin {
    display:none;
margin:0px ;
 
}
 
/* VERTICAL MENU  >> Last element (border after last menu item) - Dernier �l�ment (bordure)*/
#vmenu li.end {
    display:none;
}
/* VERTICAL MENU  >> Menu items - El�ments*/
/* VERTICAL MENU >> Titles for sub sections */
#vmenu li.mititle span, #vmenu li.mititle a.menu {
    font-size:11px;
    font-weight: bold;
    display:block;
    color: #990000;
    line-height: 25px;
    text-decoration:none;
margin:0px ;
}
#vmenu li.mititle a.menu:hover, #vmenu li.mititle a.subactive {
    text-decoration: none;
    background-color: #FA9A17;
    margin:0;
    width:170px;
}
/* End Section Titles */
#vmenu li.mitext {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:normal;
    line-height: 15px;
    color:#000000;
 
}
#vmenu li.menusep {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #f6e4f1;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #f6e4f1;
    margin-left:6px ;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #f6e4f1;
 
}
/* VERTICAL MENU  >> Spacers - El�ments de type espace*/
#vmenu li.mispacer {
    height:30px;
   margin:0px;
}
/* VERTICAL MENU  >> Separators - El�ments de type s�parateur*/
#vmenu li.misep {
    height:0px;
    background-image: url(/DesignCss/18000/55/layoutAorange-vmenuSeparator.gif);
    background-repeat: no-repeat;
    background-position: left top;
     margin:0px ;
}
 
/* VERTICAL MENU  >> Link styles - Mise en forme des liens*/
#vmenu a.menu, #vmenu span {
    text-decoration:none;
    display:block;
    color:#000000;
    line-height: 20px;
    padding:  0px;
     margin:0px;
    text-indent:10px;
    width:165px;
}
/* VERTICAL MENU  >> mouseover links styles - El�ment survol�*/
 
#vmenu li.mitext a.menu:hover, #vmenu li.mitext a.subactive  {
    background-color: #fcf5fa;
    color: #000000;
    margin:0px;
    width:165px;
}
#vmenu li.miimg a.menu {
    margin:0px;
    width:165px;
 
}
#vmenu li.miimg a.menu:hover, #vmenu li.miimg a.subactive {
    margin:0px;
    border: none;
}
#vmenu li.miimg a.menu img {
    border: none;
       margin:0px ;
}
#vmenu li.miimg a.menu:hover img {
    border:none;
     margin:0px ;
z-index:10px;
}
/* VERTICAL MENU SUBMENUS >> BEGIN */
 
ul#vmenu li div{
    padding:0px;
    margin:0;
    border: none;
}
ul#vmenu li ul.submenu{
    list-style-position: outside;
    list-style-type: none;
    padding: 0;
    margin:0;
    background-color:#ffffff;
    position:absolute;
    top:10px;
    visibility:hidden;
     border: 1px solid #7d9815;
    left:170px;
_left:183px;
     width:250px;
    z-index:210;
}
/* Class used to specify the Bottommost item on the Vertical menu and correctly position it's submenu */
ul#vmenu li.menuup ul.submenu{
    bottom:-1px;
    top:auto;  z-index:210;
}
ul#vmenu li ul.submenu li {
    margin:0;
}
ul#vmenu li ul.submenu li a, ul#vmenu li ul.submenu li span, ul#vmenu li ul.submenu li.misep, ul#vmenu li ul.submenu li.mispacer {
    width:250px;
    padding-left:10px;
    padding-right:10px;
      text-indent:0;
      text-align: left;
}
 
ul#vmenu li ul.submenu li a.menu:hover {
    text-indent:0;/* cancels inherited text-indent properties */
}
ul#vmenu li ul.submenu li.misep {
    height:0px;
    border-bottom: 1px solid #7d9815;
 
 
}
#vmenu li ul.submenu li.mititle span, #vmenu li ul.submenu li.mititle a.menu {
    margin: 0px;
    padding-top: 4px;
    padding-bottom:4px;
    font-size: 10px;
    color:#990000;
    line-height: 15px;
    font-weight: bold;
    text-decoration:none;
    text-align: left;

}
#vmenu li ul.submenu li.mititle a.menu:hover {
    background-color: #ffffff;
}
ul#vmenu li ul.submenu li.mitext a.menu, ul#vmenu li ul.submenu li.mitext span {
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
    line-height:14px;
    padding-top:4px;
    padding-bottom:4px;

  width:230px;
 _width:260px;
 
}
ul#vmenu li ul.submenu li.mitext a.menu:hover{
    background-color: #a4bd42;
    background-image: none;
    font-weight:normal;
_width:260px;
 
}
ul#vmenu li ul.submenu li.miimg a.menu:hover{
    background-color: #000000;
    background-image: none;
 
}
ul#vmenu li ul.submenu li.menusep {
    
border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #a4c23f;
width:auto;
 
}
 
 
 
/* VERTICAL SUBMENU END */
 
/* FOOTER STYLES */
#footercontainer {
    clear:both;
    margin:0;
    padding:0;
    width:1000px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    height:300px;
    text-align: center;
    background-image: url(/Files/22924/pieddepage.jpg);
    background-repeat: no-repeat;
}
#footerarea {
    width:900;
    margin-top:0 px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left:0px;
    }
#footermenu {
    
    margin:0;
    padding:0;
    overflow:visible;
}
/* FOOTER MENU >> Menu items layout - Configuration de la mise en page des �l�ments*/
ul#fmenu {
    width:900px;
    list-style-type:none;
    padding:0;
    white-space:nowrap;
    text-align:center;
    margin-top:0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left:00px;
padding-top:40px;
 
}
#fmenu li {
    border:none;
 
    display:inline;
    line-height: 20px;
    padding:0px;
    margin-top: 0px;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
}
/* FOOTER MENU >>  Link styles - Mise en forme des liens*/
#fmenu a.menu {
 
    text-decoration: none;
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    margin:0px;
 
 
 
}
/* FOOTER MENU >>   mouseover links styles - El�ment survol�*/
 
 
 
#fmenu li a:hover {
    color: #000000;
    font-weight: bold;
}
#fmenu a.menu:hover {
    text-decoration:none;
}
/* FOOTER MENU >> First element (border before first menu item) - Premier �l�ment (bordure)*/
#fmenu li.begin {
   
}
/* FOOTER MENU >>  Separator  between menu items - Separateur entre les �l�ments*/
#fmenu li.sep {
    background-color:green;
}
/* FOOTER MENU >> Last element (border after last menu item) - Dernier �l�ment (bordure)*/
#fmenu li.end {
    
}
/* FOOTER MENU >> Separator */
#fmenu li.misep {
    display:block;
    height:0px;
    width:0px;
    margin:0;
    font-size:0px;
    line-height:0px;
}
/* END FOOTER MENU */
 
/* COPYRIGHT and CREDITS */
#copyright {
    padding: 5px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#copyright span {
    display:none;/*border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #666666;
    color: #666666;*/
    padding-top: 5px;
    padding-right: 50px;
    padding-left: 50px;
}
#poweredby {  }
#poweredby a, #poweredby a:link, #poweredby a:visited {
    color: #85ad11;
    text-decoration: none;
position:relative;
left:00px;
top:40px;
}


#poweredby a:hover {
    text-decoration:underline;
    border:none;
}
#poweredby span {}
/* END COPYRIGHT and CREDITS */
 
/* END FOOTER */
 
/*LANGUAGE ICONS */
#langflags {
    text-align:center;
    margin: 0;
    padding: 10px 0px;
}
#langflags ul, #langflags li, #langflags a, #langflags span {
    margin: 0;
    padding: 0;
}
#langflags ul {
    list-style-type:none;
    list-style-position:outside;
    text-align:center;
}
 
#langflags ul li {
    display: inline;
    text-align: center;
}
#langflags ul li a span {
    background-repeat:no-repeat;
    display: inline;
    white-space: nowrap;
    text-align: center;
    cursor:pointer;
    margin-top: 0px;
    margin-right: 3px;
    margin-bottom: 0px;
    margin-left: 3px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 11px;
    background-position: center center;
    height: 15px;
    width: 22px;
    line-height: 1.2em;
}
#langflags a span {
    border:1px solid #999;
}
#langflags a:hover span {
    border:1px solid #FFCC00;
}
#flag0 {
    background: #FFF url(/DesignCss/SharedImages/FlagL0.gif) no-repeat;
}
#flag1 {
    background: #FFF url(/DesignCss/SharedImages/FlagL1.gif) no-repeat;
}
#flag2 {
    background:#FFF url(/DesignCss/SharedImages/FlagL2.gif) no-repeat;
}
#flag3 {
    background:#FFF url(/DesignCss/SharedImages/FlagL3.gif) no-repeat;
}
#flag4 {
    background:#FFF url(/DesignCss/SharedImages/FlagL4.gif) no-repeat;
}
#flag5 {
    background:#FFF url(/DesignCss/SharedImages/FlagL5.gif) no-repeat;
}
/* END LANGUAGE ICONS */
 
 
#bannervertical {
    position:absolute;
    left:0;
    top:0;
    width:0px;
    margin-left:20px;
}
 
.navbar {
    
}
.navbar span, .navbar select {
    font-family:arial;
    font-size:12px;
    font-style:normal;
    font-weight: bold;
    padding: 0px;
}
.navbar ul {
    list-style-position: outside;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.navbar li {
    padding:0;
    margin: 0;
    border:0;
    display: inline;
    line-height: normal;
}
.navbar a, .navbar a:visited, .navbar .off {
    color:#a6b626;
    text-decoration: none;
}
.navbar a:hover {
    color:#000000;
    font-weight: bolder;
    text-decoration: underline;
}
 
.navbar span {
    white-space:nowrap;
    margin-top: 0px;
    margin-right: 1px;
    margin-bottom: 0px;
    margin-left: 1px;
}
a span.navfirst, a span.navprev, a span.navnext, a span.navlast {
    margin: 0 5;
}
 
.navbar select {
    background-color:#9ab834;
    color:#000;
}
.view {
    margin: 0px;
    padding: 0px;
 
 
}
.viewtbl {
    border:0;
    padding:0;
   
    border-collapse: collapse;
    border-spacing: 0px;
width:810px;
 margin-top: 20px;
 
    
}
.sectiontb {
    padding:0px;
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
   
 
}
.sectiontbarea {
    margin: 0px;
    padding: 0px;
    _width: 100%; /* Fixes a bug in IE (related to the site's structure) */
}
 
 
 
.sectiondata {
   
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 15px;
    padding-left: 5px;
    background-position: left bottom;
    border-width: 1px;
    border-style: solid;
    border-right-style: solid;
    border-color: #CCCCCC;
    border-right-color: #CCCCCC;
    margin-top:5px;
    margin-right: 0;
    margin-bottom: 10;
    margin-left: 5px;
 
}
.sectiondataarea {
    _width: 100%;
    margin-top: 5px;
    background-position: left top;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: px;
    padding-left: 2px;
}
.imgbordernone, .imgthumbnail, .imgmain, .imgcat {
    border:1px;
}
/*** BUTTONS & ICONS ***/
/* Main buttons */
a.btnmain {
    line-height: 1.7em;
    margin: 0px 0px;
    color: Black;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 5px 2px;
    background-color: #9ab834;
 
 
}
 
 
a.btnmain:hover{
    text-decoration:none;
    background-color:#b5d44a;
    color:#FFFFFF;
}
a#btnsearch, a#btnviewcart {
padding-left : 30px;
    background: #9ab834 no-repeat 4px center;
color:#ffffff;
 
 
 
#pied {
    line-height: 1.7em;
    margin: 0px 0px;
    color: Black;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    padding: 2px 5px 5px 2px;
    background-color: #9ab834;
}    
    
}
a#btnsearch:hover, a#btnviewcart:hover {
background-color: #b5d44a;
 
    
}
a#btnsearch, a#btnsearchnow {
    background-image: url(/DesignCss/SharedImages/white/Search.gif)no-repeat ;
}
a#btnviewcart {
    background-image: url(/DesignCss/SharedImages/white/ShopBag.gif);
}
 
/* Secondary buttons */
a.btnsub {
    font-size:10px;
    font-weight:bold;
    color:#927252;
    text-decoration:none;
    padding:4px 0px 4px 23px;
    background: url(/DesignCss/SharedImages/bullet.gif) no-repeat left center;
    line-height: 2em;
    margin: 10px 0px;
}
a.btnsub:hover {
    text-decoration:underline;
}
 
 
a#btnemailfriend {
    background: url(/DesignCss/SharedImages/EMail.gif) no-repeat 0px 0px;
}
a#btnaddtofav {
    background: url(/DesignCss/SharedImages/Favorite.gif) no-repeat 0px 0px;
}
a#btnattachment {
    background: url(/DesignCss/SharedImages/Attachment.gif) no-repeat 0px 0px;
}
 
/* icons */
#icontrash, #iconerror, #iconwarning, #iconsalespolicy, #iconattachment, #iconemail, #iconweb, #iconmap {
    width:19px;
    height:19px;
    border:0px;
    vertical-align: text-bottom;
    margin:1px;
}
#icontrash {
    background: url(/DesignCss/SharedImages/TrashCan.gif) no-repeat;
}
#iconerror {
    background: url(/DesignCss/SharedImages/Error.gif) no-repeat;
}
#iconwarning {
    background: url(/DesignCss/SharedImages/Warning.gif) no-repeat;
}
#iconsalespolicy {
    background: url(/DesignCss/SharedImages/SalesPolicy.gif) no-repeat;
}
#iconattachment { /* Mail */
    background: url(/DesignCss/SharedImages/Attachment.gif) no-repeat;
}
#iconemail {
    background: url(/DesignCss/SharedImages/EMail.gif) no-repeat;
}
#iconweb {
    background: url(/DesignCss/SharedImages/Web.gif) no-repeat;
}
#iconmap {
    background: url(/DesignCss/SharedImages/Map.gif) no-repeat;
}
/*** END BUTTONS & ICONS ***/
.blockshortcut {
    display:block;
    width:202px;
    color: #000;
text-align:center;
    background-image: url(http://www.bioetglamour.com/Files/22924/blockedito_haut.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 5;
    margin-left: 5;
    padding-top: 7px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
 
.blockarea {
    background-image: url(http://www.bioetglamour.com/Files/22924/blockedito.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 10px;
 
 
 }
.blockcontainer {
    margin: 0px;
    padding: 0px;
    
 
}
 
.blockshortcut input.blockbtn {
    font-weight:bold;
    color:#497e29;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 8px;
    padding:2px 0;
    margin-left: 0px;
    width: 150px;
    background:url(http://www.bioetglamour.com/Files/22924/fond_okhover.jpg) repeat-x;
    border:1px solid #FFCDFC;
    cursor:pointer;
}
.blockshortcut input.blockbtn:hover {
    background:url(http://www.bioetglamour.com/Files/22924/fond_ok.jpg) repeat-x;
    color:#000000;
    border:1px solid #889c49;
    cursor:pointer;
    
}
.blockshortcut, .blockshortcut input {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:8pt;
}
.blockshortcut form,  .blockshortcut p, .blockshortcut span, .blockshortcut input, .blockshortcut select, .blockshortcut textarea, .blockshortcut a {
    margin:0;
    padding:0;
}
.blockshortcut a, .blockshortcut a:link, .blockshortcut a:visited {
    color:#927252;
    text-decoration:none;
}
.blockshortcut a:hover {
    text-decoration:underline;
    border:none;
}
.blockshortcut input {
    
    
}
#blockuserlogin .LoginTagLine {
    
}
#blockuserlogin .email, #blockuserlogin input.password, #blocksearch .searchtext, #blocknewsletter .email, #blockcoupon input.coupon {
    margin: 2 2 2 0;
    
}
#blockuserlogin .email, #blockuserlogin input.password {
    width: 160px;
}
.blockshortcut input.blockbtn {
    margin-top: 5;
    margin-right: 5;
    margin-bottom: 2px;
    margin-left: 0;
}
.blockshortcut input.blockbtn:hover {
    
}
#blockuserlogin .blockbtn {
    margin-right:5px;
}
 
 
#blockuserlogin .firstvisit, #blockuserlogin .firstvisit a {
    display:block;
}
#blockuserlogout .hellouser {
    display:block;
}
#blockuserlogout .viewaccountinfo {
    display:block;
}
#blocksearch .searchtext {
    display:block;
    float:left;
    width: 160px;
 
 
}
#blocksearch .searchimg {
    display:block;
    
float:left;
    background-image:url(/DesignCss/SharedImages/Search.gif);
    background-repeat:no-repeat;
    background-position:left;
    margin-top:2px;
    width:20px;
    height:19px;
}
#blocksearch .blockbtn {
    display:block;
    clear:both;
}
 
#blocknewsletter .newstagline {
}
#blocknewsletter label {
}
#newsok {
    margin-right: 5px;
    
}
#newsko {
    margin-right: 5px;
    
}
#blocknewsletter .email {
    width: 130px;
}
#blocknewsletter .blockbtn {
    margin-top: 5px;
}
#blockrssfeeds a.rss {
    background-image:url(/DesignCss/SharedImages/RSSFeeds.gif);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:100px;
    font-size: 20px;
    line-height: 25px;
}
#blockrssfeeds a.rss:hover {
    text-decoration:none;
}
#blockrssfeeds span.rss {
    display:inline;
}
#blockcoupon span.coupon {
    display:block;
}
#blockcoupon input.coupon {
    width: 130px;
    margin-right: 5px;
}
#blockcoupon .blockbtn {
}
 
 
 
/********************************************************/      
/* @CONTENT                                             */
/********************************************************/
 
 
/*** ORIGINAL CSS ***/
BODY.PBPW {
    background-color:#FFFFFF;
    color:#000000;
    font-family:Verdana;
    background-image: url(/DesignCss/17000/492/popup-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 20px;
    height: 100%;
}
 
.PBPTitle {display:none;
    color: #9ab834;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    font-style: normal;
    margin: 0px;
    padding: 0px;
    line-height: 12px;
}
.PBSTitle {
    color: #9ab834;
    font-family: arial;
    font-weight: bold;
    font-size: 10pt;
}
.PBColHead { color:#000000; font-family:arial; font-size:10pt; }
.PBStatic { color:#9ab834; font-family:arial; font-weight:bold; font-size:8pt; }
.PBMsg { color:#000000; font-family:arial; font-size:8pt; }
.PBErrMsg { color:#FF0000; font-family:arial; font-weight:bold; font-size:10pt; }
.PBMainTxt { color:#9ab834; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:9pt; font-style:normal; }
.PBShortTxt { color:#000000; font-family:arial; font-size:8pt;}
.PBLongTxt { color:#000000; font-family:arial; font-size:8pt; }
.PBCurrency { color:#000000; font-family:Arial; font-weight:bold; font-size:10pt; }
.PBDate { color:#000000; font-family:arial; font-size:10pt; font-style:italic; }
.PBNumber { color:#000000; font-family:arial; font-weight:bold; font-size:10pt; font-style:italic; }
A.PBLink {
    color:#9ab834;
    font-size: 20pt;
    text-decoration: none;
}
A.PBLink:hover {
    color: Gray;
    font-size: 20pt;
    text-decoration: underline;
}
 
HR.PBMain { color:#000000; height:2; }
HR.PBSub { color:#000000; height:1; }
TEXTAREA.PB { color:#000000; font-family:arial; font-size:8pt; font-style:normal; }
SELECT.PB {
    color:#000000;
    font-family:arial;
    font-size:8pt;
    font-style:normal;
    background-color: #fff;
    margin: 0px;
    padding: 0px;
}
INPUT.PB { color:#000000; font-family:arial; font-size:8pt; font-style:normal;}
INPUT.PBBtnStd { color:#000000; font-family:arial; font-weight:bold; font-size:8pt; }
A.PBBtnStd { color:#9ab834; font-family:arial; font-weight:bold; font-size:8pt; text-decoration:none; }
A.PBBtnStd:hover { color:#927252; font-family:arial; font-weight:bold; font-size:8pt; text-decoration:underline; }
.PBReqNote { color:#000000; font-family:arial; font-size:9pt; font-style:italic; }