/* -- -----------------------
 * 
 *  Structure  Collection 
 *  
 * -------------------------- */
 
#content #background-content {
	position: relative;
	width: 100%;
	height: 549px;
	overflow:hidden;
	z-index: 1;
	background: #FFFFFF url(../_img/collection/bgk_cherryblossom.jpg) no-repeat;	
}

.closeup {
	position: absolute;
	width: 558px;
	height: 519px;
	z-index: 2;	
	top:0;
	left: 265px;
	-left: 264px; 


}
sup {
	font-size: 8px;
}
.closeup_zoom {
	position: absolute;
	width: 275px;
	height: 519px;
	z-index: 2;	
	top:0;
	left: 0px;
}

.closeup table{
	height: 519px;
}

 #diagonale {
 	position: relative;
	behavior:url(/_css/iepngfix.htc); 	
	background:  url(/_img/general/diagonale.png) no-repeat;
	width: 556px;
	height: 519px; 
	z-index: 3;
	float: right;
}
#menu_collection {
	position: absolute;
	bottom:0;
	background: #FFFFFF;
	width: 100%;
	z-index: 4;
	display:table-cell; 
	vertical-align:middle; 
	line-height: 30px; 
	height: 30px;
}



/* -- -----------------------
 *                            *
 *   Fiche Theme collection   *
 *                            *
 * -------------------------- */
 
ul#typology {
	position: absolute; 
	left: 0;
	top: 24px;
	width: 270px;
	height: 489px;
	padding-left: 30px;
	list-style-type: none;
	z-index:12222;
	
	
}



ul#typology li.rubrique{
	
	padding-top: 10px;
	border-top: 1px solid #FFFFFF;
	margin-right: 10px;
	display:block;
	width: 240px;
	overflow:hidden;


}
ul#typology li.rubrique a {
	font-size: 12px;
	text-transform: uppercase; 
	font-family: Arial;
	color:#FFF; 
	display:table-cell; 
	vertical-align:middle; 
	line-height: 22px; 
	height: 22px;
	font-weight: bold;
	float:left;
	padding-left: 7px;
	padding-right: 7px;

}

ul#typology li.rubrique a:hover,
ul#typology li.rubrique a.on {
	color:#FFF;
	background: #56aadf;
	float:left;

}

ul#typology li.rubrique span {
	display: block;
	float: left ;
	margin:0 10px 0 10px;
}

ul#typology li.txt_theme{
	display:block;
	font-size: 11px;
	font-family: Arial;
	color:#FFF; 
	width: 210px;
	clear: both;



}

ul#typology li.txt_theme p{
	display: block;

}

#typology #infos {
	position:absolute;
	width: 224px;
	height: 50px;
	bottom: 0px;
	left: 30px;
	font-size:11px;
}

#typology #infos ul {
	list-style-type: none;
}

#typology #infos ul li {
	background:url(../_img/puce_bleu.gif) no-repeat 0px center;
	padding-left: 10px;
}

#typology #infos ul li a {
	color: #FFF;
	font-weight:bold;
	font-size: 11px;
}

#typology a.mutine_fr, #typology a.mutine_en , #typology a.mutine_nl  ,#typology a.mutine_es  {
	width: 70px;
	background: url(../_img/collection/mutine.gif) no-repeat 0 0; 
}



#typology a:hover.mutine_en,
#typology a.mutine_en_on,
#typology a:hover.mutine_es,
#typology a.mutine_es_on,
#typology a:hover.mutine_nl,
#typology a.mutine_nl_on,
#typology a:hover.mutine_fr,
#typology a.mutine_fr_on {
	width: 70px;
	background: url(../_img/collection/mutine.gif) no-repeat 0 -20px; 
}

#typology a.clair-obscur_en , #typology a.clair-obscur_es ,#typology a.clair-obscur_nl, #typology a.clair-obscur_fr{
	width: 105px;
	background: url(../_img/collection/clair-obscur.gif) no-repeat 0 0; 
}


#typology a:hover.clair-obscur_nl,
#typology a.clair-obscur_nl_on ,
#typology a:hover.clair-obscur_es,
#typology a.clair-obscur_es_on ,
#typology a:hover.clair-obscur_en,
#typology a.clair-obscur_en_on ,
#typology a:hover.clair-obscur_fr,
#typology a.clair-obscur_fr_on {
	width: 105px;
	background: url(../_img/collection/clair-obscur.gif) no-repeat 0 -20px; 
}



#typology a.lingerie_fr {
	width: 70px;
	background: url(../_img/collection/lingerie.gif) no-repeat 0 0; 
}
#typology a:hover.lingerie_fr,
#typology a.lingerie_fr_on {
	width: 70px;
	background: url(../_img/collection/lingerie.gif) no-repeat 0 -20px; 
}






#typology a.lingerie_nl {
	width: 70px;
	background: url(../_img/collection/lingerie.gif) no-repeat 0 0; 
}
#typology a:hover.lingerie_nl,
#typology a.lingerie_nl_on {
	width: 70px;
	background: url(../_img/collection/lingerie.gif) no-repeat 0 -20px; 
}



#typology a.lingerie_en {
	width: 70px;
	background: url(../_img/collection/lingerie.gif) no-repeat 0 0; 
}
#typology a:hover.lingerie_en,
#typology a.lingerie_en_on {
	width: 70px;
	background: url(../_img/collection/lingerie.gif) no-repeat 0 -20px; 
}


#typology a.lingerie_es {
	width: 70px;
	background: url(../_img/collection/lingerie_es.gif) no-repeat 0 0; 
}
#typology a:hover.lingerie_es,
#typology a.lingerie_es_on {
	width: 70px;
	background: url(../_img/collection/lingerie_es.gif) no-repeat 0 -20px; 
}




#typology a.loungewear, #typology a.loungewear_fr, #typology a.loungewear_en, #typology a.loungewear_nl, #typology a.loungewear_es {
	width: 98px;
	background: url(../_img/collection/loungewear.gif) no-repeat 0 0; 
}
#typology a:hover.loungewear, #typology a:hover.loungewear_on,
#typology a:hover.loungewear_fr, #typology a:hover.loungewear_en, #typology a:hover.loungewear_nl, #typology a:hover.loungewear_es,
#typology a.loungewear_fr_on, #typology a.loungewear_en_on, #typology a.loungewear_nl_on, #typology a.loungewear_es_on {
	width: 98px;
	background: url(../_img/collection/loungewear.gif) no-repeat 0 -20px; 
}

#typology a.lucie_fr,
#typology a.lucie_en,
#typology a.lucie_es,
#typology a.lucie_nl {
	width: 50px;
	background: url(../_img/collection/lucie.gif) no-repeat 0 0; 
}
#typology a:hover.lucie_fr, #typology a.lucie_fr_on,
#typology a:hover.lucie_en, #typology a.lucie_en_on,
#typology a:hover.lucie_nl, #typology a.lucie_nl_on,
#typology a:hover.lucie_es, #typology a.lucie_es_on {
	width: 50px;
	background: url(../_img/collection/lucie.gif) no-repeat 0 -20px; 
}

#typology a.sonate-d-ete_fr,
#typology a.sonate-d-ete_en,
#typology a.sonate-d-ete_es,
#typology a.sonate-d-ete_nl {
	width: 98px;
	background: url(../_img/collection/sonate.gif) no-repeat 0 0; 
}
#typology a:hover.sonate-d-ete_fr, #typology a.sonate-d-ete_fr_on,
#typology a:hover.sonate-d-ete_en, #typology a.sonate-d-ete_en_on,
#typology a:hover.sonate-d-ete_es, #typology a.sonate-d-ete_es_on,
#typology a:hover.sonate-d-ete_nl, #typology a.sonate-d-ete_nl_on {
	width: 98px;
	background: url(../_img/collection/sonate.gif) no-repeat 0 -20px; 
}


ul#typology li a {
	display: block;
	line-height: 20px;
	height:20px;
}
/* nadim : trop long
#typology a.lingerie_en_on span,
#typology a.lingerie_en span,
#typology a.lingerie_es_on span,
#typology a.lingerie_es span,
#typology a.loungewear_on span,
#typology .loungewear span {
	display: none;
}

#typology a.lingerie_fr_on span,
#typology .lingerie_fr span {
	display: none;
}
#typology a.lingerie_nl_on span,
#typology .lingerie_nl span {
	display: none;
}
*/
/* nadim : plus court */
#typology a span {
	display: none;
}

.left_arrow {
	position:absolute;  
	top: 218px;
	left: 253px;
	z-index:300000; 	
}
.right_arrow {
	position:absolute;  
	top: 218px;
	left: 615px;
	z-index:6; 	
}


.left_arrow2 {
	position:absolute;  
	top: 250px;
	left: 50px;
	z-index:300000; 	
}
.right_arrow2 {
	position:absolute;  
	top: 250px;
	left: 555px;
	z-index:6; 	
}

ul.legende_closeup {
	position: absolute;
	width: 150px; 
	height: 94px;
	z-index:7; 
	top: 122px;
	left: 614px;
	list-style-type:none;	
	font-size: 11px;
	
}

ul.legende_closeup li.nav {
	color: #56aadf;
	font: bold 11px Arial, Helvetica, sans-serif;
}
ul.legende_closeup li.text {
	width: 110px;
	color: #FFF;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.separator {
	margin-left: 10px;
	margin-right: 9px;
}

ul#typology hr {

	border-top: 1px solid #FFFFFF;
	height:0;
	width: 225px;
	margin-top: 4px;
	*margin-top: -6px;
	margin-bottom: 11px;
	*margin-bottom: 0px;
	*margin-left: -45px;
	
}

.exp_ie7 {
*margin-top: -1px;
margin-top: 0px;
}


ul#coloris {
	position: absolute;
	width: 160px; 
	height: 50px;
	bottom: 60px;
	left: 602px;
	list-style-type:none;	
	z-index:7000; 
}

ul#coloris li.title {
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 160px;
	height: 20px;
	border-bottom: 1px solid #dbdee5;
	margin-bottom: 10px;
}

ul#coloris li.color {
	display: inline;
	position: relative;
	
}
ul#coloriszoom {
	position: absolute;
	width: 160px; 
	height: 50px;
	bottom: 30px;
	_bottom: 31px;
	left: 602px;
	list-style-type:none;	
	z-index:7000; 
	
	
}

ul#coloriszoom li.title {
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 160px;
	height: 20px;
	border-bottom: 1px solid #dbdee5;
	margin-bottom: 10px;
}

ul#coloriszoom li.color {
	display: inline;
	position: relative;
	
}
ul#croquis {
	position: absolute;
	width: 160px; 
	height: 430px;
	top: 30px;
	left: 827px;
	list-style-type:none;	
	z-index:100; 
	font-size: 11px;
	text-align: center;
}

#croquis {
	list-style-type:none;	
	font-size: 11px;
	
}
ul.croquis_prod {
	list-style:none;
}

#croquis_haut ul {
	list-style:none;
	

}
#croquis_bas ul {
	list-style:none;
}

.croquis_bulle {
	background:#FFF; 
	height: 80px; 
	width:107px; 
	position:absolute; 
	top: -86px; 
	left:22px; 
	border:1px solid #dbdee5;
	color: #092444;
	font: normal 11px Arial, Helvetica, sans-serif;
	z-index:100;
	
}
 
#croquis li.fleche {
	position: relative;
	font-size: 11px;
	float: left;
	text-align:center;
	width: 110px; 
	display:block;
	padding-left: 50px;
	margin-top:10px;
	
}

#centre_fleche {
	display: block;
	text-align: center;

             }
.zoom {
position:absolute;
right: 20px;

}
.little_left_arrow {
	float: left;
	margin-right: 6px;
}
.little_right_arrow {
	float: left;
	margin-left: 13px;
}

 #croquis  li.visuel {
	font-size: 11px;
	cursor:pointer;
}
 
#croquis  li.visuel_bas {
	font-size: 11px;

}
 
#croquis li.legende {
	font: bold 11px Arial, Helvetica, sans-serif;
	*margin-top: -11px;
	display: block;
}

#croquis  li.taille {
	font: normal 11px Arial, Helvetica, sans-serif;
}
 
#croquis li.fleche span {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #d0d5db;
	float:left;
	background:url(../_img/collection/point_off.gif) no-repeat;
	height: 13px;
	width: 3px;
	margin-left: 7px;
	

	
}
#croquis li.fleche span.on {
	background:url(../_img/collection/point_on.gif) no-repeat;
}

#croquis li.fleche span {
	cursor:pointer;
}
#croquis li.bas  {
	list-style-type:none;	
	font-size: 11px;
	margin-top: 50px;
	
}

#croquis li.bas ul {
	list-style-type:none;	
	font-size: 11px;
	margin-top: 10px;
	
}
 


ul#utils {
	position: absolute;
	width: 160px; 
	height: 50px;
	bottom: 40px;
	right: 0;
	list-style-type:none;
	border-top: 1px solid #dbdee5;
	z-index:7; 

}


ul#utils li.print a {
	background:url(../_img/collection/print.gif) no-repeat 0px center;
	padding-left: 23px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;	
}

ul#utils li.envoi a {
	background:url(../_img/collection/letter.gif) no-repeat 0px center ;
	padding-left: 23px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;	
}


ul#utils li.envoi a  {
	*background:url(../_img/collection/letter.gif) no-repeat 1px 3px ;
}
ul#coloris li a{
	display: inline;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000000;	
	
}


/* -- -----------------------
 *                            *
 *   ZOOOM  collection        *
 *                            *
 * -------------------------- */



#background-content_zoom {
	background: url(../_img/collection/zoom_bgk.jpg) no-repeat;
	position: absolute;
	width: 1016px;
	height: 520px;
	top: 50%;
	left: 50%;
	margin-left: -508px;
	margin-top: -260px;	
	z-index: 10;
}

.croquis_zoom {
	position: absolute;
	width: 252px; 
	top: 0px;
	left: 764px;
	list-style-type:none;	
	z-index:7; 
	font-size: 11px;
	text-align: left;
	height: 419px;
	padding-bottom: 60px;

}

.croquis_zoom .close_zoom {
	position: absolute;
	right: 10px;
	top: 10px;
}

.croquis_zoom table#content_cr {

	width:222px;
	height: 459px;
	float:right;
	border: none;
	font-size:10px;

	vertical-align:bottom;
	

}

.croquis_zoom table#content_cr td.close{
	height: 26px;

}
h2.claim_theme {
	font-size: 15px;
	padding-top:0px; 
	padding-bottom:0px; 
	/*margin-top:-7px;
	*margin-top:-10px;*/
	width: 260px;
	height: 38px; 
	color: #FFF;

}

h1.title_theme { 
	font-size:20px;  
	padding-top:0px; 
	padding-bottom:0px; 
	margin:0px;
	color: #FFF;
	text-transform: uppercase;
}

h1.title_theme2 {
	font-size: 20px;
	text-transform: uppercase; 
	font-family: Arial;
	text-align: left;
	width:192px;
	border-bottom: 1px solid #dbdee5;
	padding-bottom: 10px;
	padding-top: 15px;
	margin-bottom: 10px;
}
.zone_article {
	cursor: pointer;
}
.croquis_zoom ul.croquis_product_zoom{
	border-right: 5px solid #56aadf;
	list-style-type:none;
	font-size:10px;
}
.croquis_zoom ul.croquis_product_zoom li.visuel {
	font: bold 11px Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	width:192px;
}

.croquis_zoom ul.croquis_product_zoom li.legende {
	font: bold 11px Arial, Helvetica, sans-serif;
	display: block;
	text-align: left;
	width:192px;
}

.croquis_zoom ul.croquis_product_zoom  li.taille {
	display:block;
	font: normal 11px Arial, Helvetica, sans-serif;
	text-align: left;
	width:192px;
}
/* -- -----------------------
 *                            *
 *   Envoyer a un ami         *
 *                            *
 * -------------------------- */


 #diagonale_ami {
 	position: relative;
	behavior:url(/_css/iepngfix.htc); 	
	background:  url(/_img/general/diagonale_ami.png) no-repeat;
	width: 721px;
	height: 519px; 
	z-index: 3;
	float: right;
}

#background-content #merci_news {
	position: absolute;
	right: 0;
	top: 210px;
	z-index: 8;
	width: 362px;
	border-right: 5px solid #56aadf;
	font: normal 11px Arial, Helvetica, sans-serif;

}
#background-content table#merci_news_content {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 8;
	width: 362px;
	border-right: 5px solid #56aadf;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#background-content table#merci_news_content h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	width: 210px;
	padding-right:15px;	
}
#background-content table#recommander_ami {
	position: absolute;
	right: 0;
	top: 210px;
	z-index: 8;
	width: 362px;
	border-right: 5px solid #56aadf;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#background-content table#recommander_ami h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#000000;
	width: 210px;
	padding-right:15px;	
}

#background-content table#recommander_ami input.standard {
	width: 192px;
	height: 20px;
	background: #eff4f7;
	margin-right:15px;		
}
#background-content table#recommander_ami textarea {
	width: 192px;
	height: 37px;
	background: #eff4f7;
	margin-right:15px;		
}


#recommander_ami span {
	color:  #56aadf;
 }
 
#recommander_ami tr {
	vertical-align: top;
} 

#recommander_ami input.envoyer {
	width: 77px;
	height: 18px;
	float: right;
	margin-right: 20px;
	margin-left: 40px;
	border:none;
}

#merci_news input.retour {
	width: 79px;
	height: 24px;
	margin-left: 40px;
	border:none;
}

.fermer {
	position: absolute;
	z-index:10;
	right:11px;
	top: 10px;
}

.correct_closeuppng {
	margin-left:15px;
}

.zone_article_haut {
position: absolute;
top: 0px;
-top: 0px; left:16px;
	cursor: pointer;
}
.zone_article_bas {
	cursor: pointer;
	position: absolute;
	bottom: 60px; 
	-bottom: 80px;	
	left:16px;
}
#croquis_haut {
	display: block;
	-margin-left: -13px;
}
#croquis_bas {
}





#article_croquis {
	width:160px; position:absolute; right:30px; height: 440px; z-index:1000;margin-top:15px;
	
}

.article_haut {
	position:relative;  height:245px;
	
}
.article_bas {
cursor: pointer;
	
}

#article_croquis_haut {
	height:169px; text-align:center;
}
#show_croquis_haut {
	cursor:pointer;
}
#show_croquis_bas {
	cursor:pointer;
}
.article_titre {
font: bold 11px Arial, Helvetica, sans-serif; color:#000000; text-align:center;


}
.article_taille {
font: normal 11px Arial, Helvetica, sans-serif; color:#000000; text-align:center;
}

#nav_haut {
width: 160px;height:20px;position:absolute;bottom: 0;/*text-align:center;*/
line-height:20px;
}

#article_bas {
position:relative; height:180px; margin-top: 10px;
}

#croquis_img_bas {
cursor: pointer;
height:104px; text-align:center;
}

#nav_bas {
width: 160px; height:20px; position:absolute; bottom:0;/*text-align:center;*/
line-height:20px;
}

.tableau_nav {
/*position:absolute; left:50%; margin-left:-30px;*/
position: relative;float: left;
-display: inline;
}

#zoom2_haut {
/*position: absolute;bottom: 4px; right: 20px;*/
margin-left: 10px;position: relative;float: left;
cursor: pointer;
}
#zoom2_bas {
/*position: absolute; bottom: 4px; right: 20px;*/
margin-left: 10px;position: relative;float: left;
cursor: pointer;
}
.point_on {
	background:url(../_img/collection/point_on.gif) no-repeat;

}

.point_off {
	background:url(../_img/collection/point_off.gif) no-repeat;

}