* html{
	height:100%;
	width:100%;	
}
body {
    background:white;
    /*text-align:*/
}

#logo
{
    text-indent:-1000px;
    position:absolute;
    display:bloc;
    top:12px; left:32px;
    width:138px; height:144px;
    background-repeat:no-repeat;
    background-image:url(../images/home/logo.png);
}


#content
{
    background-color:#8d8270;
    width:100%; height:100%;
    position:relative;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
}





#menu {
    position:absolute;
    width:202px; height:100%;
    border-right:1px solid #f4f2ed;
    z-index:99;
}

#menu .back {
    position:absolute;
    width:202px; height:100%;
    background-color:#b1a38c;
    opacity:0.9; filter:alpha(opacity=90);
}

#menu .content {
    position:relative;
    color:white;  
}

#ombre-menu {
    position:absolute;
    top:0px; left:203px;
    width:6px; height:584px;
    background-image:url(../images/home/ombre_droite.png);
    z-index:99;
}

#ombre-ambiance {
    position:absolute;
    top:0px;
    width:6px; height:584px;
    background-image:url(../images/home/ombre_gauche.png);
    z-index:99;
}





#title {
    position:absolute;
    right:340px; bottom:45px; 
    width:450px; height:85px;
    z-index:99;
}





#products, #products .back, #products .content {
    width:160px; height:488px;
}

#products {
    position:absolute;
    bottom:96px; left:628px;
    height:0px;
    z-index:99;
    font-size:0px;
    overflow:hidden;
}

#products .back {
    position:absolute;
    top:0px;
    background-color:#C0B199;
    opacity:0.40; filter:alpha(opacity=75);
}

#products .content {
    position:relative;
}





#openbutton {
    position:absolute;
    background-image:url(images/fleche.png);
    background-repeat:no-repeat;
    background-position:12px 24px;
    z-index:99;
    text-align:right;
    left:628px;
    top:423px;
    color:white;
    padding:18px 0px 0px 0px;
    width:160px;
    cursor:pointer;
    font-size:14px;
}
            
#closebutton {
    position:absolute;
    z-index:99;
    text-align:left;
    left:455px;
    bottom:41px;
    color:white;
    padding:20px 0px 0px 35px;
    width:160px;
    cursor:pointer;
    display:none;
    font-size:14px;
}


#closebutton .arrow, #openbutton .arrow {
    position:absolute;
    top:24px; left:10px;
    background-image:url(../images/home/fleche_droite.png);
    width:16px; height:22px;
}

#closebutton .ambiance, #openbutton .ambiance {
    text-transform:uppercase;
}





#upbutton, #downbutton {
    position:absolute;
    right:326px;
    width:35px; height:23px;
    cursor:pointer;
    display:none;
    z-index:99;
}

#upbutton   {top:0px; }
#downbutton {top:24px;}
            
#upbutton .arrow, #downbutton .arrow {
    position:relative;
    width:35px; height:23px;
    background-repeat:no-repeat;
    font-size:0px;
}

#upbutton   .up   {background-image:url(../images/home/fleche_haut.png);}
#downbutton .down {background-image:url(../images/home/fleche_bas.png);}

#upbutton .back, #downbutton .back {
  position:absolute;
  width:35px; height:23px;
  background-color:black;
  opacity:0.3; filter:alpha(opacity=30);
}





#content .background img.backgound {
    position:absolute;
    top:0px; left:0px;
    width:837px; height:584px;
    z-index:1;
    display:none;
}

#content .background {
    position:absolute;
    width:837px; height:584px;
    overflow:hidden;
}

#content .background .back {
    position:absolute;
    width:837px; height:584px;
    background-color:#c0b199;
    opacity:0.7; filter:alpha(opacity=70);
    cursor:pointer;
    z-index:5;
}

#content .background .degrade {
    position:absolute;
    bottom:0px; left:0px;
    width:837px; height:246px;
    background-image:url(../images/home/degrade.png);
    z-index:5;
}

#content .background .label {
    top:0px; left:0px;
    width:58px; height:300px;
    position:absolute;
    z-index:5;
    overflow:hidden;
    cursor:pointer;
}

#content .background .arrow {
    position:absolute;
    top: 12px; left:9px;
    width:16px; height: 22px;
    background-image:url(../images/home/fleche_droite.png);
    z-index:5;
}

#content .background .ambiance {
    position:absolute;
    top:10px; left:27px;
    z-index:5;
}

#content .closed {
   border-left:1px solid #f4f2ed;
}





#icons {
    position:absolute;
    top:488px; left:628px;
    z-index:99;
    font-size:0px;
}

#icons .tn img {
    width:39px; height:39px;
    cursor:pointer;
}

/*
#icons .tn td, #icons .time td {
    display:none;  
}*/

#icons .opacity {
    position:absolute;
    width:39px;
    height:39px;
    background:white;
    opacity:0.5;
    filter:alpha(opacity=50);
    cursor:pointer;
}

#icons .timeline {
    position:absolute;
    top:41px;
    background:white;
    height:11px;
    width:39px;
    opacity:1;
    filter:alpha(opacity=100);      
}

#icons .time .back {
    height:11px;
    background-color:white;
    opacity:0.5;
    filter:alpha(opacity=50);    
}




ul#navig-principale {
	width:178px;
	font-size:12px;
	line-height:14px;
    list-style-type:none;
    padding-left:18px;
    position:absolute;
    top:184px;
}

ul#navig-principale li{
	line-height:15px;
}
ul#navig-principale li span{
	visibility:hidden;
}
ul#navig-principale li a{
	color:#fff;
	text-decoration:none;
}
ul#navig-principale li ul li{
	margin-bottom:3px;
	line-height:14px;
}


ul#navig-principale li#menu-home{
	background:url(../images/back-menu-home.gif) no-repeat;
	width:52px;
}
ul#navig-principale li#menu-home a{
	width:52px;
	display:block;
}
ul#navig-principale li#menu-home a:hover{
	background:url(../images/back-menu-home.gif) 0 -10px no-repeat;
}
ul#navig-principale li#menu-home.select{
	background:url(../images/back-menu-home-select.gif) no-repeat;
}
ul#navig-principale li#menu-home.select a{
	background:url(../images/back-menu-home-select.gif) no-repeat;
	display:block;
}
ul#navig-principale li#menu-home.select a:hover{
	background:none;
}


ul#navig-principale li#menu-collec{
	background:url(../images/back-menu-collec-off.gif) no-repeat;
	width:178px;
}
ul#navig-principale li#menu-collec a.two-level{
	width:178px;
	display:block;
}
ul#navig-principale li#menu-collec a.two-level:hover{
	background:url(../images/back-menu-collec-on.gif) no-repeat;
}


ul#navig-principale li#menu-essayage{
	background:url(../images/back-menu-essayage-off.gif) no-repeat;
	width:178px;
}
ul#navig-principale li#menu-essayage a.two-level{
	width:178px;
	display:block;
}
ul#navig-principale li#menu-essayage a.two-level:hover{
	background:url(../images/back-menu-essayage-on.gif) no-repeat;
}


ul#navig-principale li#menu-boutique{
	background:url(../images/back-menu-boutique-off.gif) no-repeat;
	width:137px;
}
ul#navig-principale li#menu-boutique a{
	width:137px;
	display:block;
}
ul#navig-principale li#menu-boutique a:hover{
	background:url(../images/back-menu-boutique-on.gif) no-repeat;
}


ul#navig-principale li#menu-service{
	background:url(../images/back-menu-service-off.gif) no-repeat;
	width:137px;
}
ul#navig-principale li#menu-service a{
	width:137px;
	display:block;
}
ul#navig-principale li#menu-service a:hover{
    background:url(../images/back-menu-service-on.gif) no-repeat;
}

ul#navig-principale li#menu-recrut{
	background:url(../images/btn-menu-recrut.gif) no-repeat;
	width:137px;
	height:10px;
	text-indent:-5000px;
	line-height:1px;
	font-size:1px;
}
ul#navig-principale li#menu-recrut a{
	width:137px;
	display:block;
	height:10px;
}
ul#navig-principale li#menu-recrut a:hover{
	background:url(../images/btn-menu-recrut.gif) 0 -10px no-repeat;
}

ul#navig-principale li#menu-recrut.select{
	background:url(../images/back-menu-recrut-select.gif) no-repeat;
	height:14px;
}
ul#navig-principale li#menu-recrut.select a{
	background:url(../images/back-menu-recrut-select.gif) no-repeat;
	display:block;
	height:14px;
}
ul#navig-principale li#menu-recrut.select a:hover{
	background:none;
}

/*ajout : module fidélité*/

ul#navig-principale li#menu-prog{
	background:url(../images/back-menu-programme-off.gif) no-repeat;
	width:172px;
}
ul#navig-principale li#menu-prog a.two-level{
	width:172px;
	display:block;
}
ul#navig-principale li#menu-prog a.two-level:hover{
	background:url(../images/back-menu-programme-on.gif) no-repeat;
}
ul#navig-principale li#menu-prog.select{
	background:url(../images/back-menu-programme-select.gif) no-repeat;
}
ul#navig-principale li#menu-home.select a.two-level{
	background:url(../images/back-menu-collec-select.gif) no-repeat;
}
ul#navig-principale li#menu-prog.select a.two-level:hover{
	background:none;
}
ul#navig-principale li#menu-prog ul{
	display:none;
}
ul#navig-principale li#menu-prog.select ul{
	display:block;
}


#col-gauche ul#navig-principale li#menu-profil{
	background:url(../images/back-menu-profil-off.gif) no-repeat;
	width:105px;
}
#col-gauche ul#navig-principale li#menu-profil a.two-level{
	width:105px;
	display:block;
}
#col-gauche ul#navig-principale li#menu-profil a.two-level:hover{
	background:url(../images/back-menu-profil-on.gif) no-repeat;
}
#col-gauche ul#navig-principale li#menu-profil.select{
	background:url(../images/back-menu-profil-select.gif) no-repeat;
}

#les_blocs_gauche {
	position:absolute;
	top:275px;
}


#block-actu-gauche {
    height:107px;
    border-top:1px solid #dcd4c7;
    border-bottom:1px solid #dcd4c7; 
    width:202px;
}
#block-actu-gauche img {
    display:block;
    float:left;
    margin-right:8px;
}
#block-actu-gauche h5 {
    background:url(../images/titre-actu-gauche.gif) no-repeat;
    width:77px;
    height:14px;
    text-indent:-5000px;
    margin:10px 0 5px 60px;
}
#block-actu-gauche p#intro-actu-gauche {
    text-transform:uppercase;
    margin-bottom:3px;
}
#block-actu-gauche p {
    line-height:13px;
}

#block-prehome {
	width:202px;
	height: 104px;	
}



#block-webzine-gauche {
    background:#D0C5B3 url(../images/fleur-gauche.gif) no-repeat scroll left top;
    border-bottom:1px solid #dcd4c7;
    height:58px;
    padding:15px 0 0 70px;
    top:404px;
    width:132px;
}
#block-webzine-gauche h5{
    background:url(../images/titre-bonheur-gauche.gif) no-repeat;
    width:127px;
    height:30px;
    text-indent:-5000px;
    margin-bottom:7px;
}
#block-webzine-gauche a {
    color:#f11577;
    font-weight:bold;
    text-transform:uppercase;
    font-size:9px;
    background:url(../images/puce-gauche.gif) 0 1px no-repeat;
    line-height:9px;
    padding-left:15px;
}
#block-webzine-gauche a:hover {
    text-decoration:underline;
}




#block-newsletter {
    margin-left:16px;
    
    font-size:10px;
}

#block-newsletter h5 {
    background:url(../images/home/newsletter.gif) no-repeat;
    width:79px; height:11px;
    text-indent:-5000px;
    margin-bottom:11px;
}

#block-newsletter .inputtext {
    border:1px solid white;
    background:none;
    width:120px;
    margin-top:5px;
    margin-right:5px;
}

#player-audio{
	width:132px;
	
}

div#bk-footer{
	height:25px;
	/*width:360px;*/
	position:absolute;
	bottom:0px;
	width:100%;
	z-index:2;
}
ul#footer{
	margin: 0 auto ;
	width:365px;
	position:relative;
	top:5px;
}
ul#footer li a{
	color:#a59e93;	
}






/*--------------------------block jeu concour-----------------------*/
.message-attente{
	position:absolute;
	top:380px;
	left:47px;
	background:#fff;
	width:200px;
	height:80px;
	border:1px solid #ccc;
	z-index:1000;
	padding: 15px;
	font-size:12px;
	display:none;
	text-align:center;
	line-height:24px;
	font-weight:bold;
	color:#eb460c;
}
#block-jeu-concour{
	/*background:url(../images/concours/back-jeu-concours.png) repeat-y; #da0046*/
	/*background: #da0046;
	border-right: 1px solid #525252;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;*/
	width:287px;
	height:100%;	
	position:absolute;
	top:0;
	left:202px;
	padding-left:17px;
}

#block-jeu-concour p.note
{
	/*background: url('../images/back-soldes.gif') no-repeat 0 80px;*/
	padding-top: 550px;
	color: #fff;
	font-size: .9em;
}
#block-jeu-concour h1{
	background:url(../images/concours/titre-date-concour.png) no-repeat;
	width:177px;
	height:34px;	
	text-indent:-5000px;
	margin-top:11px;
}
#block-jeu-concour h2{
	background:none;
	color:#eb460c;
	font-size:26px;
	font-family:georgia;
	margin-top:5px;
}
#block-jeu-concour #illu-concour{
	background:url(../images/concours/illu-concours.png) no-repeat;
	width:267px;
	height:279px;	
	margin-top:13px;
}
#block-jeu-concour h3{
	background:none;
	color:#eb460c;
	font-size:19px;
	font-family:georgia;
	font-style:normal;
	padding:0;
}
#block-jeu-concour p{
	font-size:12px;	
	margin-top:8px;
	line-height:17px;
}
#btn-jouer{
	background:url(../images/concours/btn-jouer.png) no-repeat;
	width:86px;
	height:81px;	
	text-indent:-5000px;
	margin:23px 0 0 141px;
	position:relative;
	/*z-index:10000;*/
	cursor:pointer;
}
#btn-jouer a{
	display:block;
	width:86px;
	height:81px;	
}

#fin-concours{
	background:url(../images/concours/fin-concours.png) no-repeat;
	width:195px;
	height:124px;
	text-indent:-5000px;
	margin:17px 0 0 25px;
	float:left;
	position:relative;
	z-index:50;
}

/*--------------------------fin block jeu concour-----------------------*/