html {
    height:100%;    
}

body {
    background-repeat: repeat-x;  
    height:100%;    
}

input {
    border: 1px solid #c1b491;
}

textarea {
     border: 1px solid #56390A;
}

#container {
    height: auto!important;
    height: 100%;
    margin: 0 auto;
    min-height: 100%;
    position: relative;
}

#lightContainer {
    position: relative;
    margin-top: 30px;
    margin-left: -100px;
}


/*
    HEADER
*/
#header {
    height: 27px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: right;
    width: 100%;
    z-index: 2;
}

#header-inner {
	height: 27px;
	margin: 0 auto;
    position: relative;
	width: 970px;
}

#header .menu {
    right: 10px;
    position: absolute ;
    top: 0px;
}

#header .menu ul li {
    display: inline;
    text-transform: uppercase;
}

#header .menu ul li * {
    color: #5d5469;
}

#header #newsletter {
    left: 10px;
    position: absolute;
    text-align: left;
    top: 0;
}

#header #newsletter input.text {
    border: 0;
    color: #dddae1;
    left: 164px;
    font-size: 9px;
    position: absolute;
    top: 5px;
    width: 100px;
    line-height: 120%;
}

#header #newsletter img.ok {
    left: 268px;
    position: absolute;
    top: 0;
}

#social {
    position: relative;
    margin: -50px auto 0 auto;
    width:900px;
    text-align: right;
    height: 32px;
}
#social img{
    vertical-align: middle;
}

/*
    NAV UNIVERS
*/
#bg-navunivers {
    background-image: url("elements/bg_nav-univers.gif");
    background-repeat: repeat-x; 
    height: 94px;
    left: 0;
    position: absolute;
    top: 27px;
    width: 100%;
    z-index: 0;
}

#bg-navunivers-inner {
    background-image: url("elements/bg_nav-univers-inner.gif");
    background-repeat: no-repeat; 
    height: 94px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 970px;
}

#navunivers {
    height: 94px;
    left: 0;
    position: absolute;
    top: 27px;
    width: 100%;
    z-index: 3;
}

#navunivers-inner {
    height: 94px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 970px;
}

#navunivers #logo {
    position: absolute;
    top: 0;
    left: 10px;
}

#navunivers #logo a {
    background-image: url('elements/logo-parfums-lolita-lempicka.gif');
    background-repeat: no-repeat;
    display: block;
    height: 94px;
    overflow: hidden;
    text-indent: -5000px; /* pour masquer le texte du lien */
    width: 104px;
}

#navunivers #logo span {
    /* masque les elements textuels du lien du logo */
    display: block;
    height: 0;
    overflow: hidden;
    text-indent: -5000px;
    width: 0;
}

#navunivers .menu {
	left: 124px;
	position: absolute;
	top: 0;
	width: 691px;
}


#navunivers .menu ul li {
    display: inline;
    height: 29px;
    margin: 0 13px 0 13px;
    position: relative;
    top: 1px;
}

#navunivers #menuAccount {
	position: absolute;
	right: 41px;
	top: 25px;
	width: 114px;
}

#navunivers #cartSwf {
    height: 63px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 31px;
}

#navunivers #cartSwf #alternateContent{
    position                : absolute;
    right                   : 0px;
    top                     : 25px;
    width                   : 31px;
}


/*
    CONTENT
*/
#content {
    position: relative;
    /* la hauteur minimale permet d'éviter que le footer ne remonte au dessus de la boutique de la home */
    height: auto !important;
    height: 520px;
    min-height: 520px;
    padding: 137px 0 50px 0;
    width: 100%;
    z-index: 1;
}

#content-inner {
    margin: 20px auto 0 auto;
    position: relative;
    width: 970px;
}

/*
    FOOTER
*/
#footer {
    background-image: url("elements/bg_footer.gif");
    background-repeat: repeat-x;
    clear: both;
    height: 50px;
    position: absolute;
    bottom: 0;
    width: 100%; 
    z-index: 4;
}

#footer-inner {
	margin: 0 auto 0 auto;
    position: relative;
    width: 970px;
}

#footer .menu {
    left: 10px;
    position: absolute ;
    top: 17px;
}

#footer .menu ul li {
    display: inline;
    text-transform: uppercase;
}

#footer .menu ul li * {
    color: #5d5469;
}

#footer #lang {
    position: absolute;
    right: 0;
    top: 17px;
}

#footer #lang * {
    color: #5d5469;
}

#footer #lang select {
    cursor: pointer;
}


/*
    SPECIAL RULES FOR HOME LAYOUT
*/
#contentHome {
   position : absolute;
   top: 85px;
   margin-bottom: -60px;
   width: 100%;
   /* button activated though transparent flash */
   z-index: 1 ;
}