@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { width:610px; font: 11px Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; color:#4d4d4d;}
img {border:0;}
span {display:none; float:left; height:38px;}
.none {display:none;}
a { text-decoration:none; color:white;}
a:hover {color:#9d3b6c;}
#collections .bouton_on {float:left; background: url(images/onglets/collectionsActive.gif) no-repeat;margin:0 10px 0 0;}
.textDecoration { text-decoration:underline;}
#container {width:575px;height:auto;margin: 20px 0;}

/*****************************************************
 					  header
*****************************************************/
#header {height:60px; width:575px;}
a.logo {width:200px; float:left; height:38px; padding:0 15px 0 0; cursor:pointer} 
a.logo:hover {background:url(images/logoElsaEsturgie_hover.gif) no-repeat;width:200px;}
a.logo:active {background:url(images/logoElsaEsturgie_hover.gif) no-repeat;width:200px;}
a.logo:focus {background:url(images/logoElsaEsturgie_focus.gif) no-repeat;width:200px;}

#logoEE { width:206px; height:38px;margin:0 20px 0 0;background:url(images/logoElsaEsturgie.gif) no-repeat; }
#logoEE h1 {display:none;height:38px;}

/*****************************************************
 					  navigation top
*****************************************************/
#navigationTop {float:right; margin-top:-26px; width:335px; position:relative;}
#navigation, #navigationBis {list-style:none;}
#navigation li {display:inline;}
#navigationBis li {display:inline;}
#navigation .submenu {padding:0; margin:0;}

		/***********onglet news************/
#news a {float:left; width:39px; height:19px;cursor:pointer; background: url(images/onglets/news.gif) no-repeat;margin:0 10px 0 0;}
#news a:hover {float:left; background: url(images/onglets/newsHover.gif) no-repeat;margin:0 10px 0 0;}
#news a:active {float:left; background: url(images/onglets/newsFocus.gif) no-repeat;margin:0 10px 0 0;}
#news a:focus {float:left; background: url(images/onglets/newsFocus.gif) no-repeat;margin:0 10px 0 0;}
#news .on {float:left; background: url(images/onglets/newsFocus.gif) no-repeat;margin:0 10px 0 0;}
	/***********onglet shops************/
#shops a {float:left; width:39px; height:19px;cursor:pointer;background: url(images/onglets/shops.gif) no-repeat;margin:0 10px 0 0;}
#shops a:hover {float:left; background: url(images/onglets/shopsHover.gif) no-repeat;margin:0 10px 0 0;}
#shops a:active {float:left; background: url(images/onglets/shopsFocus.gif) no-repeat;margin:0 10px 0 0;}
#shops a:focus {float:left; background: url(images/onglets/shopsFocus.gif) no-repeat;margin:0 10px 0 0;}
#shops .on {float:left; background: url(images/onglets/shopsFocus.gif) no-repeat;margin:0 10px 0 0;}

		/***********onglet contact************/
#contact a {float:left; width:56px; height:19px;cursor:pointer;background: url(images/onglets/contact.gif) no-repeat;margin:0 10px 0 0;}
#contact a:hover {float:left; background: url(images/onglets/contactHover.gif) no-repeat;margin:0 10px 0 0;}
#contact a:active {float:left; background: url(images/onglets/contactFocus.gif) no-repeat;margin:0 10px 0 0;}
#contact a:focus {float:left; background: url(images/onglets/contactFocus.gif) no-repeat;margin:0 10px 0 0;}
#contact .on {float:left; background: url(images/onglets/contactFocus.gif) no-repeat;margin:0 10px 0 0;}
		
		/***********onglet collections************/
#collections span.bouton_on, #collections a.bouton_on  {float:left; background: url(images/onglets/collectionsActive.gif) no-repeat;margin:0 10px 0 0;}
#collections .on{float:left; background: url(images/onglets/collectionsActive.gif) no-repeat;margin:0 10px 0 0;}
.toggleSubMenu { position:static;}
#collections a, #collections span {float:left; width:90px; height:19px;cursor:pointer; background: url(images/onglets/collections.gif) no-repeat;margin:0 10px 0 0; display:block;}
#collections a:hover {float:left; background: url(images/onglets/collectionsHover.gif) no-repeat;margin:0 10px 0 0;}
#collections a:active  {float:left; background: url(images/onglets/collectionsActive.gif) no-repeat;margin:0 10px 0 0;}
#collections a:focus {float:left; background: url(images/onglets/collectionsActive.gif) no-repeat;margin:0 10px 0 0;}

		/***********onglet archives************/
#archives {margin:0}
#archives span.bouton_on, #archives a.bouton_on  {float:left; background: url(images/onglets/archivesBisActive.gif) no-repeat;}
.toggleSubMenu { position:static;}
#archives a, #archives span {float:left; width:70px; height:19px;cursor:pointer;background: url(images/onglets/archivesBis.gif) no-repeat; display:block;}
#archives a:hover {float:left; background: url(images/onglets/archivesBisHover.gif) no-repeat;}
#archives a:active {float:left; background: url(images/onglets/archivesBisActive.gif) no-repeat;}
#archives a:focus {float:left; background: url(images/onglets/archivesBisActive.gif) no-repeat; height:17px;}

		/***********onglet collections sous-menus************//* EXEMPLE HACK IE6 filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3;*/
#navigation ul.subMenuCollection {background-color:white;width:220px;z-index:20;margin: 20px 0 0 0;padding: 0 0 2px 15px;left: 165px;top:0;position: absolute;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
#navigation ul.subMenuCollection a.defile2008 {width:210px; background: url(images/onglets/defileBarcelone2008.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.defile2008:hover {width:210px;  background: url(images/onglets/defileBarcelone2008Hover.gif) no-repeat;}
#navigation ul.subMenuCollection a.defile2008:active {float:left; width:210px;  background: url(images/onglets/defileBarcelone2008Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.defile2008:focus {float:left; width:210px;  background: url(images/onglets/defileBarcelone2008Focus.gif) no-repeat;}

#navigation ul.subMenuCollection a.collEte10 {width:210px; background: url(images/onglets/collectionEte10.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.collEte10:hover {width:210px;background-image: url(images/onglets/collectionEte10Hover.gif);background-repeat: no-repeat;}
#navigation ul.subMenuCollection a.collEte10:active {float:left; width:210px;  background: url(images/onglets/collectionEte10Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.collEte10:focus {float:left; width:210px;  background: url(images/onglets/collectionEte10Focus.gif) no-repeat;}

#navigation ul.subMenuCollection a.collHiver08-09{width:210px; background: url(images/onglets/collectionsHiver08-09.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.collHiver08-09:hover {width:210px;  background: url(images/onglets/collectionsHiver08-09Hover.gif) no-repeat;}
#navigation ul.subMenuCollection a.collHiver08-09:active {float:left; width:210px;  background: url(images/onglets/collectionsHiver08-09Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.collHiver08-09:focus {float:left; width:210px;  background: url(images/onglets/collectionsHiver08-09Focus.gif) no-repeat;}


#navigation ul.subMenuCollection a.collHiver09-10 {width:210px; background: url(images/onglets/collectionsHiver09-10.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.collHiver09-10:hover {width:210px;  background: url(images/onglets/collectionsHiver09-10Hover.gif) no-repeat;}
#navigation ul.subMenuCollection a.collHiver09-10:active {float:left; width:210px;  background: url(images/onglets/collectionsHiver09-10Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.collHiver09-10:focus {float:left; width:210px;  background: url(images/onglets/collectionsHiver09-10Focus.gif) no-repeat;}

#navigation ul.subMenuCollection a.collEte09 {width:210px; background: url(images/onglets/collectionsEte09.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.collEte09:hover {width:210px;  background: url(images/onglets/collectionsEte09Hover.gif) no-repeat;}
#navigation ul.subMenuCollection a.collEte09:active {float:left; width:210px;  background: url(images/onglets/collectionsEte09Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.collEte09:focus {float:left; width:210px;  background: url(images/onglets/collectionsEte09Focus.gif) no-repeat;}

#navigation ul.subMenuCollection a.collEte08 {width:210px; background: url(images/onglets/collectionEte2008.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.collEte08:hover {width:210px;  background: url(images/onglets/collectionEte2008Hover.gif) no-repeat;}
#navigation ul.subMenuCollection a.collEte08:active {float:left; width:210px;  background: url(images/onglets/collectionEte2008Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.collEte08:focus {float:left; width:210px;  background: url(images/onglets/collectionEte2008Focus.gif) no-repeat;}

#navigation ul.subMenuCollection a.collHiver07 {width:210px; background: url(images/onglets/collectionHiver2007.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuCollection a.collHiver07:hover {width:210px;  background: url(images/onglets/collectionHiver2007Hover.gif) no-repeat;}
#navigation ul.subMenuCollection a.collHiver07:active {float:left; width:210px;  background: url(images/onglets/collectionHiver2007Focus.gif) no-repeat;}
#navigation ul.subMenuCollection a.collHiver07:focus {float:left; width:210px;  background: url(images/onglets/collectionHiver2007Focus.gif) no-repeat;}

		
		/***********onglet archives sous-menus************/
#navigation ul.subMenuArchives {position:absolute;padding:0;background-color:white; width:220px;z-index:20;margin: 20px 0 0;padding: 0 0 0 17px;left:263px;filter:alpha(opacity=80); -moz-opacity:0.8;opacity:0.8;}
#navigation ul.subMenuArchives a.collHiver07 {width:210px; background: url(images/onglets/collectionHiver2007.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuArchives a.collHiver07:hover {width:210px;  background: url(images/onglets/collectionHiver2007Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.collHiver07:active {float:left; width:210px;  background: url(images/onglets/collectionHiver2007Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.collHiver07:focus {float:left; width:210px;  background: url(images/onglets/collectionHiver2007Focus.gif) no-repeat;}


#navigation ul.subMenuArchives a.collEte07 {width:210px; background: url(images/onglets/collectionEte2007.gif) no-repeat; padding:0; margin:0;}
#navigation ul.subMenuArchives a.collEte07:hover {width:210px;  background: url(images/onglets/collectionEte2007Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.collEte07:active {float:left; width:210px;  background: url(images/onglets/collectionEte2007Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.collEte07:focus {float:left; width:210px;  background: url(images/onglets/collectionEte2007Focus.gif) no-repeat;}

#navigation ul.subMenuArchives a.coll07 {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2007.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll07:hover {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2007Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll07:active {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2007Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll07:focus {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2007Focus.gif) no-repeat;}

#navigation ul.subMenuArchives a.coll06{float:left; width:210px; background: url(images/onglets/collection2006.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll06:hover {float:left; width:210px;  background: url(images/onglets/collection2006Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll06:active  {float:left; width:210px;  background: url(images/onglets/collection2006Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll06:focus {float:left; width:210px;  background: url(images/onglets/collection2006Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll05 {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2005.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll05:hover {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2005Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll05:focus  {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2005Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll05:active  {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2005Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll04{float:left; width:210px; background: url(images/onglets/collection2004.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll04:hover {float:left; width:210px;  background: url(images/onglets/collection2004Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll04:active  {float:left; width:210px;  background: url(images/onglets/collection2004Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll04:focus  {float:left; width:210px;  background: url(images/onglets/collection2004Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll03 {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2003.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll03:hover {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2003Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll03:active  {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2003Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll03:focus  {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2003Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll02{float:left; width:210px; background: url(images/onglets/collection2002.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll02:hover {float:left; width:210px;  background: url(images/onglets/collection2002Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll02:active  {float:left; width:210px;  background: url(images/onglets/collection2002Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll02:focus  {float:left; width:210px;  background: url(images/onglets/collection2002Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll01 {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2001.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll01:hover {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2001Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll01:active  {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2001Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll01:focus  {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection2001Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll00{float:left; width:210px; background: url(images/onglets/collection2000.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll00:hover {float:left; width:210px;  background: url(images/onglets/collection2000Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll00:active  {float:left; width:210px;  background: url(images/onglets/collection2000Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll00:focus  {float:left; width:210px;  background: url(images/onglets/collection2000Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll97-99 {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection97-99.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll97-99:hover {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection97-99Hover.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll97-99:active {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection97-99Focus.gif) no-repeat;}
#navigation ul.subMenuArchives a.coll97-99:focus {float:left; width:210px; margin:0 200px 0 0; background: url(images/onglets/collection97-99Focus.gif) no-repeat;}

/*****************************************************
 		 		contenu principal
*****************************************************/
#content {margin:0 0 30px; width:571px}
#main {border:1px solid #999; width:571px; height:567px; margin:0 0 30px; z-index:5;}
html>body #main {height:auto;min-height:567px;}
.bgGrey { background-color:#b9b9b9;}
#pageNews, #pageContact, #pagePlanSite, #pageMentions {padding:30px 30px 40px;height:auto;text-align:left;}
#pageShops {padding:30px 30px 40px; height:auto; text-align:left;}
.titleNews {background: url(images/collectionEte2011Rose.gif) no-repeat;width:500px;height:30px;float:left; margin:0 0 30px 0;}
.titleShops {background: url(images/pointVente2010.gif) no-repeat;width:500px;height:30px;float:left; margin:0 0 30px 0;}
.titleContact {background: url(images/atelier.gif) no-repeat;width:500px;height:60px;float:left}
.titlePlanSite {background: url(images/planSiteRose.gif) no-repeat;width:500px;height:50px;float:left}
.titleMentions{background: url(images/mentions.gif) no-repeat;width:500px;height:60px;float:left}
.texte {color:white; font: 12px Verdana, Arial, Helvetica, sans-serif; height:auto;}
.boxLeft {width:250px; float:left}
.boxRight {width:250px; float:left}
.listeShops { padding:0 0 10px 0;}
dl {margin:0 0 20px 30px;}
dt { color:#9d3b6c;}
.listeShops dd {margin:0;}
dd {margin:5px 20px;}
#anneeCollection {text-align:left; padding:2px}
#main .slideInfoZoneBis {height:17px;width:571px;font-size:11px;font-weight:bold;margin-left: 0px;z-index:3;}
#main .slideInfoZoneTer {height:17px;width:571px;font-size:11px;font-weight:bold;margin-left: 0px;z-index:10;}
#main .slideInfoZoneBis  h2, #main .slideInfoZoneTer  h2 {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; font:10px Verdana, Arial, Helvetica, sans-serif; color:#666666; background-color:#d9d9d9; text-align:left; padding:2px 0 0 5px; height:15px; z-index:10;}
.imageCollectionAccueil {text-align:center;}
.imageCollection {text-align:center;position:relative;z-index:-10;}

/*****************************************************
 					  navigation bottom
*****************************************************/
#navigationBottom {float:right; text-align:right; width:202px;height:19px; position:relative;}
#plan .on {float:left; background: url(images/onglets/planSiteFocus.gif) no-repeat;margin:0 10px 0 0;}
#plan a {float:left; width:80px; height:19px;cursor:pointer;background: url(images/onglets/planSite.gif) no-repeat;margin:0 10px 0 0;}
#plan a:hover {float:left; width:80px; height:19px;cursor:pointer;background: url(images/onglets/planSiteHover.gif) no-repeat;}
#plan a:active {float:left; width:80px; height:19px;cursor:pointer;background: url(images/onglets/planSiteFocus.gif) no-repeat;}
#plan a:focus {float:left; width:80px; height:19px;cursor:pointer;background: url(images/onglets/planSiteFocus.gif) no-repeat;}
#plan, #mentions {text-align:right;}
#mentions .on {float:left; background: url(images/onglets/mentionsFocus.gif) no-repeat;margin:0;}
#mentions a {float:left; width:112px; height:19px;cursor:pointer;background: url(images/onglets/mentions.gif) no-repeat;}
#mentions a:hover {float:left; width:112px; height:19px;cursor:pointer;background: url(images/onglets/mentionsHover.gif) no-repeat;}
#mentions a:active {float:left; width:112px; height:19px;cursor:pointer;background: url(images/onglets/mentionsFocus.gif) no-repeat;}
#mentions a:focus {float:left; width:112px; height:19px;cursor:pointer;background: url(images/onglets/mentionsFocus.gif) no-repeat;}